Updated use of theme styles to fix missing colors
This commit is contained in:
@@ -41,11 +41,11 @@
|
||||
<ColumnTemplate>
|
||||
<div class="flex justify-end items-center">
|
||||
<a @onclick="() => UpdateAllocation(context)" @onclick:preventDefault href="#"
|
||||
class="text-primary-500 mr-2 sm:mr-3">
|
||||
class="text-primary mr-2 sm:mr-3">
|
||||
<i class="icon-pencil text-base"></i>
|
||||
</a>
|
||||
<a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#"
|
||||
class="text-danger-500">
|
||||
class="text-danger">
|
||||
<i class="icon-trash text-base"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -13,21 +13,21 @@
|
||||
{
|
||||
gradient = Status.State switch
|
||||
{
|
||||
ServerState.Installing => "from-primary-600/20",
|
||||
ServerState.Offline => "from-danger-600/20",
|
||||
ServerState.Starting => "from-warning-600/20",
|
||||
ServerState.Stopping => "from-warning-600/20",
|
||||
ServerState.Online => "from-success-600/20",
|
||||
ServerState.Installing => "from-primary/20",
|
||||
ServerState.Offline => "from-danger/20",
|
||||
ServerState.Starting => "from-warning/20",
|
||||
ServerState.Stopping => "from-warning/20",
|
||||
ServerState.Online => "from-success/20",
|
||||
_ => "from-gray-600/20"
|
||||
};
|
||||
|
||||
border = Status.State switch
|
||||
{
|
||||
ServerState.Installing => "border-primary-600",
|
||||
ServerState.Offline => "border-danger-600",
|
||||
ServerState.Starting => "border-warning-600",
|
||||
ServerState.Stopping => "border-warning-600",
|
||||
ServerState.Online => "border-success-600",
|
||||
ServerState.Installing => "border-primary",
|
||||
ServerState.Offline => "border-danger",
|
||||
ServerState.Starting => "border-warning",
|
||||
ServerState.Stopping => "border-warning",
|
||||
ServerState.Online => "border-success",
|
||||
_ => "border-gray-600"
|
||||
};
|
||||
}
|
||||
@@ -90,7 +90,7 @@
|
||||
}
|
||||
else if (IsFailed)
|
||||
{
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
|
||||
<div>
|
||||
<i class="icon-cable"></i>
|
||||
</div>
|
||||
@@ -100,7 +100,7 @@
|
||||
}
|
||||
else if (IsLoaded && !IsFailed && Status.State is ServerState.Offline)
|
||||
{
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
|
||||
<div>
|
||||
<i class="icon-power-off"></i>
|
||||
</div>
|
||||
@@ -110,7 +110,7 @@
|
||||
}
|
||||
else if (IsLoaded && !IsFailed && Status.State is ServerState.Installing)
|
||||
{
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
|
||||
<div>
|
||||
<i class="icon-hammer"></i>
|
||||
</div>
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
@{
|
||||
var gradient = Status switch
|
||||
{
|
||||
4 => "from-primary-600/20",
|
||||
3 => "from-danger-600/20",
|
||||
2 => "from-warning-600/20",
|
||||
1 => "from-success-600/20",
|
||||
4 => "from-primary/20",
|
||||
3 => "from-danger/20",
|
||||
2 => "from-warning/20",
|
||||
1 => "from-success/20",
|
||||
_ => "from-gray-600/20"
|
||||
};
|
||||
|
||||
var border = Status switch
|
||||
{
|
||||
4 => "border-primary-600",
|
||||
3 => "border-danger-600",
|
||||
2 => "border-warning-600",
|
||||
1 => "border-success-600",
|
||||
4 => "border-primary",
|
||||
3 => "border-danger",
|
||||
2 => "border-warning",
|
||||
1 => "border-success",
|
||||
_ => "border-gray-600"
|
||||
};
|
||||
}
|
||||
@@ -71,7 +71,7 @@
|
||||
}
|
||||
else if (Status == 3)
|
||||
{
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
|
||||
<div>
|
||||
<i class="icon-power-off"></i>
|
||||
</div>
|
||||
@@ -81,7 +81,7 @@
|
||||
}
|
||||
else if (Status == 4)
|
||||
{
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
|
||||
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
|
||||
<div>
|
||||
<i class="icon-hammer"></i>
|
||||
</div>
|
||||
|
||||
@@ -57,12 +57,12 @@
|
||||
<DataTableColumn TItem="ServerDetailResponse">
|
||||
<ColumnTemplate>
|
||||
<div class="flex justify-end">
|
||||
<a href="/admin/servers/all/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
|
||||
<a href="/admin/servers/all/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
|
||||
<i class="icon-pencil text-base"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
|
||||
class="text-danger-500">
|
||||
class="text-danger">
|
||||
<i class="icon-trash text-base"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Id)" Name="Id"/>
|
||||
<DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Name="Name">
|
||||
<ColumnTemplate>
|
||||
<a class="text-primary-500" href="/admin/servers/nodes/update/@(context.Id)">
|
||||
<a class="text-primary" href="/admin/servers/nodes/update/@(context.Id)">
|
||||
@context.Name
|
||||
</a>
|
||||
</ColumnTemplate>
|
||||
@@ -55,7 +55,7 @@
|
||||
{
|
||||
if (data == null)
|
||||
{
|
||||
<span class="text-danger-500">
|
||||
<span class="text-danger">
|
||||
<i class="icon-server-offg text-base me-1 align-middle"></i>
|
||||
<span class="align-middle">
|
||||
API Error
|
||||
@@ -66,14 +66,14 @@
|
||||
{
|
||||
if (data.RoundtripSuccess)
|
||||
{
|
||||
<span class="text-success-500">
|
||||
<span class="text-success">
|
||||
<i class="icon-check text-base me-1 align-middle"></i>
|
||||
<span class="align-middle">Online (@(data.Version))</span>
|
||||
</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="text-danger-500">
|
||||
<span class="text-danger">
|
||||
<i class="icon-server-off text-base me-1 align-middle"></i>
|
||||
<span class="align-middle">
|
||||
Error
|
||||
@@ -99,7 +99,7 @@
|
||||
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
|
||||
<ColumnTemplate>
|
||||
<div>
|
||||
<i class="icon-cpu text-lg me-1 align-middle text-primary-500"></i>
|
||||
<i class="icon-cpu text-lg me-1 align-middle text-primary"></i>
|
||||
<span class="align-middle">33% of 6 Cores</span>
|
||||
</div>
|
||||
</ColumnTemplate>
|
||||
@@ -109,7 +109,7 @@
|
||||
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
|
||||
<ColumnTemplate>
|
||||
<div>
|
||||
<i class="icon-memory-stick text-lg me-1 align-middle text-primary-500"></i>
|
||||
<i class="icon-memory-stick text-lg me-1 align-middle text-primary"></i>
|
||||
<span class="align-middle">1.56GB / 64GB</span>
|
||||
</div>
|
||||
</ColumnTemplate>
|
||||
@@ -119,7 +119,7 @@
|
||||
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
|
||||
<ColumnTemplate>
|
||||
<div>
|
||||
<i class="icon-hard-drive text-lg me-1 align-middle text-primary-500"></i>
|
||||
<i class="icon-hard-drive text-lg me-1 align-middle text-primary"></i>
|
||||
<span class="align-middle">78.68GB / 1TB</span>
|
||||
</div>
|
||||
</ColumnTemplate>
|
||||
@@ -127,12 +127,12 @@
|
||||
<DataTableColumn TItem="NodeDetailResponse">
|
||||
<ColumnTemplate>
|
||||
<div class="flex justify-end">
|
||||
<a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
|
||||
<a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
|
||||
<i class="icon-pencil text-base"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
|
||||
class="text-danger-500">
|
||||
class="text-danger">
|
||||
<i class="icon-trash text-base"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Id)" Name="Id"/>
|
||||
<DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Name)" Name="Name">
|
||||
<ColumnTemplate>
|
||||
<a class="text-primary-500" href="/admin/servers/stars/update/@(context.Id)">
|
||||
<a class="text-primary" href="/admin/servers/stars/update/@(context.Id)">
|
||||
@context.Name
|
||||
</a>
|
||||
</ColumnTemplate>
|
||||
@@ -60,23 +60,23 @@
|
||||
|
||||
@if (!string.IsNullOrEmpty(context.UpdateUrl))
|
||||
{
|
||||
<a href="#" @onclick:preventDefault class="text-tertiary-500 mr-3">
|
||||
<a href="#" @onclick:preventDefault class="text-tertiary mr-3">
|
||||
<i class="icon-refresh-cw align-middle"></i>
|
||||
<span class="align-middle">Update</span>
|
||||
</a>
|
||||
}
|
||||
|
||||
<a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success-500 mr-3">
|
||||
<a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success mr-3">
|
||||
<i class="icon-download align-middle"></i>
|
||||
<span class="align-middle">Export</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/servers/stars/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
|
||||
<a href="/admin/servers/stars/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
|
||||
<i class="icon-pencil text-base"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
|
||||
class="text-danger-500">
|
||||
class="text-danger">
|
||||
<i class="icon-trash text-base"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -38,11 +38,11 @@
|
||||
@{
|
||||
var bgColor = State switch
|
||||
{
|
||||
ServerState.Installing => "bg-primary-500",
|
||||
ServerState.Offline => "bg-danger-500",
|
||||
ServerState.Starting => "bg-warning-500",
|
||||
ServerState.Stopping => "bg-warning-500",
|
||||
ServerState.Online => "bg-success-500",
|
||||
ServerState.Installing => "bg-primary",
|
||||
ServerState.Offline => "bg-danger",
|
||||
ServerState.Starting => "bg-warning",
|
||||
ServerState.Stopping => "bg-warning",
|
||||
ServerState.Online => "bg-success",
|
||||
_ => "bg-gray-500"
|
||||
};
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user