From 364b309fde02280fdc9f89a185097116640f5041 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20P=C4=B1=C3=A7akc=C4=B1?=
 <98148844+onurpicakci@users.noreply.github.com>
Date: Tue, 16 May 2023 09:44:52 +0300
Subject: [PATCH] Blogging: added control for more section

---
 .../Pages/Blogs/Posts/Detail.cshtml           | 140 +++++++++---------
 1 file changed, 73 insertions(+), 67 deletions(-)

diff --git a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
index 9c44b0feb2..eb4bf912f7 100644
--- a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
+++ b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
@@ -169,46 +169,49 @@
                     <a class="fw-lighter" href="/Members/@Model.Post.Writer.UserName#edit-profile">@L["EditProfile"] <i class="fas fa-edit"></i></a>   
                 }
             </div>
-            <hr/>
-            <p class="fs-3 fw-bold text-dark">More from Blog</p>
-            @for (var index = 0; index < Model.LatestPosts.Count && index < 5; index++)
+            @if (Model.LatestPosts.Count > 1)
             {
-                if (Model.LatestPosts[index].Id != Model.Post.Id)
+                <hr/>
+                <p class="fs-3 fw-bold text-dark">More from Blog</p>
+                @for (var index = 0; index < Model.LatestPosts.Count && index < 5; index++)
                 {
-                    var post = Model.LatestPosts[index];
+                    if (Model.LatestPosts[index].Id != Model.Post.Id)
+                    {
+                        var post = Model.LatestPosts[index];
 
-                    <section class="box-articles p-0">
-                        <div class="row  align-middle">
-                            <div class="article-owner">
-                                <div class="article-infos">
-                                    <div class="user-card pt-3">
-                                        <div class="row">
-                                            <div class="col-auto pe-1">
-                                                @if (post.Writer != null)
-                                                {
-                                                    <a href="/Members/@post.Writer.UserName" aria-label="Go to user profile">
-                                                        <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="last-post-image" alt="User Avatar"/>
-                                                    </a>
-                                                }
-                                            </div>
-                                            <div class="col">
-                                                <h5 class="last-post-name">
-                                                    <a href="/Members/@post.Writer.UserName">
-                                                        @(post.Writer.UserName)
-                                                    </a>
-                                                </h5>
+                        <section class="box-articles p-0">
+                            <div class="row  align-middle">
+                                <div class="article-owner">
+                                    <div class="article-infos">
+                                        <div class="user-card pt-3">
+                                            <div class="row">
+                                                <div class="col-auto pe-1">
+                                                    @if (post.Writer != null)
+                                                    {
+                                                        <a href="/Members/@post.Writer.UserName" aria-label="Go to user profile">
+                                                            <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="last-post-image" alt="User Avatar"/>
+                                                        </a>
+                                                    }
+                                                </div>
+                                                <div class="col">
+                                                    <h5 class="last-post-name">
+                                                        <a href="/Members/@post.Writer.UserName">
+                                                            @(post.Writer.UserName)
+                                                        </a>
+                                                    </h5>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                </div>
-                                <div class="col mt-2">
-                                    <p>
-                                        <a class="last-post-title" asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">@post.Title</a>
-                                    </p>
+                                    <div class="col mt-2">
+                                        <p>
+                                            <a class="last-post-title" asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">@post.Title</a>
+                                        </p>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </section>
+                        </section>
+                    }
                 }
             }
         </div>
@@ -435,50 +438,53 @@ else
 }
 <div class="hero articles">
     <div class="hero content">
-        <p class="fs-3 fw-bold text-dark">More from @CultureInfo.CurrentCulture.TextInfo.ToTitleCase(Model.Post.Writer.UserName)</p>
-        @for (var index = 0; index < Model.PostsList.Count; index++)
+        @if (Model.PostsList.Count > 1)
         {
-            if (Model.PostsList[index].Id != Model.Post.Id)
+            <p class="fs-3 fw-bold text-dark">More from @CultureInfo.CurrentCulture.TextInfo.ToTitleCase(Model.Post.Writer.UserName)</p>
+            for (var index = 0; index < Model.PostsList.Count; index++)
             {
-                var post = Model.PostsList[index];
-                <div class="post-item">
-                    <div class="post-type-cont">
+                if (Model.PostsList[index].Id != Model.Post.Id)
+                {
+                    var post = Model.PostsList[index];
+                    <div class="post-item">
+                        <div class="post-type-cont">
 
-                        <a href="/members/@Model.Post.Writer.UserName" class="text-decoration-none">
-                            <img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="post-member-img rounded-circle d-block"/>
-                        </a>
-                        <span class="post-type">
-                            <i class="fas fa-pen-nib"></i>
-                            @L["Blog"].Value.ToUpper()
-                        </span>
-                    </div>
-                    <div class="post-detail-cont">
-                        <div class="post-info fs-12 mb-2">
                             <a href="/members/@Model.Post.Writer.UserName" class="text-decoration-none">
-                                <span class="text-dark dot">@Model.Post.Writer.UserName</span>
+                                <img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="post-member-img rounded-circle d-block"/>
                             </a>
-                            <span class="text-dark-200">@post.CreationTime.ToString("MMMM yyyy")</span>
+                            <span class="post-type">
+                                <i class="fas fa-pen-nib"></i>
+                                @L["Blog"].Value.ToUpper()
+                            </span>
                         </div>
-                        <h2 class="post-title mt-2">
-                            <a asp-page="./Detail" asp-route-postUrl="@post.Url">
-                                @post.Title
-                            </a>
-                        </h2>
-                        <p class="post-desc">
-                            <a asp-page="./Detail" asp-route-postUrl="@post.Url">
-                                @post.Description.TruncateWithPostfix(150)
-                            </a>
-                            <a asp-page="./Detail" asp-route-postUrl="@post.Url" class="readMore">@L["ReadMore"]</a>
-                        </p>
-                    </div>
-                    <div class="post-img-cont">
-                        <div class="post-list-span text-center post">
-                            <img src="@post.CoverImage" class="box-articles">
+                        <div class="post-detail-cont">
+                            <div class="post-info fs-12 mb-2">
+                                <a href="/members/@Model.Post.Writer.UserName" class="text-decoration-none">
+                                    <span class="text-dark dot">@Model.Post.Writer.UserName</span>
+                                </a>
+                                <span class="text-dark-200">@post.CreationTime.ToString("MMMM yyyy")</span>
+                            </div>
+                            <h2 class="post-title mt-2">
+                                <a asp-page="./Detail" asp-route-postUrl="@post.Url">
+                                    @post.Title
+                                </a>
+                            </h2>
+                            <p class="post-desc">
+                                <a asp-page="./Detail" asp-route-postUrl="@post.Url">
+                                    @post.Description.TruncateWithPostfix(150)
+                                </a>
+                                <a asp-page="./Detail" asp-route-postUrl="@post.Url" class="readMore">@L["ReadMore"]</a>
+                            </p>
+                        </div>
+                        <div class="post-img-cont">
+                            <div class="post-list-span text-center post">
+                                <img src="@post.CoverImage" class="box-articles">
+                            </div>
                         </div>
                     </div>
-                </div>
-            }
+                }
 
+            }
         }
     </div>
 </div>