update layout for pages

Author: thangchung

coolstore.sln.DotSettings

@@ -4,6 +4,7 @@
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=Dapr/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=dbcontext/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=Dtos/@EntryIndexedValue">True</s:Boolean>
+	<s:Boolean x:Key="/Default/UserDictionary/Words/=exprs/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=Grpc/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=Mediat/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=Migrator/@EntryIndexedValue">True</s:Boolean></wpf:ResourceDictionary>

src/BuildingBlocks/N8T.Core/Specification/GridSpecificationBase.cs

@@ -1,6 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Linq.Expressions;
+using N8T.Core.Domain;
 
 namespace N8T.Core.Specification
 {
@@ -17,16 +18,49 @@ public abstract class GridSpecificationBase<T> : IGridSpecification<T>
         public int Skip { get; private set; }
         public bool IsPagingEnabled { get; set; }
 
+        protected void ApplyIncludeList(IEnumerable<Expression<Func<T, object>>> includes)
+        {
+            foreach (var include in includes)
+            {
+                AddInclude(include);
+            }
+        }
+
         protected void AddInclude(Expression<Func<T, object>> includeExpression)
         {
             Includes.Add(includeExpression);
         }
 
+        protected void ApplyIncludeList(IEnumerable<string> includes)
+        {
+            foreach (var include in includes)
+            {
+                AddInclude(include);
+            }
+        }
+
         protected void AddInclude(string includeString)
         {
             IncludeStrings.Add(includeString);
         }
 
+        protected IGridSpecification<T> ApplyFilterList(IEnumerable<FilterModel> filters)
+        {
+            foreach (var (fieldName, comparision, fieldValue) in filters)
+            {
+                ApplyFilter(PredicateBuilder.Build<T>(fieldName, comparision, fieldValue));
+            }
+
+            return this;
+        }
+
+        protected IGridSpecification<T> ApplyFilter(Expression<Func<T, bool>> expr)
+        {
+            Criterias.Add(expr);
+
+            return this;
+        }
+
         protected void ApplyPaging(int skip, int take)
         {
             Skip = skip;
@@ -43,6 +77,14 @@ protected void ApplyOrderByDescending(Expression<Func<T, object>> orderByDescend
         protected void ApplyGroupBy(Expression<Func<T, object>> groupByExpression) =>
             GroupBy = groupByExpression;
 
+        protected void ApplySortingList(IEnumerable<string> sorts)
+        {
+            foreach (var sort in sorts)
+            {
+                ApplySorting(sort);
+            }
+        }
+
         protected void ApplySorting(string sort)
         {
             this.ApplySorting(sort, nameof(ApplyOrderBy), nameof(ApplyOrderByDescending));

src/BuildingBlocks/N8T.Infrastructure/LambdaExpression/PredicateBuilder.cs renamed to src/BuildingBlocks/N8T.Core/Specification/PredicateBuilder.cs

@@ -3,7 +3,7 @@
 using System.Linq;
 using System.Linq.Expressions;
 
-namespace N8T.Infrastructure.LambdaExpression
+namespace N8T.Core.Specification
 {
     /// <summary>
     /// https://codereview.stackexchange.com/questions/166460/chaining-multiple-predicates

src/BuildingBlocks/N8T.Core/Specification/SpecificationBase.cs

@@ -17,11 +17,27 @@ public abstract class SpecificationBase<T> : ISpecification<T>
         public int Skip { get; private set; }
         public bool IsPagingEnabled { get; private set; }
 
+        protected void ApplyIncludeList(IEnumerable<Expression<Func<T, object>>> includes)
+        {
+            foreach (var include in includes)
+            {
+                AddInclude(include);
+            }
+        }
+
         protected void AddInclude(Expression<Func<T, object>> includeExpression)
         {
             Includes.Add(includeExpression);
         }
 
+        protected void ApplyIncludeList(IEnumerable<string> includes)
+        {
+            foreach (var include in includes)
+            {
+                AddInclude(include);
+            }
+        }
+
         protected void AddInclude(string includeString)
         {
             IncludeStrings.Add(includeString);

src/BuildingBlocks/N8T.Infrastructure.EfCore/Repository.cs

@@ -6,7 +6,6 @@
 using N8T.Core.Domain;
 using N8T.Core.Repository;
 using N8T.Core.Specification;
-using N8T.Infrastructure.LambdaExpression;
 
 namespace N8T.Infrastructure.EfCore
 {

src/Product/ProductService.Application/Queries/GetProductById.cs

@@ -12,7 +12,7 @@
 
 namespace ProductService.Application.Queries
 {
-    public class GetProductById
+    public static class GetProductById
     {
         public record Query : IItemQueryInput<Guid>, IQuery<ProductDto>
         {

src/Product/ProductService.Core/Specifications/ProductByIdQuerySpec.cs

@@ -1,4 +1,5 @@
 using System;
+using System.Diagnostics.CodeAnalysis;
 using System.Linq.Expressions;
 using N8T.Core.Domain;
 using N8T.Core.Specification;
@@ -8,17 +9,15 @@ namespace ProductService.Core.Specifications
 {
     public sealed class ProductByIdQuerySpec : SpecificationBase<Product>
     {
-        private readonly IItemQueryInput<Guid> _queryInput;
+        private readonly Guid _id;
 
-        public ProductByIdQuerySpec(IItemQueryInput<Guid> queryInput)
+        public ProductByIdQuerySpec([NotNull] IItemQueryInput<Guid> queryInput)
         {
-            _queryInput = queryInput ?? throw new ArgumentNullException(nameof(queryInput));
-            foreach (var include in queryInput.Includes)
-            {
-                AddInclude(include);
-            }
+            ApplyIncludeList(queryInput.Includes);
+
+            _id = queryInput.Id;
         }
 
-        public override Expression<Func<Product, bool>> Criteria => p => p.Id == _queryInput.Id;
+        public override Expression<Func<Product, bool>> Criteria => p => p.Id == _id;
     }
 }

src/Product/ProductService.Core/Specifications/ProductListQuerySpec.cs

@@ -1,6 +1,5 @@
 using N8T.Core.Domain;
 using N8T.Core.Specification;
-using N8T.Infrastructure.LambdaExpression;
 using ProductService.Core.Entities;
 
 namespace ProductService.Core.Specifications
@@ -9,20 +8,11 @@ public sealed class ProductListQuerySpec : GridSpecificationBase<Product>
     {
         public ProductListQuerySpec(IListQueryInput gridQueryInput)
         {
-            foreach (var include in gridQueryInput.Includes)
-            {
-                AddInclude(include);
-            }
+            ApplyIncludeList(gridQueryInput.Includes);
 
-            foreach (var (fieldName, comparision, fieldValue) in gridQueryInput.Filters)
-            {
-                Criterias.Add(PredicateBuilder.Build<Product>(fieldName, comparision, fieldValue));
-            }
+            ApplyFilterList(gridQueryInput.Filters);
 
-            foreach (var sort in gridQueryInput.Sorts)
-            {
-                ApplySorting(sort);
-            }
+            ApplySortingList(gridQueryInput.Sorts);
 
             ApplyPaging(gridQueryInput.Page, gridQueryInput.PageSize);
         }

src/Web/assets/scss/main.scss

@@ -2,3 +2,14 @@
 // // Vendors variables override and path
 @import "vendors/vendor";
 @import "base/base";
+
+#components-layout-demo-fixed .logo {
+  float: left;
+  width: 120px;
+  height: 31px;
+  margin: 16px 24px 16px 0;
+  background: rgba(255, 255, 255, 0.2);
+}
+.site-layout .site-layout-background {
+  background: #fff;
+}

src/Web/layout/MainLayout.jsx

@@ -1,14 +1,11 @@
 import React from "react";
-import { Container, Row, Col } from "reactstrap";
-import styled from "styled-components";
+import { Layout, Row, Col } from "antd";
 
 /* Components */
 import NavBar from "./nav/NavBar";
-import Footer from "./foot/Footer";
+import MyFooter from "./foot/MyFooter";
 
-const MyRow = styled(Row)`
-  margin-top: 30px;
-`
+const { Header, Content, Footer } = Layout;
 
 function MainLayout(mainProps) {
   const { children } = mainProps;
@@ -17,13 +14,21 @@ function MainLayout(mainProps) {
 
   return (
     <>
-      <NavBar {...props} />
-      <Container fluid>
-        <MyRow>
-          <Col>{children}</Col>
-        </MyRow>
-      </Container>
-      <Footer />
+      <Layout>
+        <NavBar {...props} />
+        <Content
+          className="site-layout"
+          style={{ padding: "0 50px", marginTop: 100 }}
+        >
+          <div
+            className="site-layout-background"
+            style={{ padding: 24, minHeight: 600 }}
+          >
+            {children}
+          </div>
+        </Content>
+        <MyFooter />
+      </Layout>
     </>
   );
 }