Reworking layout
This commit is contained in:
shiibe
parent
524ae10439
commit
2c45dde2e3
@ -8,82 +8,82 @@
|
|||||||
|
|
||||||
@if (response is not null)
|
@if (response is not null)
|
||||||
{
|
{
|
||||||
<MudStack>
|
<MudGrid>
|
||||||
<MudSelect @bind-Value="@response.IsDisplayAchievement"
|
<MudItem xs="12" md="8">
|
||||||
Label="Is Display Achievement Panel">
|
<MudPaper Class="py-8 px-8 my-8">
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
<MudStack Spacing="6">
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
<h2>Song Options</h2>
|
||||||
</MudSelect>
|
<MudStack Spacing="6">
|
||||||
<MudSelect @bind-Value="@response.IsSkipOn"
|
<MudSwitch @bind-Checked="@response.PlaySetting.IsVanishOn" Label="Vanish" Color="Color.Primary" />
|
||||||
Label="Is Skip On">
|
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
<MudSwitch @bind-Checked="@response.PlaySetting.IsInverseOn" Label="Inverse" Color="Color.Primary" />
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
|
||||||
</MudSelect>
|
<MudSwitch @bind-Checked="@response.IsSkipOn" Label="Give Up" Color="Color.Primary" />
|
||||||
<MudSelect @bind-Value="@response.IsVoiceOn"
|
|
||||||
Label="Is Voice On">
|
<MudSwitch @bind-Checked="@response.IsVoiceOn" Label="Voice" Color="Color.Primary" />
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
</MudStack>
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
|
||||||
</MudSelect>
|
<MudSelect @bind-Value="@response.PlaySetting.Speed" Label="Speed">
|
||||||
<MudSelect @bind-Value="@response.IsDisplayDanOnNamePlate"
|
@for (uint i = 0; i < 15; i++)
|
||||||
Label="Should Dan be Displayed On Name Plate">
|
{
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
var index= i;
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
<MudSelectItem Value="@i">@speedStrings[index]</MudSelectItem>
|
||||||
</MudSelect>
|
}
|
||||||
<MudSelect @bind-Value="@response.AchievementDisplayDifficulty"
|
</MudSelect>
|
||||||
Label="Difficulty Used on Achievement Panel">
|
|
||||||
@foreach (var item in Enum.GetValues<Difficulty>())
|
<MudSelect @bind-Value="@response.PlaySetting.RandomType"
|
||||||
{
|
Label="Random">
|
||||||
<MudSelectItem Value="@item"/>
|
@foreach (var item in Enum.GetValues<RandomType>())
|
||||||
}
|
{
|
||||||
</MudSelect>
|
<MudSelectItem Value="@item" />
|
||||||
<MudSelect @bind-Value="@response.NotesPosition"
|
}
|
||||||
Label="Notes Position">
|
</MudSelect>
|
||||||
@for (var i = -5; i <= 5; i++)
|
|
||||||
{
|
<MudSlider Class="mb-8" @bind-Value="@response.NotesPosition" Size="Size.Medium" Min="-5" Max="5" Step="1" TickMarks="true" TickMarkLabels="@notePositionStrings">
|
||||||
<MudSelectItem Value="@i"/>
|
<MudText Typo="Typo.caption">Notes Position</MudText>
|
||||||
}
|
</MudSlider>
|
||||||
</MudSelect>
|
|
||||||
<MudSelect @bind-Value="@response.PlaySetting.RandomType"
|
<MudSelect @bind-Value="@response.IsDisplayAchievement"
|
||||||
Label="Random">
|
Label="Is Display Achievement Panel">
|
||||||
@foreach (var item in Enum.GetValues<RandomType>())
|
<MudSelectItem Value="@true">On</MudSelectItem>
|
||||||
{
|
<MudSelectItem Value="@false">Off</MudSelectItem>
|
||||||
<MudSelectItem Value="@item"/>
|
</MudSelect>
|
||||||
}
|
|
||||||
</MudSelect>
|
<MudSelect @bind-Value="@response.IsDisplayDanOnNamePlate"
|
||||||
<MudSelect @bind-Value="@response.PlaySetting.Speed"
|
Label="Should Dan be Displayed On Name Plate">
|
||||||
Label="Speed">
|
<MudSelectItem Value="@true">On</MudSelectItem>
|
||||||
@for (uint i = 0; i < 15; i++)
|
<MudSelectItem Value="@false">Off</MudSelectItem>
|
||||||
{
|
</MudSelect>
|
||||||
var index= i;
|
<MudSelect @bind-Value="@response.AchievementDisplayDifficulty"
|
||||||
<MudSelectItem Value="@i">@speedStrings[index]</MudSelectItem>
|
Label="Difficulty Used on Achievement Panel">
|
||||||
}
|
@foreach (var item in Enum.GetValues<Difficulty>())
|
||||||
</MudSelect>
|
{
|
||||||
<MudSelect @bind-Value="@response.PlaySetting.IsInverseOn"
|
<MudSelectItem Value="@item"/>
|
||||||
Label="Inverse">
|
}
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
</MudSelect>
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
</MudStack>
|
||||||
</MudSelect>
|
</MudPaper>
|
||||||
<MudSelect @bind-Value="@response.PlaySetting.IsVanishOn"
|
</MudItem>
|
||||||
Label="Vanish">
|
<MudItem md="4" xs="12" Class="py-8 px-8 my-4 pt-8">
|
||||||
<MudSelectItem Value="@true">On</MudSelectItem>
|
<MudStack Spacing="6" Style="top:100px" Class="sticky">
|
||||||
<MudSelectItem Value="@false">Off</MudSelectItem>
|
<MudButton Disabled="@isSavingOptions"
|
||||||
</MudSelect>
|
OnClick="SaveOptions"
|
||||||
<MudButton Disabled="@isSavingOptions"
|
Variant="Variant.Filled"
|
||||||
OnClick="SaveOptions"
|
Color="Color.Info">
|
||||||
Variant="Variant.Filled"
|
@if (isSavingOptions)
|
||||||
Color="Color.Info">
|
{
|
||||||
@if (isSavingOptions)
|
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||||
{
|
<MudText Class="ms-2">Saving...</MudText>
|
||||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true"/>
|
}
|
||||||
<MudText Class="ms-2">Saving...</MudText>
|
else
|
||||||
}
|
{
|
||||||
else
|
<MudIcon Icon="@Icons.Filled.Save"></MudIcon>
|
||||||
{
|
<MudText>Save</MudText>
|
||||||
<MudIcon Icon="@Icons.Filled.Save"></MudIcon>
|
}
|
||||||
<MudText>Save</MudText>
|
</MudButton>
|
||||||
}
|
</MudStack>
|
||||||
</MudButton>
|
</MudItem>
|
||||||
</MudStack>
|
</MudGrid>
|
||||||
}
|
}
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
@ -98,6 +98,8 @@
|
|||||||
private readonly string[] speedStrings = { "1.0", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "1.9",
|
private readonly string[] speedStrings = { "1.0", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "1.9",
|
||||||
"2.0", "2.5", "3.0", "3.5", "4.0"};
|
"2.0", "2.5", "3.0", "3.5", "4.0"};
|
||||||
|
|
||||||
|
private readonly string[] notePositionStrings = new string[] { "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5"};
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
protected override async Task OnInitializedAsync()
|
||||||
{
|
{
|
||||||
await base.OnInitializedAsync();
|
await base.OnInitializedAsync();
|
||||||
|
|||||||
@ -7,9 +7,6 @@
|
|||||||
<MudLayout>
|
<MudLayout>
|
||||||
<MudAppBar Elevation="0">
|
<MudAppBar Elevation="0">
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())"/>
|
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())"/>
|
||||||
<MudSpacer/>
|
|
||||||
<MudIconButton Icon="@Icons.Custom.Brands.MudBlazor" Color="Color.Inherit" Link="https://mudblazor.com/" Target="_blank"/>
|
|
||||||
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Link="https://github.com/MudBlazor/MudBlazor/" Target="_blank"/>
|
|
||||||
</MudAppBar>
|
</MudAppBar>
|
||||||
<MudDrawer @bind-Open="_drawerOpen" Elevation="1">
|
<MudDrawer @bind-Open="_drawerOpen" Elevation="1">
|
||||||
<MudDrawerHeader>
|
<MudDrawerHeader>
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<MudNavMenu>
|
<MudNavMenu>
|
||||||
<MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
|
@* <MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
|
||||||
<MudNavLink Href="counter" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Add">Counter</MudNavLink>
|
<MudNavLink Href="counter" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Add">Counter</MudNavLink>
|
||||||
<MudNavLink Href="fetchdata" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">Fetch data</MudNavLink>
|
<MudNavLink Href="fetchdata" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">Fetch data</MudNavLink>*@
|
||||||
<MudNavLink Href="Dashboard" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Dashboard">Dashboard</MudNavLink>
|
<MudNavLink Href="Dashboard" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Dashboard">Dashboard</MudNavLink>
|
||||||
</MudNavMenu>
|
</MudNavMenu>
|
||||||
Loading…
x
Reference in New Issue
Block a user