get posts on the home page

thangchung · Jul 21, 2019 · dc00334 · dc00334
1 parent b524acc
commit dc00334
Show file tree

Hide file tree

Showing 26 changed files with 296 additions and 146 deletions.
diff --git a/src/BlogCore.ComponentsLibrary/BadminLteCard.razor b/src/BlogCore.ComponentsLibrary/BadminLteCard.razor
@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card card-primary card-outline">
     <div class="card-header">
         @CardHeader
     </div>

diff --git a/src/BlogCore.Hosts.Tests/MessageTests.cs b/src/BlogCore.Hosts.Tests/MessageTests.cs
@@ -1,6 +1,6 @@
 using BlogCore.Shared.v1.Blog;
+using BlogCore.Shared.v1.Blogs.Validators;
 using BlogCore.Shared.v1.ValidationModel;
-using BlogCore.Shared.v1.Validators;
 using Google.Protobuf;
 using System;
 using System.Threading.Tasks;

diff --git a/...ore.Hosts.Web.Client/Pages/Settings.razor → ...Hosts.Web.Client/Pages/BlogSettings.razor b/...ore.Hosts.Web.Client/Pages/Settings.razor → ...Hosts.Web.Client/Pages/BlogSettings.razor
@@ -1,4 +1,4 @@
-@page "/settings"
+@page "/blog-settings"
 @attribute [Authorize]
 
 @code {

diff --git a/src/BlogCore.Hosts.Web.Client/Pages/Blogs.razor b/src/BlogCore.Hosts.Web.Client/Pages/Blogs.razor
@@ -1,13 +1,14 @@
 @page "/blogs"
 @page "/blogs/{Page:int}"
 @attribute [Authorize]
-@inject BlogService BlogService
 @inject IJSRuntime JS
+@inject BlogService BlogService
 
 <div class="container-fluid">
     <BadminLteCard>
         <CardHeader>
             <NavLink href="create-blog" class="btn btn-primary btn-sm">New</NavLink>
+            <NavLink href="blog-settings" class="btn btn-info btn-sm">Settings</NavLink>
             <button class="btn btn-danger btn-sm">Delete Selected</button>
         </CardHeader>
         <CardBody>

diff --git a/src/BlogCore.Hosts.Web.Client/Pages/PublicHome.razor b/src/BlogCore.Hosts.Web.Client/Pages/PublicHome.razor
@@ -1,5 +1,7 @@
 @page "/"
+@page "/{Page:int}"
 @layout NoLayout
+@inject PostService PostService
 
 <div class="jumbotron jumbotron-fluid">
     <div class="container">
@@ -12,62 +14,35 @@
 <div class="container">
     <div class="row">
         <div class="col-md-12">
-            <!-- Post -->
-            <div class="post">
-                <div class="user-block">
-                    <h1>
-                        <NavLink href="/post/1">This is post 1</NavLink>
-                    </h1>
-                    <div>Created at 7:30 PM today</div>
+            @foreach (var post in Posts)
+            {
+                <!-- Post -->
+                <div class="post">
+                    <div class="user-block">
+                        <h1>
+                            <a href="/post/@post.Id">@post.Title</a>
+                        </h1>
+                        <div>Created at @post.CreatedAt</div>
+                    </div>
+                    <!-- /.user-block -->
+                    <p>
+                        @post.Excerpt...
+                    </p>
+                    <p>
+                        @RenderTag(post.Id)
+                    </p>
+                    <p>
+                        <a href="#" class="link-black text-sm mr-2"><i class="fas fa-share mr-1"></i> Share</a>
+                        <a href="#" class="link-black text-sm"><i class="far fa-thumbs-up mr-1"></i> Like</a>
+                        <span class="float-right">
+                            <NavLink href="#" class="link-black text-sm">
+                                <i class="far fa-comments mr-1"></i> Comments (5)
+                            </NavLink>
+                        </span>
+                    </p>
                 </div>
-                <!-- /.user-block -->
-                <p>
-                    Lorem ipsum represents a long-held tradition for designers,
-                    typographers and the like. Some people hate it and argue for
-                    its demise, but others ignore the hate as they create awesome
-                    tools to help create filler text for everyone from bacon lovers
-                    to Charlie Sheen fans...
-                </p>
-
-                <p>
-                    <a href="#" class="link-black text-sm mr-2"><i class="fas fa-share mr-1"></i> Share</a>
-                    <a href="#" class="link-black text-sm"><i class="far fa-thumbs-up mr-1"></i> Like</a>
-                    <span class="float-right">
-                        <NavLink href="#" class="link-black text-sm">
-                            <i class="far fa-comments mr-1"></i> Comments (5)
-                        </NavLink>
-                    </span>
-                </p>
-            </div>
-            <!-- /.post -->
-            <!-- Post -->
-            <div class="post clearfix">
-                <div class="user-block">
-                    <h1>
-                        <NavLink href="/post/2">This is post 2</NavLink>
-                    </h1>
-                    <div>Created at 3 days ago</div>
-                </div>
-                <!-- /.user-block -->
-                <p>
-                    Lorem ipsum represents a long-held tradition for designers,
-                    typographers and the like. Some people hate it and argue for
-                    its demise, but others ignore the hate as they create awesome
-                    tools to help create filler text for everyone from bacon lovers
-                    to Charlie Sheen fans...
-                </p>
-
-                <p>
-                    <a href="#" class="link-black text-sm mr-2"><i class="fas fa-share mr-1"></i> Share</a>
-                    <a href="#" class="link-black text-sm"><i class="far fa-thumbs-up mr-1"></i> Like</a>
-                    <span class="float-right">
-                        <NavLink href="#" class="link-black text-sm">
-                            <i class="far fa-comments mr-1"></i> Comments (5)
-                        </NavLink>
-                    </span>
-                </p>
-            </div>
-            <!-- /.post -->
+                <!-- /.post -->
+            }
         </div>
     </div>
 </div>
@@ -83,4 +58,27 @@
 </div>
 
 @code {
+    [Parameter] int Page { get; set; } = 1;
+
+    List<PostDto> Posts = new List<PostDto>();
+    MapField<string, PostTagsDto> PostTags = new MapField<string, PostTagsDto>();
+
+    protected override async Task OnInitAsync()
+    {
+        var resultModel = await PostService.GetPostsByBlog(Guid.NewGuid(), Page);
+        Posts = resultModel.Data.Posts.ToList();
+        PostTags = resultModel.Data.TagFragment;
+    }
+
+    MarkupString RenderTag(string postId)
+    {
+        var result = PostTags
+            .Where(x => x.Key == postId)
+            .Select(x => x.Value)
+            .SelectMany(x => x.Tags)
+            .Select(x => x?.Name)
+            .Aggregate("", (r, x) => r + string.Format("<span class=\"badge badge-info\">{0}</span>", x));
+
+        return (MarkupString)result;
+    }
 }
diff --git a/src/BlogCore.Hosts.Web.Client/Pages/PublicPost.razor b/src/BlogCore.Hosts.Web.Client/Pages/PublicPost.razor
@@ -1,4 +1,4 @@
-@page "/post/{PostId:int}"
+@page "/post/{PostId:guid}"
 @layout NoLayout
 
 <div class="jumbotron jumbotron-fluid">
@@ -93,6 +93,5 @@
 </div>
 
 @code {
-    [Parameter]
-    int PostId { get; set; } = 1;
+    [Parameter] Guid PostId { get; set; }
 }
diff --git a/....Hosts.Web.Client/Services/BlogService.cs → ...s.Web.Client/Services/Impl/BlogService.cs b/....Hosts.Web.Client/Services/BlogService.cs → ...s.Web.Client/Services/Impl/BlogService.cs
@@ -5,7 +5,7 @@
 using System;
 using System.Threading.Tasks;
 
-namespace BlogCore.Hosts.Web.Client.Services
+namespace BlogCore.Hosts.Web.Client.Services.Impl
 {
     public class BlogService : ServiceBase
     {
@@ -16,19 +16,19 @@ public BlogService(IServiceProvider serviceProvider) : base(serviceProvider)
         public async Task<ProtoResultModel<PaginatedItemResponse>> GetBlogs(int page)
         {
             var httpClient = await SecureHttpClientAsync();
-            return await httpClient.GetProtoAsync<PaginatedItemResponse>($"api/blogs?page={page}");
+            return await httpClient.GetProtoAsync<PaginatedItemResponse>($"api/@blogs?page={page}");
         }
 
         public async Task<ProtoResultModel<RetrieveBlogResponse>> GetBlogById(Guid blogId)
         {
             var httpClient = await SecureHttpClientAsync();
-            return await httpClient.GetProtoAsync<RetrieveBlogResponse>($"api/blogs/{blogId}");
+            return await httpClient.GetProtoAsync<RetrieveBlogResponse>($"api/@blogs/{blogId}");
         }
 
         public async Task<ProtoResultModel<CreateBlogResponse>> CreateBlog(CreateBlogRequest model)
         {
             var httpClient = await SecureHttpClientAsync();
-            return await httpClient.PostProtoAsync<CreateBlogResponse>($"api/blogs", model);
+            return await httpClient.PostProtoAsync<CreateBlogResponse>($"api/@blogs", model);
         }
     }
 }
diff --git a/src/BlogCore.Hosts.Web.Client/Services/Impl/PostService.cs b/src/BlogCore.Hosts.Web.Client/Services/Impl/PostService.cs
@@ -0,0 +1,20 @@
+using BlogCore.Shared;
+using BlogCore.Shared.v1;
+using BlogCore.Shared.v1.Post;
+using System;
+using System.Threading.Tasks;
+
+namespace BlogCore.Hosts.Web.Client.Services.Impl
+{
+    public class PostService : ServiceBase
+    {
+        public PostService(IServiceProvider serviceProvider) : base(serviceProvider)
+        {
+        }
+
+        public async Task<ProtoResultModel<GetPostsByBlogResponse>> GetPostsByBlog(Guid blogId, int page)
+        {
+            return await HttpClient.GetProtoAsync<GetPostsByBlogResponse>($"api/posts/{blogId}/posts?page={page}");
+        }
+    }
+}
diff --git a/src/BlogCore.Hosts.Web.Client/Shared/NavMenu.razor b/src/BlogCore.Hosts.Web.Client/Shared/NavMenu.razor
@@ -27,14 +27,6 @@
                 </p>
             </NavLink>
         </li>
-        <li class="nav-item">
-            <NavLink class="nav-link" href="settings">
-                <i class="nav-icon fas fa-cogs"></i>
-                <p>
-                    Settings
-                </p>
-            </NavLink>
-        </li>
         <li class="nav-item">
             <NavLink class="nav-link" href="/" Match="NavLinkMatch.All">
                 <i class="nav-icon fas fa-copy"></i>

diff --git a/src/BlogCore.Hosts.Web.Client/Startup.cs b/src/BlogCore.Hosts.Web.Client/Startup.cs
@@ -1,4 +1,5 @@
 using BlogCore.Hosts.Web.Client.Services;
+using BlogCore.Hosts.Web.Client.Services.Impl;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Builder;
 using Microsoft.Extensions.DependencyInjection;
@@ -16,6 +17,7 @@ public void ConfigureServices(IServiceCollection services)
             // services and state
             services.AddScoped<AppState>();
             services.AddScoped<BlogService>();
+            services.AddScoped<PostService>();
         }
 
         public void Configure(IComponentsApplicationBuilder app)

