feat: Add layout name selection for improved CMS page customization.

modules/cms-kit/src/Volo.CmsKit.Admin.Application.Contracts/Volo/CmsKit/Admin/Pages/CreatePageInputDto.cs

@@ -17,6 +17,10 @@ public class CreatePageInputDto: ExtensibleObject
     [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxSlugLength))]
     public string Slug { get; set; }
 
+    [Required]
+    [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxLayoutNameLength))]
+    public string LayoutName { get; set; }
+
     [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxContentLength))]
     public string Content { get; set; }
 

modules/cms-kit/src/Volo.CmsKit.Admin.Application.Contracts/Volo/CmsKit/Admin/Pages/PageDto.cs

@@ -11,6 +11,8 @@ public class PageDto : ExtensibleAuditedEntityDto<Guid>, IHasConcurrencyStamp
 
     public string Slug { get; set; }
 
+    public string LayoutName { get; set; }
+
     public string Content { get; set; }
 
     public string Script { get; set; }

modules/cms-kit/src/Volo.CmsKit.Admin.Application.Contracts/Volo/CmsKit/Admin/Pages/UpdatePageInputDto.cs

@@ -18,6 +18,10 @@ public class UpdatePageInputDto : ExtensibleObject, IHasConcurrencyStamp
     [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxSlugLength))]
     public string Slug { get; set; }
 
+    [Required]
+    [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxLayoutNameLength))]
+    public string LayoutName { get; set; }
+
     [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxContentLength))]
     public string Content { get; set; }
 

modules/cms-kit/src/Volo.CmsKit.Admin.Application/Volo/CmsKit/Admin/Pages/PageAdminAppService.cs

@@ -62,7 +62,7 @@ public class PageAdminAppService : CmsKitAdminAppServiceBase, IPageAdminAppServi
     [Authorize(CmsKitAdminPermissions.Pages.Create)]
     public virtual async Task<PageDto> CreateAsync(CreatePageInputDto input)
     {
-        var page = await PageManager.CreateAsync(input.Title, input.Slug, input.Content, input.Script, input.Style);
+        var page = await PageManager.CreateAsync(input.Title, input.Slug, input.Content, input.Script, input.Style, input.LayoutName);
         input.MapExtraPropertiesTo(page);
         await PageRepository.InsertAsync(page);
 
@@ -88,6 +88,7 @@ public class PageAdminAppService : CmsKitAdminAppServiceBase, IPageAdminAppServi
         page.SetContent(input.Content);
         page.SetScript(input.Script);
         page.SetStyle(input.Style);
+        page.SetLayoutName(input.LayoutName);
         page.SetConcurrencyStampIfNotNull(input.ConcurrencyStamp);
         input.MapExtraPropertiesTo(page);
 

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Layouts/LayoutConstants.cs

@@ -0,0 +1,17 @@
+using System.Collections.Generic;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Volo.Abp.AspNetCore.Mvc.UI.Theming;
+
+namespace Volo.CmsKit.Admin.Web.Layouts;
+
+public static class LayoutConstants
+{
+    public const string Account = StandardLayouts.Account;
+    public const string Public = StandardLayouts.Public;
+    public const string Empty = StandardLayouts.Empty;
+    public const string Application = StandardLayouts.Application;
+    public static SelectList GetLayoutsSelectList()
+    {
+        return new SelectList(new List<string> { Account, Public, Empty, Application }, Application);
+    }
+}

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

@@ -11,6 +11,7 @@
 @using Volo.Abp.AspNetCore.Mvc.UI.Packages.Codemirror
 @using Volo.Abp.AspNetCore.Mvc.UI.Packages.TuiEditor
 @using Volo.Abp.AspNetCore.Mvc.UI.Packages.Uppy
+@using Volo.CmsKit.Admin.Web.Layouts
 @using Volo.CmsKit.Admin.Web.Pages
 @using Volo.CmsKit.Admin.Web.Menus
 @using Volo.Abp.AspNetCore.Mvc.UI.Packages.Slugify
@@ -61,6 +62,8 @@
 
             <abp-input asp-for="ViewModel.Slug" label-tooltip-icon="fa fa-info-circle" label-tooltip="@L["PageSlugInformation"]" />
 
+            <abp-select id="Layout" asp-for="ViewModel.LayoutName" asp-items="@LayoutConstants.GetLayoutsSelectList()" label="@L["SelectLayout"]"></abp-select>
+
             <abp-input asp-for="@Model.ViewModel.Content" />
 
             <abp-tabs tab-style="Tab">

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Create.cshtml.cs

@@ -39,6 +39,10 @@ public class CreateModel : CmsKitAdminPageModel
         [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxTitleLength))]
         public string Title { get; set; }
 
