feat(theme): TechButton/TechCard/TechField

2026-06-01 04:56:06 -04:00
parent f7ec3fd732
commit 40f6962d05
5 changed files with 108 additions and 0 deletions
@@ -0,0 +1,3 @@
+namespace ZB.MOM.WW.Theme;
+
+public enum ButtonVariant { Primary, Secondary, Danger, Ghost }
@@ -0,0 +1,22 @@
+@namespace ZB.MOM.WW.Theme
+@* Components/TechButton.razor *@
+<button type="@Type" class="btn @VariantClass" disabled="@Busy" @attributes="Extra">
+    @if (Busy) { <span class="spinner-border spinner-border-sm me-1" aria-hidden="true"></span> }
+    @ChildContent
+</button>
+
+@code {
+    [Parameter] public ButtonVariant Variant { get; set; } = ButtonVariant.Primary;
+    [Parameter] public string Type { get; set; } = "button";
+    [Parameter] public bool Busy { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
+    [Parameter(CaptureUnmatchedValues = true)] public IDictionary<string, object>? Extra { get; set; }
+
+    private string VariantClass => Variant switch
+    {
+        ButtonVariant.Secondary => "btn-outline-secondary",
+        ButtonVariant.Danger    => "btn-danger",
+        ButtonVariant.Ghost     => "btn-link",
+        _                       => "btn-primary",
+    };
+}
@@ -0,0 +1,16 @@
+@namespace ZB.MOM.WW.Theme
+@* Components/TechCard.razor *@
+<section class="panel @Class">
+    @if (Header is not null) { <div class="panel-head">@Header</div> }
+    else if (!string.IsNullOrEmpty(Title)) { <div class="panel-head">@Title</div> }
+    <div class="panel-body">@ChildContent</div>
+    @if (Footer is not null) { <div class="panel-foot">@Footer</div> }
+</section>
+
+@code {
+    [Parameter] public string? Title { get; set; }
+    [Parameter] public RenderFragment? Header { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
+    [Parameter] public RenderFragment? Footer { get; set; }
+    [Parameter] public string? Class { get; set; }
+}
@@ -0,0 +1,15 @@
+@namespace ZB.MOM.WW.Theme
+@* Components/TechField.razor *@
+<div class="tech-field mb-3">
+    <label class="form-label">@Label</label>
+    @ChildContent
+    @if (!string.IsNullOrEmpty(Hint)) { <div class="form-text">@Hint</div> }
+    @if (!string.IsNullOrEmpty(Error)) { <div class="field-error s-bad">@Error</div> }
+</div>
+
+@code {
+    [Parameter, EditorRequired] public string Label { get; set; } = string.Empty;
+    [Parameter] public string? Hint { get; set; }
+    [Parameter] public string? Error { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
+}