Categories widget

Author: rxtur

plugins/Common/Views/Widgets/Categories/Edit.cshtml

@@ -0,0 +1,27 @@
+@model Core.Data.ThemeWidget
+@inject Core.Services.IDataService _db
+@{
+    var keyTmpl = $"{Model.Theme}-{Model.Widget.Title}-tmpl";
+    var keyMax = $"{Model.Theme}-{Model.Widget.Title}-max";
+
+    var template = _db.CustomFields.GetCustomValue(keyTmpl);
+    var maxRecords = _db.CustomFields.GetCustomValue(keyMax);
+
+    if (string.IsNullOrEmpty(maxRecords)) { maxRecords = "10"; }
+    if (string.IsNullOrEmpty(template)) { template = "<a href=\"/categories/{0}\" class=\"list-group-item list-group-item-action\">{0}</a>"; }
+}
+<form method="post" action="~/widgets/api/postlist/edit" asp-antiforgery="true">
+    <div class="form-group">
+        <label class="form-group-label">Template ({0} = slug {1} = title)</label>
+        <textarea rows="2" id="txtTemplate" name="txtTemplate" class="form-control">@template</textarea>
+    </div>
+    <div class="form-group">
+        <label class="form-group-label">Max records</label>
+        <input type="text" id="txtMaxRecords" name="txtMaxRecords" class="form-control" value="@maxRecords" />
+    </div>
+    <div class="form-group">
+        <button type="submit" class="btn btn-primary btn-main">Save</button>
+    </div>
+    <input type="hidden" id="hdnWidget" name="hdnWidget" value="@Model.Widget.Title" />
+    <input type="hidden" id="hdnTheme" name="hdnTheme" value="@Model.Theme" />
+</form>

plugins/Common/Views/Widgets/Categories/Index.cshtml

@@ -0,0 +1,6 @@
+@{
+    foreach (var cat in Model)
+    {
+        @Html.Raw(string.Format(cat))
+    }
+}

plugins/Common/Widgets/Categories.cs

@@ -0,0 +1,65 @@
+using Core.Services;
+using Microsoft.AspNetCore.Mvc;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace Common.Widgets
+{
+    [ViewComponent(Name = "Categories")]
+    public class Categories : ViewComponent
+    {
+        IDataService _db;
+
+        public Categories(IDataService db)
+        {
+            _db = db;
+        }
+
+        public async Task<IViewComponentResult> InvokeAsync(string theme, string widget)
+        {
+            var keyMax = $"{theme}-{widget}-max";
+            var keyTmpl = $"{theme}-{widget}-tmpl";
+
+            var max = _db.CustomFields.GetCustomValue(keyMax);
+            var tmpl = _db.CustomFields.GetCustomValue(keyTmpl);
+
+            if (string.IsNullOrEmpty(max)) max = "10";
+            if (string.IsNullOrEmpty(tmpl)) tmpl = "<a href=\"/categories/{0}\" class=\"list-group-item list-group-item-action\">{0}</a>";
+
+            var cats = await _db.BlogPosts.Categories();
+            var model = new List<string>();
+
+            foreach (var cat in cats.Take(int.Parse(max)))
+            {
+                model.Add(string.Format(tmpl, cat));
+            }
+
+            return View("~/Views/Widgets/Categories/Index.cshtml", model);
+        }
+    }
+
+    [Route("widgets/api/categories")]
+    public class CategoriesController : Controller
+    {
+        IDataService _db;
+
+        public CategoriesController(IDataService db)
+        {
+            _db = db;
+        }
+
+        [HttpPost]
+        [Route("edit")]
+        public IActionResult Edit(string selAuthors, string selCats, string txtMaxRecords, string txtTemplate, string hdnWidget, string hdnTheme)
+        {
+            var keyMax = $"{hdnTheme}-{hdnWidget}-max";
+            var keyTmpl = $"{hdnTheme}-{hdnWidget}-tmpl";
+
+            _db.CustomFields.SaveCustomValue(keyMax, txtMaxRecords);
+            _db.CustomFields.SaveCustomValue(keyTmpl, txtTemplate);
+
+            return Redirect("~/admin/settings/themes");
+        }
+    }
+}

src/App/Views/Themes/Simple/Shared/_Sidebar.cshtml

@@ -30,4 +30,9 @@
 <div class="card my-4">
     <h5 class="card-header">Post List</h5>
     @await Component.InvokeAsync("PostList", new { theme = "Simple", widget = "Post List" })
+</div>
+
+<div class="card my-4">
+    <h5 class="card-header">Categories</h5>
+    @await Component.InvokeAsync("Categories", new { theme = "Simple", widget = "Categories" })
 </div>

src/App/Views/Themes/Simple/Simple.json

@@ -6,5 +6,9 @@
   {
     "Widget": "PostList",
     "Title": "Post List"
+  },
+  {
+    "Widget": "Categories",
+    "Title": "Categories"
   }
 ]

src/App/app.db

@@ -2,7 +2,7 @@
 
   <PropertyGroup>
     <TargetFramework>netcoreapp2.1</TargetFramework>
-    <Version>2.1.1.1</Version>
+    <Version>2.1.1.2</Version>
   </PropertyGroup>
 
   <ItemGroup>