diff --git a/src/BlogCore.Hosts.Web.Client/_Imports.razor b/src/BlogCore.Hosts.Web.Client/_Imports.razor
@@ -4,8 +4,10 @@
 @using Microsoft.AspNetCore.Components.Layouts
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.JSInterop
+@using Google.Protobuf.Collections
 @using BlogCore.Hosts.Web.Client.Shared
 @using BlogCore.Hosts.Web.Client.Services
+@using BlogCore.Hosts.Web.Client.Services.Impl
 @using BlogCore.Shared
 @using BlogCore.Shared.v1.Common
 @using BlogCore.Shared.v1.Blog

diff --git a/src/BlogCore.Hosts.Web.Server/BlogCore.Hosts.Web.Server.csproj b/src/BlogCore.Hosts.Web.Server/BlogCore.Hosts.Web.Server.csproj
@@ -20,6 +20,7 @@
     <PackageReference Include="Swashbuckle.AspNetCore.Swagger" Version="5.0.0-rc2" />
     <PackageReference Include="Swashbuckle.AspNetCore.SwaggerGen" Version="5.0.0-rc2" />
     <PackageReference Include="Swashbuckle.AspNetCore.SwaggerUI" Version="5.0.0-rc2" />
+    <PackageReference Include="System.Text.Encoding.CodePages" Version="4.6.0-preview6.19303.8" />
   </ItemGroup>
 
   <ItemGroup>