+        [Required]
+        [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxLayoutNameLength))]
+        public string LayoutName { get; set; }
+
         [Required]
         [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxSlugLength))]
         public string Slug { get; set; }

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

@@ -15,6 +15,7 @@
 @using Volo.Abp.Data
 @using Volo.Abp.Localization
 @using Volo.Abp.ObjectExtending
+@using Volo.CmsKit.Admin.Web.Layouts
 @using Volo.CmsKit.Admin.Web.Menus
 @using Volo.CmsKit.Admin.Web.Pages
 @using Volo.CmsKit.Admin.Web.Pages.CmsKit.Pages
@@ -66,6 +67,8 @@
 
             <abp-input asp-for="ViewModel.Slug" label-tooltip-icon="fa fa-info-circle" label-tooltip="@L["PageSlugInformation"]" />
 
+            <abp-select id="Layout" asp-for="ViewModel.LayoutName" asp-items="@LayoutConstants.GetLayoutsSelectList()" label="@L["SelectLayout"]"></abp-select>
+
             <abp-input asp-for="@Model.ViewModel.Content" />
 
             <abp-tabs tab-style="Tab">

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Update.cshtml.cs

@@ -56,6 +56,10 @@ public class UpdateModel : CmsKitAdminPageModel
         [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxSlugLength))]
         public string Slug { get; set; }
 
+        [Required]
+        [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxLayoutNameLength))]
+        public string LayoutName { get; set; }
+
         [HiddenInput]
         [DynamicMaxLength(typeof(PageConsts), nameof(PageConsts.MaxSlugLength))]
         public string Content { get; set; }

modules/cms-kit/src/Volo.CmsKit.Common.Application.Contracts/Volo/CmsKit/Contents/PageDto.cs

@@ -9,6 +9,8 @@ public class PageDto : ExtensibleEntityDto<Guid>
 
     public string Slug { get; set; }
 
+    public string LayoutName { get; set; }
+
     public string Content { get; set; }
 
     public string Script { get; set; }

modules/cms-kit/src/Volo.CmsKit.Domain.Shared/Volo/CmsKit/Localization/Resources/en.json

@@ -140,6 +140,7 @@
     "SamplePageMessage": "A sample page for the Pro module",
     "SaveChanges": "Save changes",
     "Script": "Script",
+    "SelectLayout": "Select Layout",
     "SelectAll": "Select all",
     "Send": "Send",
     "SendMessage": "Send Message",

modules/cms-kit/src/Volo.CmsKit.Domain.Shared/Volo/CmsKit/Pages/PageConsts.cs

@@ -10,6 +10,8 @@ public static class PageConsts
 
     public static int MaxSlugLength { get; set; } = 256;
 
+    public static int MaxLayoutNameLength { get; set; } = 256;
+
     public static int MaxContentLength { get; set; } = int.MaxValue;
 
     public static int MaxScriptLength { get; set; } = int.MaxValue;

modules/cms-kit/src/Volo.CmsKit.Domain/Volo/CmsKit/Pages/Page.cs

@@ -25,6 +25,8 @@ public class Page : FullAuditedAggregateRoot<Guid>, IMultiTenant, IHasEntityVers
 
     public virtual int EntityVersion { get; protected set; }
 
+    public virtual string LayoutName { get; protected set; }
+
     protected Page()
     {
     }
