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

Redesigned network tab

Browse Source
This commit is contained in:
Marcel Baumgartner
2024-02-13 22:32:49 +01:00
parent 970bca7121
commit 8d11d2360e
1 changed files with 63 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
Moonlight/Features/Servers/UI/UserViews/Network.razor
View File

@@ -1,61 +1,72 @@
@using Moonlight.Features.Servers.Entities @using Moonlight.Features.Servers.Entities
@using System.Net @using System.Net
<div class="row"> <div class="card card-body mb-8 pb-1 d-none d-md-flex">
@foreach (var allocation in Server.Allocations) <div class="row g-3 align-items-center mx-2">
{ <div class="col">
<div class="col-md-12 col-12 my-3"> <label class="form-label fs-5">FQDN (or dedicated ip address)</label>
<div class="card card-body"> </div>
<div class="d-flex justify-content-between align-items-center px-8"> <div class="col">
<div> <label class="form-label fs-5">IP Address</label>
<label class="form-label">FQDN (or dedicated ip address)</label> </div>
<div class="fw-semibold fs-3"> <div class="col">
@if (allocation.IpAddress == "0.0.0.0") <label class="form-label fs-5">Port</label>
{ </div>
@Server.Node.Fqdn <div class="col">
} <label class="form-label fs-5">Notes</label>
else </div>
{ <div class="col">
@allocation.IpAddress </div>
} </div>
</div> </div>
</div>
<div> @foreach (var allocation in Server.Allocations)
<label class="form-label">IP Address</label> {
@if (allocation.IpAddress != "0.0.0.0" || IsIpAddress(Server.Node.Fqdn)) <div class="card card-body py-2 my-3">
{ <div class="row g-3 align-items-center mx-2">
<div class="fw-semibold fs-3"> <div class="col">
- <div class="fw-semibold fs-3">
</div> @if (allocation.IpAddress == "0.0.0.0")
} {
else @Server.Node.Fqdn
{ }
//TODO: Resolve domains addresses here else
<div class="fw-semibold fs-3"> {
188.75.252.37 @allocation.IpAddress
</div> }
}
</div>
<div>
<label class="form-label">Port</label>
<div class="fw-semibold fs-3">
@allocation.Port
</div>
</div>
<div>
<label class="form-label">Notes</label>
<input type="text" class="form-control" placeholder="What is this allocation for?"/>
</div>
<div>
<button class="btn btn-danger disabled" type="button" disabled="disabled">
<i class="bx bx-sm bx-trash"></i>Remove
</button>
</div>
</div> </div>
</div> </div>
<div class="col">
@if (allocation.IpAddress != "0.0.0.0" || IsIpAddress(Server.Node.Fqdn))
{
<div class="fw-semibold fs-3">
-
</div>
}
else
{
//TODO: Resolve domains addresses here
<div class="fw-semibold fs-3">
188.75.252.37
</div>
}
</div>
<div class="col">
<div class="fw-semibold fs-3">
@allocation.Port
</div>
</div>
<div class="col d-none d-sm-block">
<input type="text" class="form-control" placeholder="What is this allocation for?"/>
</div>
<div class="col text-end">
<button class="btn btn-icon btn-danger disabled" type="button" disabled="disabled">
<i class="bx bx-sm bx-trash"></i>
</button>
</div>
</div> </div>
} </div>
</div> }
@code @code
{ {