@polymorphism-tech/morph-spec 4.10.7 → 4.10.8

package/framework/templates/code/dotnet/frontend/component.razor

@@ -1,239 +1,239 @@
-@* ============================================================
-   BLAZOR COMPONENT TEMPLATE
-   Generated by MORPH Framework
-   ============================================================ *@
-
-@page "/{{kebabCase FEATURE_NAME}}/{{kebabCase FEATURE_NAME}}s"
-@attribute [Authorize(Policy = "CanView{{pascalCase FEATURE_NAME}}")]
-@inject I{{pascalCase FEATURE_NAME}}Service {{pascalCase FEATURE_NAME}}Service
-@inject ILogger<{{pascalCase FEATURE_NAME}}List> Logger
-@inject NavigationManager Navigation
-
-<PageTitle>{{pascalCase FEATURE_NAME}}s</PageTitle>
-
-<div class="container-fluid">
-    <div class="row mb-4">
-        <div class="col">
-            <h1>{{pascalCase FEATURE_NAME}}s</h1>
-        </div>
-        <div class="col-auto">
-            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
-                <button class="btn btn-primary" @onclick="ShowCreateModal">
-                    <i class="bi bi-plus-lg"></i> New {{pascalCase FEATURE_NAME}}
-                </button>
-            </AuthorizeView>
-        </div>
-    </div>
-
-    @if (_isLoading)
-    {
-        <div class="d-flex justify-content-center py-5">
-            <div class="spinner-border text-primary" role="status">
-                <span class="visually-hidden">Loading...</span>
-            </div>
-        </div>
-    }
-    else if (_error is not null)
-    {
-        <div class="alert alert-danger" role="alert">
-            <i class="bi bi-exclamation-triangle"></i>
-            @_error
-            <button class="btn btn-link" @onclick="LoadDataAsync">Retry</button>
-        </div>
-    }
-    else if (_items is null || !_items.Any())
-    {
-        <div class="text-center py-5">
-            <i class="bi bi-inbox display-1 text-muted"></i>
-            <p class="lead mt-3">No {{kebabCase FEATURE_NAME}}s found</p>
-            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
-                <button class="btn btn-primary" @onclick="ShowCreateModal">
-                    Create your first {{kebabCase FEATURE_NAME}}
-                </button>
-            </AuthorizeView>
-        </div>
-    }
-    else
-    {
-        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
-            @foreach (var item in _items)
-            {
-                <div class="col">
-                    <div class="card h-100">
-                        <div class="card-body">
-                            <h5 class="card-title">@item.Name</h5>
-                            <p class="card-text">
-                                <span class="badge @GetStatusBadgeClass(item.Status)">
-                                    @item.Status
-                                </span>
-                            </p>
-                        </div>
-                        <div class="card-footer bg-transparent">
-                            <small class="text-muted">
-                                Created @item.CreatedAt.ToString("d")
-                            </small>
-                            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
-                                <div class="float-end">
-                                    <button class="btn btn-sm btn-outline-primary"
-                                            @onclick="() => ShowEditModal(item)">
-                                        Edit
-                                    </button>
-                                </div>
-                            </AuthorizeView>
-                        </div>
-                    </div>
-                </div>
-            }
-        </div>
-    }
-</div>
-
-@* Modal for Create/Edit *@
-@if (_showModal)
-{
-    <div class="modal fade show d-block" tabindex="-1" style="background: rgba(0,0,0,0.5)">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">
-                        @(_editingItem is null ? "New {{pascalCase FEATURE_NAME}}" : "Edit {{pascalCase FEATURE_NAME}}")
-                    </h5>
-                    <button type="button" class="btn-close" @onclick="CloseModal"></button>
-                </div>
-                <EditForm Model="_formModel" OnValidSubmit="HandleSubmitAsync">
-                    <DataAnnotationsValidator />
-                    <div class="modal-body">
-                        <div class="mb-3">
-                            <label class="form-label">Name</label>
-                            <InputText class="form-control" @bind-Value="_formModel.Name" />
-                            <ValidationMessage For="() => _formModel.Name" />
-                        </div>
-                        @* Add more fields as needed *@
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" @onclick="CloseModal">
-                            Cancel
-                        </button>
-                        <button type="submit" class="btn btn-primary" disabled="@_isSaving">
-                            @if (_isSaving)
-                            {
-                                <span class="spinner-border spinner-border-sm"></span>
-                            }
-                            Save
-                        </button>
-                    </div>
-                </EditForm>
-            </div>
-        </div>
-    </div>
-}
-
-@code {
-    private List<{{pascalCase FEATURE_NAME}}Dto>? _items;
-    private bool _isLoading = true;
-    private bool _showModal;
-    private bool _isSaving;
-    private string? _error;
-    private {{pascalCase FEATURE_NAME}}Dto? _editingItem;
-    private {{pascalCase FEATURE_NAME}}FormModel _formModel = new();
-
-    protected override async Task OnInitializedAsync()
-    {
-        await LoadDataAsync();
-    }
-
-    private async Task LoadDataAsync()
-    {
-        _isLoading = true;
-        _error = null;
-
-        try
-        {
-            _items = await {{pascalCase FEATURE_NAME}}Service.GetAllAsync();
-        }
-        catch (Exception ex)
-        {
-            Logger.LogError(ex, "Failed to load {{kebabCase FEATURE_NAME}}s");
-            _error = "Failed to load data. Please try again.";
-        }
-        finally
-        {
-            _isLoading = false;
-        }
-    }
-
-    private void ShowCreateModal()
-    {
-        _editingItem = null;
-        _formModel = new {{pascalCase FEATURE_NAME}}FormModel();
-        _showModal = true;
-    }
-
-    private void ShowEditModal({{pascalCase FEATURE_NAME}}Dto item)
-    {
-        _editingItem = item;
-        _formModel = new {{pascalCase FEATURE_NAME}}FormModel
-        {
-            Name = item.Name
-            // Map other fields
-        };
-        _showModal = true;
-    }
-
-    private void CloseModal()
-    {
-        _showModal = false;
-        _formModel = new();
-    }
-
-    private async Task HandleSubmitAsync()
-    {
-        _isSaving = true;
-
-        try
-        {
-            if (_editingItem is null)
-            {
-                // Create
-                var request = new Create{{pascalCase FEATURE_NAME}}Request(_formModel.Name);
-                await {{pascalCase FEATURE_NAME}}Service.CreateAsync(request);
-            }
-            else
-            {
-                // Update
-                var request = new Update{{pascalCase FEATURE_NAME}}Request(_formModel.Name);
-                await {{pascalCase FEATURE_NAME}}Service.UpdateAsync(_editingItem.Id, request);
-            }
-
-            CloseModal();
-            await LoadDataAsync();
-        }
-        catch (Exception ex)
-        {
-            Logger.LogError(ex, "Failed to save {{kebabCase FEATURE_NAME}}");
-            // Show error to user
-        }
-        finally
-        {
-            _isSaving = false;
-        }
-    }
-
-    private static string GetStatusBadgeClass({{pascalCase FEATURE_NAME}}Status status) => status switch
-    {
-        {{pascalCase FEATURE_NAME}}Status.Active => "bg-success",
-        {{pascalCase FEATURE_NAME}}Status.Pending => "bg-warning text-dark",
-        {{pascalCase FEATURE_NAME}}Status.Completed => "bg-info",
-        {{pascalCase FEATURE_NAME}}Status.Failed => "bg-danger",
-        _ => "bg-secondary"
-    };
-
-    private class {{pascalCase FEATURE_NAME}}FormModel
-    {
-        [Required]
-        [StringLength(200, MinimumLength = 3)]
-        public string Name { get; set; } = string.Empty;
-
-        // Add more fields as needed
-    }
-}
+@* ============================================================
+   BLAZOR COMPONENT TEMPLATE
+   Generated by MORPH Framework
+   ============================================================ *@
+
+@page "/{{kebabCase FEATURE_NAME}}/{{kebabCase FEATURE_NAME}}s"
+@attribute [Authorize(Policy = "CanView{{pascalCase FEATURE_NAME}}")]
+@inject I{{pascalCase FEATURE_NAME}}Service {{pascalCase FEATURE_NAME}}Service
+@inject ILogger<{{pascalCase FEATURE_NAME}}List> Logger
+@inject NavigationManager Navigation
+
+<PageTitle>{{pascalCase FEATURE_NAME}}s</PageTitle>
+
+<div class="container-fluid">
+    <div class="row mb-4">
+        <div class="col">
+            <h1>{{pascalCase FEATURE_NAME}}s</h1>
+        </div>
+        <div class="col-auto">
+            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
+                <button class="btn btn-primary" @onclick="ShowCreateModal">
+                    <i class="bi bi-plus-lg"></i> New {{pascalCase FEATURE_NAME}}
+                </button>
+            </AuthorizeView>
+        </div>
+    </div>
+
+    @if (_isLoading)
+    {
+        <div class="d-flex justify-content-center py-5">
+            <div class="spinner-border text-primary" role="status">
+                <span class="visually-hidden">Loading...</span>
+            </div>
+        </div>
+    }
+    else if (_error is not null)
+    {
+        <div class="alert alert-danger" role="alert">
+            <i class="bi bi-exclamation-triangle"></i>
+            @_error
+            <button class="btn btn-link" @onclick="LoadDataAsync">Retry</button>
+        </div>
+    }
+    else if (_items is null || !_items.Any())
+    {
+        <div class="text-center py-5">
+            <i class="bi bi-inbox display-1 text-muted"></i>
+            <p class="lead mt-3">No {{kebabCase FEATURE_NAME}}s found</p>
+            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
+                <button class="btn btn-primary" @onclick="ShowCreateModal">
+                    Create your first {{kebabCase FEATURE_NAME}}
+                </button>
+            </AuthorizeView>
+        </div>
+    }
+    else
+    {
+        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
+            @foreach (var item in _items)
+            {
+                <div class="col">
+                    <div class="card h-100">
+                        <div class="card-body">
+                            <h5 class="card-title">@item.Name</h5>
+                            <p class="card-text">
+                                <span class="badge @GetStatusBadgeClass(item.Status)">
+                                    @item.Status
+                                </span>
+                            </p>
+                        </div>
+                        <div class="card-footer bg-transparent">
+                            <small class="text-muted">
+                                Created @item.CreatedAt.ToString("d")
+                            </small>
+                            <AuthorizeView Policy="CanManage{{pascalCase FEATURE_NAME}}">
+                                <div class="float-end">
+                                    <button class="btn btn-sm btn-outline-primary"
+                                            @onclick="() => ShowEditModal(item)">
+                                        Edit
+                                    </button>
+                                </div>
+                            </AuthorizeView>
+                        </div>
+                    </div>
+                </div>
+            }
+        </div>
+    }
+</div>
+
+@* Modal for Create/Edit *@
+@if (_showModal)
+{
+    <div class="modal fade show d-block" tabindex="-1" style="background: rgba(0,0,0,0.5)">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">
+                        @(_editingItem is null ? "New {{pascalCase FEATURE_NAME}}" : "Edit {{pascalCase FEATURE_NAME}}")
+                    </h5>
+                    <button type="button" class="btn-close" @onclick="CloseModal"></button>
+                </div>
+                <EditForm Model="_formModel" OnValidSubmit="HandleSubmitAsync">
+                    <DataAnnotationsValidator />
+                    <div class="modal-body">
+                        <div class="mb-3">
+                            <label class="form-label">Name</label>
+                            <InputText class="form-control" @bind-Value="_formModel.Name" />
+                            <ValidationMessage For="() => _formModel.Name" />
+                        </div>
+                        @* Add more fields as needed *@
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" @onclick="CloseModal">
+                            Cancel
+                        </button>
+                        <button type="submit" class="btn btn-primary" disabled="@_isSaving">
+                            @if (_isSaving)
+                            {
+                                <span class="spinner-border spinner-border-sm"></span>
+                            }
+                            Save
+                        </button>
+                    </div>
+                </EditForm>
+            </div>
+        </div>
+    </div>
+}
+
+@code {
+    private List<{{pascalCase FEATURE_NAME}}Dto>? _items;
+    private bool _isLoading = true;
+    private bool _showModal;
+    private bool _isSaving;
+    private string? _error;
+    private {{pascalCase FEATURE_NAME}}Dto? _editingItem;
+    private {{pascalCase FEATURE_NAME}}FormModel _formModel = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadDataAsync();
+    }
+
+    private async Task LoadDataAsync()
+    {
+        _isLoading = true;
+        _error = null;
+
+        try
+        {
+            _items = await {{pascalCase FEATURE_NAME}}Service.GetAllAsync();
+        }
+        catch (Exception ex)
+        {
+            Logger.LogError(ex, "Failed to load {{kebabCase FEATURE_NAME}}s");
+            _error = "Failed to load data. Please try again.";
+        }
+        finally
+        {
+            _isLoading = false;
+        }
+    }
+
+    private void ShowCreateModal()
+    {
+        _editingItem = null;
+        _formModel = new {{pascalCase FEATURE_NAME}}FormModel();
+        _showModal = true;
+    }
+
+    private void ShowEditModal({{pascalCase FEATURE_NAME}}Dto item)
+    {
+        _editingItem = item;
+        _formModel = new {{pascalCase FEATURE_NAME}}FormModel
+        {
+            Name = item.Name
+            // Map other fields
+        };
+        _showModal = true;
+    }
+
+    private void CloseModal()
+    {
+        _showModal = false;
+        _formModel = new();
+    }
+
+    private async Task HandleSubmitAsync()
+    {
+        _isSaving = true;
+
+        try
+        {
+            if (_editingItem is null)
+            {
+                // Create
+                var request = new Create{{pascalCase FEATURE_NAME}}Request(_formModel.Name);
+                await {{pascalCase FEATURE_NAME}}Service.CreateAsync(request);
+            }
+            else
+            {
+                // Update
+                var request = new Update{{pascalCase FEATURE_NAME}}Request(_formModel.Name);
+                await {{pascalCase FEATURE_NAME}}Service.UpdateAsync(_editingItem.Id, request);
+            }
+
+            CloseModal();
+            await LoadDataAsync();
+        }
+        catch (Exception ex)
+        {
+            Logger.LogError(ex, "Failed to save {{kebabCase FEATURE_NAME}}");
+            // Show error to user
+        }
+        finally
+        {
+            _isSaving = false;
+        }
+    }
+
+    private static string GetStatusBadgeClass({{pascalCase FEATURE_NAME}}Status status) => status switch
+    {
+        {{pascalCase FEATURE_NAME}}Status.Active => "bg-success",
+        {{pascalCase FEATURE_NAME}}Status.Pending => "bg-warning text-dark",
+        {{pascalCase FEATURE_NAME}}Status.Completed => "bg-info",
+        {{pascalCase FEATURE_NAME}}Status.Failed => "bg-danger",
+        _ => "bg-secondary"
+    };
+
+    private class {{pascalCase FEATURE_NAME}}FormModel
+    {
+        [Required]
+        [StringLength(200, MinimumLength = 3)]
+        public string Name { get; set; } = string.Empty;
+
+        // Add more fields as needed
+    }
+}