@@ -36,6 +38,7 @@ public class Page : FullAuditedAggregateRoot<Guid>, IMultiTenant, IHasEntityVers
         string content = null,
         string script = null,
         string style = null,
+        string layoutName = null,
         Guid? tenantId = null) : base(id)
     {
         TenantId = tenantId;
@@ -45,6 +48,7 @@ public class Page : FullAuditedAggregateRoot<Guid>, IMultiTenant, IHasEntityVers
         SetContent(content);
         SetScript(script);
         SetStyle(style);
+        SetLayoutName(layoutName);
     }
 
     public virtual void SetTitle(string title)
@@ -72,6 +76,11 @@ public class Page : FullAuditedAggregateRoot<Guid>, IMultiTenant, IHasEntityVers
         Style = Check.Length(style, nameof(style), PageConsts.MaxStyleLength);
     }
 
+    public virtual void SetLayoutName(string layoutName) 
+    {
+        LayoutName = Check.NotNullOrEmpty(layoutName, nameof(layoutName), PageConsts.MaxLayoutNameLength); 
+    }
+
     internal void SetIsHomePage(bool isHomePage)
     {
         IsHomePage = isHomePage;

modules/cms-kit/src/Volo.CmsKit.Domain/Volo/CmsKit/Pages/PageCacheItem.cs

@@ -11,6 +11,8 @@ public class PageCacheItem : ExtensibleObject
 
     public string Slug { get; set; }
 
+    public string LayoutName { get; set; }
+
     public string Content { get; set; }
 
     public string Script { get; set; }

modules/cms-kit/src/Volo.CmsKit.Domain/Volo/CmsKit/Pages/PageManager.cs

@@ -20,7 +20,8 @@ public class PageManager : DomainService
         [NotNull] string slug,
         [CanBeNull] string content = null,
         [CanBeNull] string script = null,
-        [CanBeNull] string style = null)
+        [CanBeNull] string style = null,
+        [CanBeNull] string layoutName = null)
     {
         Check.NotNullOrEmpty(title, nameof(title));
         Check.NotNullOrEmpty(slug, nameof(slug));
@@ -34,6 +35,7 @@ public class PageManager : DomainService
             content,
             script,
             style,
+            layoutName,
             CurrentTenant.Id);
     }
 

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Layouts/LayoutExtensions.cs

@@ -0,0 +1,22 @@
+using System;
+using System.Collections.Generic;
+using Volo.Abp.AspNetCore.Mvc.UI.Theming;
+
+namespace Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Layouts;
+
+public static class LayoutExtensions
+{
+    private static readonly Dictionary<string, Func<ITheme, string>> LayoutFunctions = new()
+    {
+        [StandardLayouts.Account] = theme => theme.GetAccountLayout(),
+        [StandardLayouts.Public] = theme => theme.GetPublicLayout(),
+        [StandardLayouts.Empty] = theme => theme.GetEmptyLayout(),
+    };
+
+    public static string GetLayoutByKey(this ITheme theme, string layoutKey)
+    {
+        return LayoutFunctions.TryGetValue(layoutKey, out var layoutFunc)
+            ? layoutFunc(theme)
+            : theme.GetApplicationLayout(); // Application layout is the default
+    }
+}

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Pages/Index.cshtml

@@ -1,9 +1,16 @@
 @page "/cmskit/page"
 
 @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap
+@using Volo.Abp.AspNetCore.Mvc.UI.Theming
 @using Volo.CmsKit.Contents
+@using Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Layouts
 @using Volo.CmsKit.Web.Pages.CmsKit.Components.Contents
 @model Volo.CmsKit.Public.Web.Pages.Public.CmsKit.Pages.IndexModel
+@inject ITheme ThemeManager
+
+@{
+    Layout = ThemeManager.GetLayoutByKey(Model.ViewModel.LayoutName);
+}
 
 @section styles{
     

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Pages/PageViewModel.cs

@@ -13,6 +13,8 @@ public class PageViewModel
 
     public string Title { get; set; }
 
+    public string LayoutName { get; set; }
+
     public List<ContentFragment> ContentFragments { get; set; }
 
     public string Script { get; set; }