beenull/Moonlight
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fixed server settings design

Browse source
This commit is contained in:
Daniel Balk 2023-05-05 17:33:05 +02:00
parent fde3bc29e4
commit 928f29f505
10 changed files with 261 additions and 154 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
Moonlight/Shared/Components/Forms/SmartForm.razor
View file

@ -1,6 +1,6 @@
@using Moonlight.App.Helpers @using Moonlight.App.Helpers
<div class="form"> <div class="form @CssClass">
<EditForm @ref="EditForm" Model="Model" OnValidSubmit="ValidSubmit" OnInvalidSubmit="InvalidSubmit"> <EditForm @ref="EditForm" Model="Model" OnValidSubmit="ValidSubmit" OnInvalidSubmit="InvalidSubmit">
<DataAnnotationsValidator></DataAnnotationsValidator> <DataAnnotationsValidator></DataAnnotationsValidator>
@if (Working) @if (Working)
@ -44,6 +44,9 @@
[Parameter] [Parameter]
public RenderFragment ChildContent { get; set; } public RenderFragment ChildContent { get; set; }
[Parameter]
public string CssClass { get; set; }
private EditForm EditForm; private EditForm EditForm;
private List<string> ErrorMessages = new(); private List<string> ErrorMessages = new();

93
Moonlight/Shared/Components/ServerControl/Settings/FabricVersionSetting.razor
View file

@ -13,38 +13,69 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader Load="Load"> <LazyLoader Load="Load">
<label class="mb-2 form-label"> <table class="w-100">
<TL>Fabric version</TL> <tr>
</label> <td colspan="2">
<input class="mb-2 form-control" disabled="" value="@(FabricVersion)"/> <label class="form-label mb-0">
<label class="mb-2 form-label"> <TL>Fabric version</TL>
<TL>Fabric loader version</TL> </label>
</label> </td>
<input class="mb-2 form-control" disabled="" value="@(LoaderVersion)"/> </tr>
<label class="mb-2 form-label"> <tr>
<TL>Minecraft version</TL> <td class="w-100" colspan="2">
</label> <input class="mb-2 form-control" disabled="" value="@(FabricVersion)"/>
<select class="mb-2 form-select" @bind="CurrentVersion"> </td>
@foreach (var version in Versions) </tr>
{ <tr>
if (version == CurrentVersion) <td colspan="2">
{ <label class="form-label mb-0">
<option value="@(version)" selected="">@(version)</option> <TL>Fabric loader version</TL>
} </label>
else </td>
{ </tr>
<option value="@(version)">@(version)</option> <tr>
} <td class="w-100" colspan="2">
} <input class="mb-2 form-control" disabled="" value="@(LoaderVersion)"/>
</select> </td>
<WButton </tr>
OnClick="Save" <tr>
Text="@(TranslationService.Translate("Change"))" <td colspan="2">
WorkingText="@(TranslationService.Translate("Changing"))" <label class="form-label mb-0">
CssClasses="btn-primary"> <TL>Minecraft version</TL>
</WButton> </label>
</td>
</tr>
<tr>
<td class="w-100" colspan="2">
<select class="mb-2 form-select" @bind="CurrentVersion">
@foreach (var version in Versions)
{
if (version == CurrentVersion)
{
<option value="@(version)" selected="">@(version)</option>
}
else
{
<option value="@(version)">@(version)</option>
}
}
</select>
</td>
</tr>
<tr>
<td class="w-100"></td>
<td>
<WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="btn-primary mt-2">
</WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

48
Moonlight/Shared/Components/ServerControl/Settings/ForgeVersionSetting.razor
View file

@ -14,28 +14,36 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader Load="Load"> <LazyLoader Load="Load">
<label class="mb-2 form-label"><TL>Forge version</TL></label> <label class="mb-2 form-label"><TL>Forge version</TL></label>
<select class="mb-2 form-select" @bind="CurrentVersion"> <table class="w-100">
@foreach (var version in Versions.Keys) <tr>
{ <td class="w-100">
if (DisplayToData(version) == CurrentVersion) <select class="form-select" @bind="CurrentVersion">
{ @foreach (var version in Versions.Keys)
<option value="@(DisplayToData(version))" selected="">@(version)</option> {
} if (DisplayToData(version) == CurrentVersion)
else {
{ <option value="@(DisplayToData(version))" selected="">@(version)</option>
<option value="@(DisplayToData(version))">@(version)</option> }
} else
} {
</select> <option value="@(DisplayToData(version))">@(version)</option>
<WButton }
OnClick="Save" }
Text="@(TranslationService.Translate("Change"))" </select>
WorkingText="@(TranslationService.Translate("Changing"))" </td>
CssClasses="btn-primary"> <td>
</WButton> <WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="btn-primary ms-2">
</WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

