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

Merge pull request #192 from Moonlight-Panel/EnhanceServerListLayout

Browse Source 
Enhanced server list
This commit is contained in:
Marcel Baumgartner
2023-06-25 00:01:53 +02:00
committed by GitHub
parent c28c80ba25 ce8b8f6798
commit 35633e21a9
1 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
Moonlight/Shared/Views/Servers/Index.razor
View File

@@ -21,15 +21,15 @@
@if (EditMode) @if (EditMode)
{ {
<div> <div>
<WButton Text="@(SmartTranslateService.Translate("New group"))"
WorkingText=""
CssClasses="btn-primary me-3"
OnClick="AddGroup">
</WButton>
<WButton Text="@(SmartTranslateService.Translate("Finish editing layout"))" <WButton Text="@(SmartTranslateService.Translate("Finish editing layout"))"
CssClasses="btn-secondary" CssClasses="btn-secondary"
OnClick="async () => await SetEditMode(false)"> OnClick="async () => await SetEditMode(false)">
</WButton> </WButton>
<WButton Text="@(SmartTranslateService.Translate("New group"))"
WorkingText=""
CssClasses="btn-primary"
OnClick="AddGroup">
</WButton>
</div> </div>
} }
else else
@@ -146,28 +146,34 @@
var server = AllServers.First(x => x.Id.ToString() == id); var server = AllServers.First(x => x.Id.ToString() == id);
<div class="col-12 col-md-3 p-3 draggable" ml-server-id="@(server.Id)"> <div class="col-12 col-md-3 p-3 draggable" ml-server-id="@(server.Id)">
<a class="invisible-a" href="/server/@(server.Uuid)"> @if (EditMode)
{
<div class="card bg-secondary"> <div class="card bg-secondary">
<div class="card-header"> <div class="card-header">
<div class="card-title"> <div class="card-title">
<span class="card-label">@(server.Name)</span> <span class="card-label">@(server.Name)</span>
</div> </div>
@if (EditMode) <div class="card-toolbar">
{ <a href="#" class="btn btn-icon btn-sm btn-hover-light-primary draggable-handle">
<div class="card-toolbar"> <i class="bx bx-md bx-move"></i>
<a href="#" class="btn btn-icon btn-sm btn-hover-light-primary draggable-handle"> </a>
<i class="bx bx-md bx-move"></i> </div>
</a>
</div>
}
</div> </div>
<div class="card-body"> <div class="card-body">
@if (EditMode) <TL>Hidden in edit mode</TL>
{ </div>
<TL>Hidden in edit mode</TL> </div>
} }
else else
{ {
<a class="invisible-a" href="/server/@(server.Uuid)">
<div class="card bg-secondary">
<div class="card-header">
<div class="card-title">
<span class="card-label">@(server.Name)</span>
</div>
</div>
<div class="card-body">
<span class="card-text fs-6"> <span class="card-text fs-6">
@(Math.Round(server.Memory / 1024D, 2)) GB / @(Math.Round(server.Disk / 1024D, 2)) GB / @(server.Node.Name) <span class="text-gray-700">- @(server.Image.Name)</span> @(Math.Round(server.Memory / 1024D, 2)) GB / @(Math.Round(server.Disk / 1024D, 2)) GB / @(server.Node.Name) <span class="text-gray-700">- @(server.Image.Name)</span>
</span> </span>
@@ -220,10 +226,10 @@
</span> </span>
} }
</div> </div>
} </div>
</div> </div>
</div> </a>
</a> }
</div> </div>
} }
</div> </div>