added display order to product categories (#189)

Author: thiennn

src/Modules/SimplCommerce.Module.Catalog/Components/CategoryMenuViewComponent.cs

@@ -21,7 +21,8 @@ public IViewComponentResult Invoke()
             var categories = _categoryRepository.Query().Where(x => !x.IsDeleted && x.IncludeInMenu).ToList();
 
             var categoryMenuItems = new List<CategoryMenuItem>();
-            foreach (var category in categories.Where(x => !x.ParentId.HasValue))
+            var topCategories = categories.Where(x => !x.ParentId.HasValue).OrderByDescending(x => x.DisplayOrder);
+            foreach (var category in topCategories)
             {
                 var categoryMenuItem = Map(category);
                 categoryMenuItems.Add(categoryMenuItem);
@@ -40,7 +41,7 @@ private CategoryMenuItem Map(Category category)
             };
 
             var childCategories = category.Children;
-            foreach (var childCategory in childCategories)
+            foreach (var childCategory in childCategories.OrderByDescending(x => x.DisplayOrder))
             {
                 var childCategoryMenuItem = Map(childCategory);
                 categoryMenuItem.AddChildItem(childCategoryMenuItem);

src/Modules/SimplCommerce.Module.Catalog/Controllers/CategoryApiController.cs

@@ -48,6 +48,7 @@ public IActionResult Get(long id)
             {
                 Id = category.Id,
                 Name = category.Name,
+                DisplayOrder = category.DisplayOrder,
                 Description = category.Description,
                 ParentId = category.ParentId,
                 IncludeInMenu = category.IncludeInMenu,
@@ -68,6 +69,7 @@ public IActionResult Post(CategoryForm model)
                 {
                     Name = model.Name,
                     SeoTitle = model.Name.ToUrlFriendly(),
+                    DisplayOrder = model.DisplayOrder,
                     Description = model.Description,
                     ParentId = model.ParentId,
                     IncludeInMenu = model.IncludeInMenu,
@@ -93,6 +95,7 @@ public IActionResult Put(long id, CategoryForm model)
                 category.Name = model.Name;
                 category.SeoTitle = model.Name.ToUrlFriendly();
                 category.Description = model.Description;
+                category.DisplayOrder = model.DisplayOrder;
                 category.ParentId = model.ParentId;
                 category.IncludeInMenu = model.IncludeInMenu;
                 category.IsPublished = model.IsPublished;

src/Modules/SimplCommerce.Module.Catalog/Services/CategoryService.cs

@@ -31,7 +31,8 @@ public IList<CategoryListItem> GetAll()
                     Id = category.Id,
                     IsPublished = category.IsPublished,
                     IncludeInMenu = category.IncludeInMenu,
-                    Name = category.Name
+                    Name = category.Name,
+                    DisplayOrder = category.DisplayOrder
                 };
 
                 var parentCategory = category.Parent;

src/Modules/SimplCommerce.Module.Catalog/ViewModels/CategoryForm.cs

@@ -17,6 +17,8 @@ public CategoryForm()
 
         public string Description { get; set; }
 
+        public int DisplayOrder { get; set; }
+
         public long? ParentId { get; set; }
 
         public bool IncludeInMenu { get; set; }

src/Modules/SimplCommerce.Module.Catalog/ViewModels/CategoryListItem.cs

@@ -6,6 +6,8 @@ public class CategoryListItem
 
         public string Name { get; set; }
 
+        public int DisplayOrder { get; set; }
+
         public bool IncludeInMenu { get; set; }
 
         public bool IsPublished { get; set; }

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/category/category-form.html

@@ -33,6 +33,12 @@ <h2 ng-if="vm.isEditMode">{{::vm.translate.get('Edit Category')}}</h2>
                             <textarea name="description" ng-model="vm.category.description" rows="3" class="form-control" />
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label">{{::vm.translate.get('Display order')}}</label>
+                        <div class="col-sm-10">
+                            <input type="number" name="displayOrder" ng-model="vm.category.displayOrder" class="form-control" />
+                        </div>
+                    </div>
                     <div class="form-group">
                         <label class="col-sm-2 control-label">{{::vm.translate.get('Thumbnail')}}</label>
                         <div class="col-sm-10">

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/category/category-list.html

@@ -14,6 +14,7 @@ <h2>{{::vm.translate.get('Categories')}}</h2>
     <tr>
         <th>{{::vm.translate.get('Name')}}</th>
         <th>{{::vm.translate.get('Include in menu')}}</th>
+        <th>{{::vm.translate.get('Display order')}}</th>
         <th class="text-center">{{::vm.translate.get('Is Published')}}</th>
         <th>{{::vm.translate.get('Actions')}}</th>
     </tr>
@@ -22,6 +23,7 @@ <h2>{{::vm.translate.get('Categories')}}</h2>
     <tr ng-repeat="category in vm.categories">
         <td>{{category.name}}</td>
         <td class="text-center"><i ng-attr-class="{{category.includeInMenu && 'fa fa-circle' || 'fa fa-circle-o'}}"></i></td>
+        <td>{{category.displayOrder}}</td>
         <td class="text-center"><i ng-attr-class="{{category.isPublished && 'fa fa-circle' || 'fa fa-circle-o'}}"></i></td>
         <td>
             <a ui-sref="category-edit({id: category.id})" title="Edit" class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-pencil"></span></a>