Moonlight-Panel/Moonlight
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented api key crud and started adding system page. Added 404 page

Browse Source
This commit is contained in:
Masu-Baumgartner
2024-10-29 15:42:20 +01:00
parent e5f29e4725
commit 324bf6891a
24 changed files with 484 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
Moonlight.Client/UI/Views/Admin/Api/Index.razor Normal file
View File

@@ -0,0 +1,111 @@
@page "/admin/api"
@using MoonCore.Blazor.Tailwind.Attributes
@using MoonCore.Helpers
@using MoonCore.Models
@using Moonlight.Shared.Http.Requests.Admin.ApiKeys
@using Moonlight.Shared.Http.Responses.Admin.ApiKeys
@attribute [RequirePermission("admin.apikeys.read")]
@inject HttpApiClient HttpApiClient
@inject AlertService AlertService
<div class="grid grid-cols-1 sm:grid-cols-3 mb-8 gap-x-3">
<div class="col-span-1 card card-body border-l-4 border-primary-500">
<p class="font-medium tracking-wide text-slate-100">
API Documentation
</p>
<a href="/api/swagger" target="_blank" class="mt-2 flex items-center justify-between text-primary-500">
<div class="font-medium">Open</div>
<div>
<i class="bi bi-box-arrow-up-right text-lg text-primary-500"></i>
</div>
</a>
</div>
<div class="col-span-1 card card-body border-l-4 border-tertiary-500">
<p class="font-medium tracking-wide text-slate-100">
Learn about the api usage
</p>
<a href="https://help.moonlightpanel.xyz" target="_blank" class="mt-2 flex items-center justify-between text-primary-500">
<div class="font-medium">Open</div>
<div>
<i class="bi bi-box-arrow-up-right text-lg text-tertiary-500"></i>
</div>
</a>
</div>
<div class="col-span-1 card card-body border-l-4 border-success-500">
<p class="font-medium tracking-wide text-slate-100">
Open API Specification
</p>
<a href="/api/swagger/main" target="_blank" class="mt-2 flex items-center justify-between text-primary-500">
<div class="font-medium">Open</div>
<div>
<i class="bi bi-box-arrow-up-right text-lg text-success-500"></i>
</div>
</a>
</div>
</div>
<Crud TItem="ApiKeyDetailResponse"
TCreateForm="CreateApiKeyRequest"
TUpdateForm="UpdateApiKeyRequest"
OnConfigure="OnConfigure">
<View>
<Column TItem="ApiKeyDetailResponse" Field="@(x => x.Id)" Title="Id"/>
<Column TItem="ApiKeyDetailResponse" Field="@(x => x.Description)" Title="Description"/>
<Column TItem="ApiKeyDetailResponse" Field="@(x => x.ExpiresAt)" Title="Expires at">
<Template>
@Formatter.FormatDate(context.ExpiresAt)
</Template>
</Column>
</View>
</Crud>
@code
{
private void OnConfigure(CrudOptions<ApiKeyDetailResponse, CreateApiKeyRequest, UpdateApiKeyRequest> crudOptions)
{
crudOptions.ItemName = "API Key";
crudOptions.ItemLoader = async (page, pageSize)
=> await HttpApiClient.GetJson<PagedData<ApiKeyDetailResponse>>($"api/admin/apikeys?page={page}&pageSize={pageSize}");
crudOptions.SingleItemLoader = async id
=> await HttpApiClient.GetJson<ApiKeyDetailResponse>($"api/admin/apikeys/{id}");
crudOptions.QueryIdentifier = response => response.Id.ToString();
crudOptions.OnCreate = async request =>
{
var response = await HttpApiClient.PostJson<CreateApiKeyResponse>("api/admin/apikeys", request);
await AlertService.Success(
"API Key successfully created",
$"Copy the following secret. It wont be shown again. '{response.Secret}'"
);
};
crudOptions.OnUpdate = async (item, request)
=> await HttpApiClient.Patch($"api/admin/apikeys/{item.Id}", request);
crudOptions.OnDelete = async item
=> await HttpApiClient.Delete($"api/admin/apikeys/{item.Id}");
crudOptions.OnConfigureCreate = configuration =>
{
configuration.WithField(x => x.Description);
configuration.WithField(x => x.PermissionsJson);
configuration.WithField(x => x.ExpiresAt, fieldConfiguration => { fieldConfiguration.DefaultValue = DateTime.UtcNow.AddMonths(1); });
};
crudOptions.OnConfigureUpdate = (_, configuration) =>
{
configuration.WithField(x => x.Description);
configuration.WithField(x => x.PermissionsJson);
configuration.WithField(x => x.ExpiresAt);
};
}
}

35
Moonlight.Client/UI/Views/Admin/Sys/Index.razor Normal file
View File

@@ -0,0 +1,35 @@
@page "/admin/system"
@using MoonCore.Blazor.Tailwind.Attributes
@using Moonlight.Client.UI.Components
@attribute [RequirePermission("admin.system.read")]
<div class="gap-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4">
<StatCard Title="CPU Usage" Text="2%" Icon="bi bi-cpu"/>
<StatCard Title="Memory Usage" Text="71 MB" Icon="bi bi-memory"/>
<StatCard Title="Host OS" Text="Debian 12" Icon="bi bi-motherboard"/>
<StatCard Title="Uptime" Text="1d 5h 12h 3s" Icon="bi bi-clock-history"/>
<div class="card card-body relative">
<div>
<div class="absolute rounded-lg p-3 bg-danger-600">
<div class="h-6 w-6 flex justify-center items-center">
<i class="bi bi-arrow-repeat text-4xl text-white"></i>
</div>
</div>
</div>
<div class="ml-16 flex items-center mb-2">
<WButton OnClick="Restart" CssClasses="btn btn-danger w-full">Restart</WButton>
</div>
</div>
</div>
@code
{
private async Task Restart(WButton _)
{
}
}

2
Moonlight.Client/UI/Views/Admin/Users/Index.razor
View File

@@ -34,7 +34,7 @@
crudOptions.SingleItemLoader = async id
=> await HttpApiClient.GetJson<UserDetailResponse>($"api/admin/users/{id}");
crudOptions.QueryIdentifier = item => item.Id.ToString(); //TODO: Make this default
crudOptions.QueryIdentifier = response => response.Id.ToString();
crudOptions.OnCreate = async request
=> await HttpApiClient.Post("api/admin/users", request);