diff --git a/src/BlogCore.Hosts.Web.Server/Startup.cs b/src/BlogCore.Hosts.Web.Server/Startup.cs
@@ -19,6 +19,7 @@
 using System.Linq;
 using System.Net.Http;
 using System.Net.Mime;
+using System.Text;
 using System.Threading.Tasks;
 
 namespace BlogCore.Hosts.Web.Server
@@ -32,6 +33,9 @@ public Startup(IConfiguration configuration, IWebHostEnvironment env)
         {
             Configuration = configuration;
             Environment = env;
+
+            // https://github.com/dotnet/corefx/issues/9158
+            Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
         }
 
         public IConfiguration Configuration { get; }

diff --git a/src/BlogCore.Modules.BlogContext/BlogController.cs b/src/BlogCore.Modules.BlogContext/BlogController.cs
@@ -23,7 +23,22 @@ public BlogController(IServiceProvider serviceProvider)
             _serviceProvider = serviceProvider;
         }
 
-
+        [HttpGet("owner")]
+        public Task<ActionResult<ProtoResultModel<PaginatedItemResponse>>> GetOwner()
+        {
+            throw new NotImplementedException();
+        }
+
+        [HttpGet]
+        public async Task<ActionResult<ProtoResultModel<PaginatedItemResponse>>> RetrieveBlogs([FromQuery] int page = 1)
+        {
+            var useCase = _serviceProvider.GetService<IUseCase<RetrieveBlogsRequest, PaginatedItemResponse>>().NotNull();
+            var response = await useCase.ExecuteAsync(new RetrieveBlogsRequest
+            {
+                CurrentPage = page
+            });
+            return new OkObjectResult(new ProtoResultModel<PaginatedItemResponse>(response));
+        }
 
         [HttpGet("{id:guid}")]
         public async Task<ActionResult<RetrieveBlogResponse>> Get(Guid id)

