Started implementing star crud

MoonlightServers.Frontend/Styles/style.css

@@ -5,75 +5,8 @@
 @import "additions/fonts.css";
 @import "additions/buttons.css";
 @import "additions/cards.css";
-@import "additions/forms.css";
 @import "additions/progress.css";
 @import "additions/scrollbar.css";
 @import "additions/loaders.css";
 
-@import "tailwindcss/utilities";
-
-#blazor-error-ui {
-    display: none;
-}
-
-#loader {
-    display: block;
-    width: 10rem;
-    height: 10rem;
-    border-radius: 50%;
-    border: 3px solid transparent;
-    border-top-color: #9370DB;
-    -webkit-animation: spin 2s linear infinite;
-    animation: spin 2s linear infinite;
-    @apply border-t-primary-500
-}
-#loader:before {
-    content: "";
-    position: absolute;
-    top: 5px;
-    left: 5px;
-    right: 5px;
-    bottom: 5px;
-    border-radius: 50%;
-    border: 3px solid transparent;
-    -webkit-animation: spin 3s linear infinite;
-    animation: spin 3s linear infinite;
-    @apply border-t-tertiary-500
-}
-#loader:after {
-    content: "";
-    position: absolute;
-    top: 15px;
-    left: 15px;
-    right: 15px;
-    bottom: 15px;
-    border-radius: 50%;
-    border: 3px solid transparent;
-    -webkit-animation: spin 1.5s linear infinite;
-    animation: spin 1.5s linear infinite;
-    @apply border-t-info-500
-}
-@-webkit-keyframes spin {
-    0%   {
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-@keyframes spin {
-    0%   {
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
+@import "tailwindcss/utilities";

MoonlightServers.Frontend/UI/Views/Admin/Stars/Create.razor

@@ -0,0 +1,59 @@
+@page "/admin/servers/stars/create"
+
+@using MoonCore.Blazor.Tailwind.Components
+@using MoonCore.Blazor.Tailwind.Forms
+@using MoonCore.Blazor.Tailwind.Toasts
+@using MoonCore.Helpers
+@using MoonlightServers.Shared.Http.Requests.Admin.Stars
+
+@inject HttpApiClient ApiClient
+@inject NavigationManager Navigation
+@inject ToastService ToastService
+
+<PageHeader Title="Create Star">
+    <WButton OnClick="_ => GoBack()" CssClasses="btn btn-secondary">
+        <i class="icon-chevron-left mr-1"></i>
+        Back
+    </WButton>
+    <WButton OnClick="_ => Form.Submit()" CssClasses="btn btn-primary">
+        <i class="icon-check mr-1"></i>
+        Create
+    </WButton>
+</PageHeader>
+
+<div class="mt-5">
+    <HandleForm @ref="Form" Model="Request" OnValidSubmit="OnSubmit">
+        <GeneratedForm TForm="CreateStarRequest" Model="Request" OnConfigure="OnConfigure"/>
+    </HandleForm>
+</div>
+
+@code
+
+{
+    private HandleForm Form;
+    private CreateStarRequest Request;
+
+    protected override void OnInitialized()
+    {
+        Request = new();
+    }
+
+    private void OnConfigure(FormConfiguration<CreateStarRequest> configuration)
+    {
+        
+    }
+
+    private async Task OnSubmit()
+    {
+        await ApiClient.Post("api/admin/servers/stars", Request);
+
+        await ToastService.Success("Successfully created Star");
+        await GoBack();
+    }
+
+    private Task GoBack()
+    {
+        Navigation.NavigateTo(ComponentHelper.GetRouteOfComponent<Index>()!);
+        return Task.CompletedTask;
+    }
+}

MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor

@@ -0,0 +1,29 @@
+@page "/admin/servers/stars"
+
+@using MoonCore.Blazor.Tailwind.MinimalCrud
+@using MoonCore.Helpers
+@using MoonCore.Models
+@using MoonCore.Blazor.Tailwind.DataTable
+@using MoonlightServers.Shared.Http.Responses.Admin.Stars
+
+@inject HttpApiClient ApiClient
+
+<MinimalCrud TItem="StarDetailResponse" OnConfigure="OnConfigure">
+    <ChildContent>
+        <DataColumn TItem="StarDetailResponse" Field="@(x => x.Id)" Title="Id" IsSortable="true"/>
+    </ChildContent>
+</MinimalCrud>
+
+@code
+{
+    private void OnConfigure(MinimalCrudOptions<StarDetailResponse> options)
+    {
+        options.Title = "Stars";
+        options.ItemLoader = async (page, pageSize) =>
+            await ApiClient.GetJson<PagedData<StarDetailResponse>>($"api/admin/servers/stars?page={page}&pageSize={pageSize}");
+
+        options.CreateUrl = ComponentHelper.GetRouteOfComponent<Create>();
+        options.UpdateUrl = item => ComponentHelper.GetRouteOfComponent<Update>(item.Id)!;
+        options.DeleteFunction = async item => await ApiClient.Delete($"api/admin/servers/stars/{item.Id}");
+    }
+}

MoonlightServers.Frontend/UI/Views/Admin/Stars/Update.razor

@@ -0,0 +1,61 @@
+@page "/admin/servers/stars/update/{Id:int}"
+
+@using MoonCore.Blazor.Tailwind.Components
+@using MoonCore.Blazor.Tailwind.Forms
+@using MoonCore.Blazor.Tailwind.Toasts
+@using MoonCore.Helpers
+@using MoonlightServers.Shared.Http.Requests.Admin.Stars
+@using MoonlightServers.Shared.Http.Responses.Admin.Stars
+
+@inject HttpApiClient ApiClient
+@inject NavigationManager Navigation
+@inject ToastService ToastService
+
+<LazyLoader Load="Load">
+    <PageHeader Title="Update Star">
+        <button @onclick="GoBack" type="button" class="btn btn-secondary">
+            <i class="icon-chevron-left mr-1"></i>
+            Back
+        </button>
+        <WButton OnClick="_ => Form.Submit()" CssClasses="btn btn-primary">
+            <i class="icon-check mr-1"></i>
+            Update
+        </WButton>
+    </PageHeader>
+
+    <div class="mt-5">
+        <HandleForm @ref="Form" Model="Request" OnValidSubmit="OnSubmit">
+            <GeneratedForm TForm="UpdateStarRequest" Model="Request" OnConfigure="OnConfigure"/>
+        </HandleForm>
+    </div>
+</LazyLoader>
+
+@code
+{
+    [Parameter] public int Id { get; set; }
+
+    private HandleForm Form;
+    private UpdateStarRequest Request;
+
+    private async Task Load(LazyLoader _)
+    {
+        var detail = await ApiClient.GetJson<StarDetailResponse>($"api/stars/{Id}");
+        Request = Mapper.Map<UpdateStarRequest>(detail);
+    }
+
+    private void OnConfigure(FormConfiguration<UpdateStarRequest> configuration)
+    {
+        
+    }
+
+    private async Task OnSubmit()
+    {
+        await ApiClient.Patch($"api/stars/{Id}", Request);
+
+        await ToastService.Success("Successfully updated Star");
+        GoBack();
+    }
+
+    private void GoBack()
+        => Navigation.NavigateTo(ComponentHelper.GetRouteOfComponent<Index>()!);
+}