14
Moonlight/Shared/Components/ServerControl/Settings/JavascriptFileSetting.razor
View file

@ -10,13 +10,21 @@
@inject ServerService ServerService @inject ServerService ServerService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader @ref="LazyLoader" Load="Load"> <LazyLoader @ref="LazyLoader" Load="Load">
<label class="mb-2 form-label"> <label class="mb-2 form-label">
<TL>Javascript file</TL> <TL>Javascript file</TL>
</label> </label>
<input type="text" class="mb-2 form-control disabled" disabled="" value="@(PathAndFile)"/> <table class="w-100">
<button @onclick="Show" class="btn btn-primary"><TL>Change</TL></button> <tr>
<td class="w-100">
<input type="text" class="form-control disabled" disabled="" value="@(PathAndFile)"/>
</td>
<td>
<button @onclick="Show" class="ms-2 btn btn-primary"><TL>Change</TL></button>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

56
Moonlight/Shared/Components/ServerControl/Settings/JavascriptVersionSetting.razor
View file

@ -10,32 +10,40 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader @ref="LazyLoader" Load="Load"> <LazyLoader @ref="LazyLoader" Load="Load">
<label class="mb-2 form-label"><TL>Javascript version</TL></label> <label class="mb-2 form-label"><TL>Javascript version</TL></label>
<select @bind="ImageIndex" class="form-select mb-2"> <table class="w-100">
@foreach (var image in DockerImages) <tr>
{ <td class="w-100">
if (image.Id == SelectedImage.Id) <select @bind="ImageIndex" class="form-select ">
{ @foreach (var image in DockerImages)
<option value="@(image.Id)" selected="selected"> {
@(ParseHelper.FirstPartStartingWithNumber(image.Name)) if (image.Id == SelectedImage.Id)
</option> {
} <option value="@(image.Id)" selected="selected">
else @(ParseHelper.FirstPartStartingWithNumber(image.Name))
{ </option>
<option value="@(image.Id)"> }
@(ParseHelper.FirstPartStartingWithNumber(image.Name)) else
</option> {
} <option value="@(image.Id)">
} @(ParseHelper.FirstPartStartingWithNumber(image.Name))
</select> </option>
<WButton }
OnClick="Save" }
Text="@(TranslationService.Translate("Change"))" </select>
WorkingText="@(TranslationService.Translate("Changing"))" </td>
CssClasses="btn-primary"> <td>
</WButton> <WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="ms-2 btn-primary">
</WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

32
Moonlight/Shared/Components/ServerControl/Settings/Join2StartSetting.razor
View file

@ -11,19 +11,27 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader @ref="Loader" Load="Load"> <LazyLoader @ref="Loader" Load="Load">
<div class="form-check form-check-custom form-check-solid mb-3"> <table class="w-100">
<input @bind="Value" class="form-check-input" type="checkbox" value="1" id="j2sCheck"/> <tr>
<label class="form-check-label" for="j2sCheck"> <td class="w-100">
<TL>Join2Start</TL> <div class="form-check form-check-custom form-check-solid mb-3">
</label> <input @bind="Value" class="form-check-input" type="checkbox" value="1" id="j2sCheck"/>
</div> <label class="form-check-label" for="j2sCheck">
<WButton <TL>Join2Start</TL>
OnClick="Save" </label>
Text="@(TranslationService.Translate("Change"))" </div>
WorkingText="@(TranslationService.Translate("Changing"))" </td>
CssClasses="btn-primary"></WButton> <td>
<WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="btn-primary"></WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

91
Moonlight/Shared/Components/ServerControl/Settings/PaperVersionSetting.razor
View file

@ -13,41 +13,64 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader Load="Load"> <LazyLoader Load="Load">
<label class="mb-2 form-label"><TL>Minecraft version</TL></label> <table class="w-100">
<select class="mb-2 form-select" @bind="InputVersion"> <tr>
@foreach (var version in Versions) <td colspan="2">
{ <label class="mb-0 form-label"><TL>Minecraft version</TL></label>
if (version == Version) </td>
{ </tr>
<option value="@(version)" selected="">@(version)</option> <tr>
} <td colspan="2">
else <select class="mb-2 form-select" @bind="InputVersion">
{ @foreach (var version in Versions)
<option value="@(version)">@(version)</option> {
} if (version == Version)
} {
</select> <option value="@(version)" selected="">@(version)</option>
<label class="mb-2 form-label"><TL>Build version</TL></label> }
<select class="mb-2 form-select" @bind="InputBuild"> else
@foreach (var build in Builds) {
{ <option value="@(version)">@(version)</option>
if (build == Build) }
{ }
<option value="@(build)" selected="">@(build)</option> </select>
} </td>
else </tr>
{ <tr>
<option value="@(build)">@(build)</option> <td colspan="2">
} <label class="mb-0 form-label"><TL>Build version</TL></label>
} </td>
</select> </tr>
<WButton <tr>
OnClick="Save" <td colspan="2">
Text="@(TranslationService.Translate("Change"))" <select class="mb-2 form-select" @bind="InputBuild">
WorkingText="@(TranslationService.Translate("Changing"))" @foreach (var build in Builds)
CssClasses="btn-primary"></WButton> {
if (build == Build)
{
<option value="@(build)" selected="">@(build)</option>
}
else
{
<option value="@(build)">@(build)</option>
}
}
</select>
</td>
</tr>
<tr>
<td class="w-100"></td>
<td>
<WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="btn-primary mt-2"></WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