diff --git a/src/BlogCore.Modules.BlogContext/PublicBlogController.cs b/src/BlogCore.Modules.BlogContext/PublicBlogController.cs
@@ -1,12 +1,5 @@
-using BlogCore.Shared.v1;
-using BlogCore.Shared.v1.Blog;
-using BlogCore.Shared.v1.Common;
-using BlogCore.Shared.v1.Guard;
-using BlogCore.Shared.v1.Usecase;
-using Microsoft.AspNetCore.Mvc;
-using Microsoft.Extensions.DependencyInjection;
+using Microsoft.AspNetCore.Mvc;
 using System;
-using System.Threading.Tasks;
 
 namespace BlogCore.Modules.BlogContext
 {
@@ -20,22 +13,5 @@ public PublicBlogController(IServiceProvider serviceProvider)
         {
             _serviceProvider = serviceProvider;
         }
-
-        [HttpGet("owner")]
-        public Task<ActionResult<ProtoResultModel<PaginatedItemResponse>>> GetOwner()
-        {
-            throw new NotImplementedException();
-        }
-
-        [HttpGet]
-        public async Task<ActionResult<ProtoResultModel<PaginatedItemResponse>>> RetrieveBlogs([FromQuery] int page = 1)
-        {
-            var useCase = _serviceProvider.GetService<IUseCase<RetrieveBlogsRequest, PaginatedItemResponse>>().NotNull();
-            var response = await useCase.ExecuteAsync(new RetrieveBlogsRequest
-            {
-                CurrentPage = page
-            });
-            return new OkObjectResult(new ProtoResultModel<PaginatedItemResponse>(response));
-        }
     }
 }
diff --git a/src/BlogCore.Modules.PostContext/PostController.cs b/src/BlogCore.Modules.PostContext/PostController.cs
@@ -0,0 +1,11 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace BlogCore.Modules.PostContext
+{
+    [Route("api/@blogs")]
+    [ApiController]
+    public class PostsController : ControllerBase
+    {
+
+    }
+}
diff --git a/src/BlogCore.Modules.PostContext/PostsController.cs b/src/BlogCore.Modules.PostContext/PostsController.cs