309 lines
20 KiB
Plaintext
309 lines
20 KiB
Plaintext
@page "/Cards/{baid:int}/Profile"
|
|
@inject HttpClient Client
|
|
@inject IGameDataService GameDataService
|
|
@inject IDialogService DialogService
|
|
@inject LoginService LoginService
|
|
|
|
<MudBreadcrumbs Items="breadcrumbs" Class="px-0"></MudBreadcrumbs>
|
|
|
|
<h1>Profile</h1>
|
|
@if (LoginService.LoginRequired)
|
|
{
|
|
<MudText Typo="Typo.caption">Card: @LoginService.GetCardNum()</MudText>
|
|
}
|
|
else
|
|
{
|
|
<MudText Typo="Typo.caption">Card: @Baid</MudText>
|
|
}
|
|
|
|
@if (response is not null)
|
|
{
|
|
@if (LoginService.LoginRequired && (!LoginService.IsLoggedIn || (LoginService.Baid != Baid && !LoginService.IsAdmin)))
|
|
{
|
|
<MudItem xs="12">
|
|
<MudText Align="Align.Center" Class="my-8">
|
|
Please log in by clicking on "cards" tab first.
|
|
</MudText>
|
|
</MudItem>
|
|
}
|
|
else
|
|
{
|
|
<MudGrid Class="my-4 pb-10">
|
|
<MudItem xs="12" md="8">
|
|
<MudPaper Elevation="0" Outlined="true">
|
|
<MudTabs Rounded="true" Border="true" PanelClass="pa-8">
|
|
<MudTabPanel Text="Profile">
|
|
<MudStack Spacing="4">
|
|
<h2>Profile Options</h2>
|
|
|
|
<MudGrid>
|
|
<MudItem xs="12" md="8">
|
|
<MudTextField @bind-Value="@response.MyDonName" Label="Name"></MudTextField>
|
|
</MudItem>
|
|
<MudItem xs="12" md="4">
|
|
<MudSelect @bind-Value="@response.MyDonNameLanguage" Label="Language">
|
|
@for (uint i = 0; i < LanguageStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@LanguageStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</MudItem>
|
|
</MudGrid>
|
|
|
|
<MudGrid>
|
|
<MudItem xs="12" md="8">
|
|
<MudTextField @bind-Value="@response.Title" Label="Title" />
|
|
<MudButton Color="Color.Primary" Class="mt-1" Size="Size.Small" OnClick="@((_)=>OpenChooseTitleDialog())">
|
|
Select a Title
|
|
</MudButton>
|
|
</MudItem>
|
|
<MudItem xs="12" md="4">
|
|
<MudSelect @bind-Value="@response.TitlePlateId" Label="Title Plate">
|
|
@for (uint i = 0; i < TitlePlateStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@TitlePlateStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</MudItem>
|
|
</MudGrid>
|
|
|
|
<MudSelect @bind-Value="@response.AchievementDisplayDifficulty"
|
|
Label="Achievement Panel Difficulty">
|
|
@foreach (var item in Enum.GetValues<Difficulty>())
|
|
{
|
|
<MudSelectItem Value="@item" />
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudGrid>
|
|
<MudItem xs="12" md="4">
|
|
<MudStack Spacing="4">
|
|
<MudSwitch @bind-Checked="@response.IsDisplayAchievement" Label="Display Achievement Panel" Color="Color.Primary" />
|
|
<MudSwitch @bind-Checked="@response.IsDisplayDanOnNamePlate" Label="Display Dan Rank on Name Plate" Color="Color.Primary" />
|
|
</MudStack>
|
|
</MudItem>
|
|
<MudItem xs="12" md="8">
|
|
<MudStack Spacing="4">
|
|
<MudSelect @bind-Value="@response.DifficultySettingCourse" Label="Difficulty Setting Course">
|
|
@for (uint i = 0; i < DifficultySettingCourseStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@DifficultySettingCourseStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.DifficultySettingStar" Label="Difficulty Setting Star">
|
|
@for (uint i = 0; i < DifficultySettingStarStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@DifficultySettingStarStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.DifficultySettingSort" Label="Difficulty Setting Sort">
|
|
@for (uint i = 0; i < DifficultySettingSortStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@DifficultySettingSortStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</MudStack>
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudStack>
|
|
</MudTabPanel>
|
|
|
|
<MudTabPanel Text="Costume">
|
|
<MudStack Spacing="4">
|
|
<h2>Costume Options</h2>
|
|
<MudGrid>
|
|
<MudItem xs="12">
|
|
<MudStack Spacing="4" Class="mb-8">
|
|
<MudSelect @bind-Value="@response.Head" Label="Head">
|
|
@for (var i = 0; i < costumeFlagArraySizes[1]; i++)
|
|
{
|
|
var index = (uint)i;
|
|
var costumeTitle = GameDataService.GetHeadTitle(index);
|
|
<MudSelectItem Value="@index">@index - @costumeTitle</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.Body" Label="Body">
|
|
@for (var i = 0; i < costumeFlagArraySizes[2]; i++)
|
|
{
|
|
var index = (uint)i;
|
|
var costumeTitle = GameDataService.GetBodyTitle(index);
|
|
<MudSelectItem Value="@index">@index - @costumeTitle</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.Face" Label="Face">
|
|
@for (var i = 0; i < costumeFlagArraySizes[3]; i++)
|
|
{
|
|
var index = (uint)i;
|
|
var costumeTitle = GameDataService.GetFaceTitle(index);
|
|
<MudSelectItem Value="@index">@index - @costumeTitle</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.Kigurumi" Label="Kigurumi">
|
|
@for (var i = 0; i < costumeFlagArraySizes[0]; i++)
|
|
{
|
|
var index = (uint)i;
|
|
var costumeTitle = GameDataService.GetKigurumiTitle(index);
|
|
<MudSelectItem Value="@index">@index - @costumeTitle</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.Puchi" Label="Puchi">
|
|
@for (var i = 0; i < costumeFlagArraySizes[4]; i++)
|
|
{
|
|
var index = (uint)i;
|
|
var costumeTitle = GameDataService.GetPuchiTitle(index);
|
|
<MudSelectItem Value="@index">@index - @costumeTitle</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</MudStack>
|
|
|
|
<MudStack Row="true">
|
|
<MudSelect @bind-Value="@response.BodyColor" Label="Body Color">
|
|
@for (uint i = 0; i < Constants.COSTUME_COLOR_MAX; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@index">
|
|
<div class="color-box" style=@($"background: {CostumeColors[index]}")></div>
|
|
@index
|
|
</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
<MudSelect @bind-Value="@response.FaceColor" Label="Face Color">
|
|
@for (uint i = 0; i < Constants.COSTUME_COLOR_MAX; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@index">
|
|
<div class="color-box" style=@($"background: {CostumeColors[index]}")></div>
|
|
@index
|
|
</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
<MudSelect @bind-Value="@response.LimbColor" Label="Limb Color">
|
|
@for (uint i = 0; i < Constants.COSTUME_COLOR_MAX; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@index">
|
|
<div class="color-box" style=@($"background: {CostumeColors[index]}")></div>
|
|
@index
|
|
</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</MudStack>
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudStack>
|
|
</MudTabPanel>
|
|
|
|
<MudTabPanel Text="Song Options">
|
|
<MudStack Spacing="4">
|
|
<h2>Song Options</h2>
|
|
<MudGrid>
|
|
<MudItem xs="12" md="4">
|
|
<MudStack Spacing="4">
|
|
<MudSwitch @bind-Checked="@response.PlaySetting.IsVanishOn" Label="Vanish" Color="Color.Primary" />
|
|
<MudSwitch @bind-Checked="@response.PlaySetting.IsInverseOn" Label="Inverse" Color="Color.Primary" />
|
|
<MudSwitch @bind-Checked="@response.IsSkipOn" Label="Give Up" Color="Color.Primary" />
|
|
<MudSwitch @bind-Checked="@response.IsVoiceOn" Label="Voice" Color="Color.Primary" />
|
|
</MudStack>
|
|
</MudItem>
|
|
<MudItem xs="12" md="8">
|
|
<MudStack Spacing="4">
|
|
<MudSelect @bind-Value="@response.PlaySetting.Speed" Label="Speed">
|
|
@for (uint i = 0; i < SpeedStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@SpeedStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.PlaySetting.RandomType"
|
|
Label="Random">
|
|
@foreach (var item in Enum.GetValues<RandomType>())
|
|
{
|
|
<MudSelectItem Value="@item" />
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSelect @bind-Value="@response.ToneId" Label="Tone">
|
|
@for (uint i = 0; i < ToneStrings.Length; i++)
|
|
{
|
|
var index = i;
|
|
<MudSelectItem Value="@i">@ToneStrings[index]</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
|
|
<MudSlider Class="mb-8" @bind-Value="@response.NotesPosition" Size="Size.Medium" Min="-5" Max="5" Step="1" TickMarks="true" TickMarkLabels="@NotePositionStrings">
|
|
<MudText Typo="Typo.caption">Notes Position</MudText>
|
|
</MudSlider>
|
|
</MudStack>
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudStack>
|
|
</MudTabPanel>
|
|
</MudTabs>
|
|
</MudPaper>
|
|
</MudItem>
|
|
|
|
<MudItem md="4" xs="12" Class="py-4 px-8">
|
|
<MudStack Spacing="4" Class="sticky" Style="top:100px">
|
|
<MudCard style="height: 400px;">
|
|
<MudCardContent>
|
|
<div style="position:relative">
|
|
@if (response.Kigurumi == 0)
|
|
{
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.BodyColor]}") Src=@ImageOrDefault("masks/body-bodymask", response.Body, "masks/body-bodymask-0000") />
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.FaceColor]}") Src=@ImageOrDefault("masks/body-facemask", response.Body, "masks/body-facemask-0000") />
|
|
<MudImage Fluid="true" style="position:absolute;" onerror="this.src='images/Costumes/body/body-0000.png'" Src=@($"images/Costumes/body/body-{response.Body.ToString().PadLeft(4, '0')}.png") />
|
|
|
|
<MudImage Fluid="true" style="position:absolute;" onerror="this.src='images/Costumes/face/face-0000.png'" Src=@($"images/Costumes/face/face-{response.Face.ToString().PadLeft(4, '0')}.png") />
|
|
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.BodyColor]}") Src=@ImageOrDefault("masks/head-bodymask", response.Head, "head/head-0000") />
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.FaceColor]}") Src=@ImageOrDefault("masks/head-facemask", response.Head, "head/head-0000") />
|
|
<MudImage Fluid="true" style="position:absolute;" onerror="this.src='images/Costumes/head/head-0000.png'" Src=@($"images/Costumes/head/head-{response.Head.ToString().PadLeft(4, '0')}.png") />
|
|
}
|
|
else
|
|
{
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.BodyColor]}") Src=@ImageOrDefault("masks/kigurumi-bodymask", response.Kigurumi, "masks/body-bodymask-0000") />
|
|
<MudImage Fluid="true" style=@($"position:absolute; filter: {CostumeColorFilters[response.FaceColor]}") Src=@ImageOrDefault("masks/kigurumi-facemask", response.Kigurumi, "masks/body-facemask-0000") />
|
|
<MudImage Fluid="true" style="position:absolute;" onerror="this.src='images/Costumes/kigurumi/kigurumi-0000.png'" Src=@($"images/Costumes/kigurumi/kigurumi-{response.Kigurumi.ToString().PadLeft(4, '0')}.png") />
|
|
}
|
|
<MudImage Fluid="true" style="position:absolute;" onerror="this.src='images/Costumes/puchi/puchi-0000.png'" Src=@($"images/Costumes/puchi/puchi-{response.Puchi.ToString().PadLeft(4, '0')}.png") />
|
|
|
|
</div>
|
|
</MudCardContent>
|
|
@* <MudCardActions>
|
|
<MudButton Variant="Variant.Text" Color="Color.Primary">Share</MudButton>
|
|
<MudButton Variant="Variant.Text" Color="Color.Primary">Learn More</MudButton>
|
|
</MudCardActions> *@
|
|
</MudCard>
|
|
|
|
<MudButton Disabled="@isSavingOptions"
|
|
OnClick="SaveOptions"
|
|
Variant="Variant.Filled"
|
|
Color="Color.Primary">
|
|
@if (isSavingOptions)
|
|
{
|
|
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
|
<MudText Class="ms-2">Saving...</MudText>
|
|
}
|
|
else
|
|
{
|
|
<MudIcon Icon="@Icons.Material.Filled.Save" Class="mx-2"></MudIcon>
|
|
<MudText>Save</MudText>
|
|
}
|
|
</MudButton>
|
|
</MudStack>
|
|
</MudItem>
|
|
</MudGrid>
|
|
}
|
|
} |