16
Moonlight/Shared/Components/ServerControl/Settings/PythonFileSetting.razor
View file

@ -11,13 +11,23 @@
@inject SmartTranslateService SmartTranslateService @inject SmartTranslateService SmartTranslateService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader @ref="LazyLoader" Load="Load"> <LazyLoader @ref="LazyLoader" Load="Load">
<label class="mb-2 form-label"> <label class="mb-2 form-label">
<TL>Python file</TL> <TL>Python file</TL>
</label> </label>
<input type="text" class="mb-2 form-control disabled" disabled="" value="@(PathAndFile)"/> <table class="w-100">
<button @onclick="Show" class="btn btn-primary"><TL>Change</TL></button> <tr>
<td class="w-100">
<input type="text" class="form-control disabled" disabled="" value="@(PathAndFile)"/>
</td>
<td>
<button @onclick="Show" class="ms-2 btn btn-primary"><TL>Change</TL></button>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

56
Moonlight/Shared/Components/ServerControl/Settings/PythonVersionSetting.razor
View file

@ -10,32 +10,40 @@
@inject SmartTranslateService TranslationService @inject SmartTranslateService TranslationService
<div class="col"> <div class="col">
<div class="card card-body"> <div class="card card-body p-0">
<LazyLoader @ref="LazyLoader" Load="Load"> <LazyLoader @ref="LazyLoader" Load="Load">
<label class="mb-2 form-label"><TL>Python version</TL></label> <label class="mb-2 form-label"><TL>Python version</TL></label>
<select @bind="ImageIndex" class="form-select mb-2"> <table class="w-100">
@foreach (var image in DockerImages) <tr>
{ <td class="w-100">
if (image.Id == SelectedImage.Id) <select @bind="ImageIndex" class="form-select">
{ @foreach (var image in DockerImages)
<option value="@(image.Id)" selected="selected"> {
@(ParseHelper.FirstPartStartingWithNumber(image.Name)) if (image.Id == SelectedImage.Id)
</option> {
} <option value="@(image.Id)" selected="selected">
else @(ParseHelper.FirstPartStartingWithNumber(image.Name))
{ </option>
<option value="@(image.Id)"> }
@(ParseHelper.FirstPartStartingWithNumber(image.Name)) else
</option> {
} <option value="@(image.Id)">
} @(ParseHelper.FirstPartStartingWithNumber(image.Name))
</select> </option>
<WButton }
OnClick="Save" }
Text="@(TranslationService.Translate("Change"))" </select>
WorkingText="@(TranslationService.Translate("Changing"))" </td>
CssClasses="btn-primary"> <td>
</WButton> <WButton
OnClick="Save"
Text="@(TranslationService.Translate("Change"))"
WorkingText="@(TranslationService.Translate("Changing"))"
CssClasses="btn-primary ms-2">
</WButton>
</td>
</tr>
</table>
</LazyLoader> </LazyLoader>
</div> </div>
</div> </div>

4
Moonlight/Shared/Components/ServerControl/Settings/ServerRenameSetting.razor
View file

@ -6,8 +6,8 @@
<div class="input-group mb-3"> <div class="input-group mb-3">
<LazyLoader @ref="LazyLoader" Load="Load"> <LazyLoader @ref="LazyLoader" Load="Load">
<SmartForm Model="Model" OnValidSubmit="Rename"> <SmartForm CssClass="w-100" Model="Model" OnValidSubmit="Rename">
<div class="input-group mb-3"> <div class="input-group mb-3 w-100">
<InputText @bind-Value="Model.Name" type="text" class="form-control"></InputText> <InputText @bind-Value="Model.Name" type="text" class="form-control"></InputText>
<button class="btn btn-primary" type="submit"><TL>Rename</TL></button> <button class="btn btn-primary" type="submit"><TL>Rename</TL></button>
</div> </div>