Enhance admin block UI

website/MyWebApp/Controllers/AdminBlockTemplateController.cs

@@ -2,6 +2,7 @@
 using Microsoft.EntityFrameworkCore;
 using Microsoft.AspNetCore.Http;
 using System.Collections.Generic;
+using System.Linq;
 using System.IO;
 using System.Text.Json;
 using MyWebApp.Data;
@@ -160,14 +161,19 @@ public async Task<IActionResult> AddToPage(int id)
 
     [HttpPost]
     [ValidateAntiForgeryToken]
-    public async Task<IActionResult> AddToPage(int id, int pageId, string zone, int? roleId)
+    public async Task<IActionResult> AddToPage(int id, List<int> pageIds, string zone, string role)
     {
         var template = await _db.BlockTemplates.FindAsync(id);
-        var page = await _db.Pages.FindAsync(pageId);
-        if (template == null || page == null)
+        if (template == null) return NotFound();
+        if (pageIds == null || pageIds.Count == 0)
         {
-            return NotFound();
+            await LoadPagesAsync();
+            ViewBag.BlockId = id;
+            ModelState.AddModelError("pageIds", "Page selection required");
+            return View();
         }
+        var roleEntity = await _db.Roles.FirstOrDefaultAsync(r => r.Name == role);
+        int? roleId = roleEntity?.Id;
         zone = zone?.Trim() ?? string.Empty;
         if (string.IsNullOrEmpty(zone))
         {
@@ -176,21 +182,28 @@ public async Task<IActionResult> AddToPage(int id, int pageId, string zone, int?
             ModelState.AddModelError("zone", "Zone required");
             return View();
         }
-        var sort = await _db.PageSections
-            .Where(s => s.PageId == pageId && s.Zone == zone)
-            .Select(s => s.SortOrder)
-            .DefaultIfEmpty(-1)
-            .MaxAsync() + 1;
-        var section = new PageSection
+        if (pageIds.Contains(0))
         {
-            PageId = pageId,
-            Zone = zone,
-            SortOrder = sort,
-            Html = template.Html,
-            Type = PageSectionType.Html,
-            RoleId = roleId
-        };
-        _db.PageSections.Add(section);
+            pageIds = await _db.Pages.Select(p => p.Id).ToListAsync();
+        }
+        foreach (var pageId in pageIds)
+        {
+            var sort = await _db.PageSections
+                .Where(s => s.PageId == pageId && s.Zone == zone)
+                .Select(s => s.SortOrder)
+                .DefaultIfEmpty(-1)
+                .MaxAsync() + 1;
+            var section = new PageSection
+            {
+                PageId = pageId,
+                Zone = zone,
+                SortOrder = sort,
+                Html = template.Html,
+                Type = PageSectionType.Html,
+                RoleId = roleId
+            };
+            _db.PageSections.Add(section);
+        }
         await _db.SaveChangesAsync();
         return RedirectToAction(nameof(Index));
     }

website/MyWebApp/Views/AdminBlockTemplate/AddToPage.cshtml

@@ -7,9 +7,14 @@
 <form asp-action="AddToPage" method="post">
     <input type="hidden" name="id" value="@ViewBag.BlockId" />
     <div>
-        <label>Page</label>
-        <select name="pageId">
+        <label>Associated Page(s)</label>
+        <input type="text" id="page-display" readonly />
+    </div>
+    <div>
+        <label>Assign To Pages</label>
+        <select id="page-select" name="pageIds" multiple size="5">
+            <option value="0">All Pages</option>
             @foreach (var p in ViewBag.Pages as List<Page>)
             {
                 <option value="@p.Id">@p.Slug</option>
             }
@@ -21,13 +26,25 @@
     </div>
     <div>
         <label>Role</label>
-        <select name="roleId">
-            <option value="">(none)</option>
-            @foreach (var r in ViewBag.Roles as List<Role>)
-            {
-                <option value="@r.Id">@r.Name</option>
-            }
+        <select name="role" required>
+            <option value="">Select role</option>
+            <option value="Admin">Admin</option>
+            <option value="Editor">Editor</option>
+            <option value="Viewer">Viewer</option>
         </select>
     </div>
     <button type="submit">Add</button>
 </form>
+
+@section Scripts {
+    <script>
+        const select = document.getElementById('page-select');
+        const display = document.getElementById('page-display');
+        function updateDisplay() {
+            const names = Array.from(select.selectedOptions).map(o => o.text);
+            display.value = names.join(', ');
+        }
+        select.addEventListener('change', updateDisplay);
+        updateDisplay();
+    </script>
+}

website/MyWebApp/Views/AdminPageSection/Edit.cshtml

@@ -9,6 +9,10 @@
 <h2>Edit Section</h2>
 <form asp-action="Edit" method="post" enctype="multipart/form-data">
     <input type="hidden" asp-for="Id" />
+    <div>
+        <label>Associated Page</label>
+        <input type="text" readonly value="@pages.FirstOrDefault(p => p.Id == Model.PageId)?.Slug" />
+    </div>
     <div>
         <label>Page</label>
         <select asp-for="PageId" asp-items="@(new SelectList(pages, "Id", "Slug"))"></select>

website/MyWebApp/Views/Shared/_SectionEditor.cshtml

@@ -15,12 +15,11 @@
     </div>
     <div>
         <label>Role</label>
-        <select name="@($"{prefix}RoleId")">
-            <option value="">(none)</option>
-            @foreach (var r in roles)
-            {
-                <option value="@r.Id" selected="@(Model.RoleId == r.Id)">@r.Name</option>
-            }
+        <select name="@($"{prefix}RoleId")" required>
+            <option value="">Select role</option>
+            <option value="1" selected="@(Model.RoleId == 1)">Admin</option>
+            <option value="2" selected="@(Model.RoleId == 2)">Editor</option>
+            <option value="3" selected="@(Model.RoleId == 3)">Viewer</option>
         </select>
     </div>
     <div>