Merge pull request #13311 from abpframework/dynamic-widget-dynamic-parameters

Dynamic widget dynamic parameters

modules/cms-kit/host/Volo.CmsKit.Web.Unified/CmsKitWebUnifiedModule.cs

@@ -153,7 +153,7 @@ public class CmsKitWebUnifiedModule : AbpModule
 
         Configure<CmsKitContentWidgetOptions>(options =>
         {
-            options.AddWidget("ExampleWidget", "ExampleDate", "ExampleModalDate");
+            options.AddWidget("ExComment", "CommentDate", "DecisionCommentDate");
         });
     }
 

modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/ExampleDate.cshtml → modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/CommentDate.cshtml

@@ -1,4 +1,4 @@
-@model Volo.CmsKit.ViewComponents.ExampleDateViewModel
+@model Volo.CmsKit.ViewComponents.CommentDateViewComponent
 
 <p>Welcome Comment Date Component</p>
 @if (Model.IsShow)

modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/CommentDateViewComponent.cs

@@ -0,0 +1,25 @@
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
+
+namespace Volo.CmsKit.ViewComponents;
+
+[Widget(
+    AutoInitialize = true
+)]
+
+[ViewComponent(Name = "CommentDate")]
+public class CommentDateViewComponent : AbpViewComponent
+{
+    public bool IsShow { get; set; }
+
+    public CommentDateViewComponent()
+    {
+    }
+
+    public virtual async Task<IViewComponentResult> InvokeAsync(string isShow)
+    {
+        return View("~/ViewComponents/CommentDate.cshtml", new CommentDateViewComponent() { IsShow = bool.Parse(isShow) });
+    }
+}

modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/ExampleModalDate.cshtml → modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/DecisionCommentDate.cshtml

@@ -1,5 +1,5 @@
 @using Volo.CmsKit.ViewComponents
-@model ExampleModalDateViewModel
+@model DecisionCommentDateViewModel
 
 <div class="form-check mb-3">
     <abp-input asp-for="IsShow" />

modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/ExampleModalDateViewComponent.cs → modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/DecisionCommentDateViewComponent.cs

@@ -1,8 +1,10 @@
 using System.ComponentModel;
+using System.ComponentModel.DataAnnotations;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Mvc;
 using Volo.Abp.AspNetCore.Mvc;
 using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
+using Volo.Abp.Localization;
 
 namespace Volo.CmsKit.ViewComponents;
 
@@ -10,20 +12,20 @@ namespace Volo.CmsKit.ViewComponents;
     AutoInitialize = true
 )]
 
-[ViewComponent(Name = "ExampleModalDate")]
-public class ExampleModalDateViewComponent : AbpViewComponent
+[ViewComponent(Name = "DecisionCommentDate")]
+public class DecisionCommentDateViewComponent : AbpViewComponent
 {
-    public ExampleModalDateViewComponent()
+    public DecisionCommentDateViewComponent()
     {
     }
 
     public virtual async Task<IViewComponentResult> InvokeAsync()
     {
-        return View("~/ViewComponents/ExampleModalDate.cshtml", new ExampleModalDateViewModel());
+        return View("~/ViewComponents/DecisionCommentDate.cshtml", new DecisionCommentDateViewModel());
     }
 }
 
-public class ExampleModalDateViewModel
+public class DecisionCommentDateViewModel
 {
     [DisplayName("Show date in the component")]
     public bool IsShow { get; set; } = true;

modules/cms-kit/host/Volo.CmsKit.Web.Unified/ViewComponents/ExampleDateViewComponent.cs

@@ -1,29 +0,0 @@
-using System.ComponentModel;
-using System.Threading.Tasks;
-using Microsoft.AspNetCore.Mvc;
-using Volo.Abp.AspNetCore.Mvc;
-using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
-
-namespace Volo.CmsKit.ViewComponents;
-
-[Widget(
-    AutoInitialize = true
-)]
-
-[ViewComponent(Name = "ExampleDate")]
-public class ExampleDateViewComponent : AbpViewComponent
-{
-    public ExampleDateViewComponent()
-    {
-    }
-
-    public virtual async Task<IViewComponentResult> InvokeAsync(string isShow)
-    {
-        return View("~/ViewComponents/ExampleDate.cshtml", new ExampleDateViewModel() { IsShow = bool.Parse(isShow) });
-    }
-}
-
-public class ExampleDateViewModel
-{
-    public bool IsShow { get; set; }
-}

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Contents/AddWidgetModal.cshtml

@@ -42,4 +42,4 @@
     <abp-modal-footer>
         <button class="btn btn-primary float-end save-changes" type="submit">@L["Add"]</button>
     </abp-modal-footer>
-</abp-modal>
+</abp-modal>

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Contents/addWidgetModal.js

@@ -21,7 +21,7 @@ $(function () {
 
             $(".save-changes").click(function () {
 
-                let properties = activeForm.serializeFormToObject();
+                let properties = activeForm.serializeFormToObject();          
 
                 let widgetText = "[Widget Type=\"" + widgetType + "\" ";