239 lines
13 KiB
C#
239 lines
13 KiB
C#
using Microsoft.AspNetCore.Http;
|
|
using System.Linq;
|
|
using TaikoWebUI.Pages.Dialogs;
|
|
|
|
namespace TaikoWebUI.Pages;
|
|
|
|
public partial class Profile
|
|
{
|
|
[Parameter]
|
|
public int Baid { get; set; }
|
|
|
|
private UserSetting? response;
|
|
|
|
private bool isSavingOptions;
|
|
|
|
private static readonly string[] CostumeColors =
|
|
{
|
|
"#F84828", "#68C0C0", "#DC1500", "#F8F0E0", "#009687", "#00BF87",
|
|
"#00FF9A", "#66FFC2", "#FFFFFF", "#690000", "#FF0000", "#FF6666",
|
|
"#FFB3B3", "#00BCC2", "#00F7FF", "#66FAFF", "#B3FDFF", "#E4E4E4",
|
|
"#993800", "#FF5E00", "#FF9E78", "#FFCFB3", "#005199", "#0088FF",
|
|
"#66B8FF", "#B3DBFF", "#B9B9B9", "#B37700", "#FFAA00", "#FFCC66",
|
|
"#FFE2B3", "#000C80", "#0019FF", "#6675FF", "#B3BAFF", "#858585",
|
|
"#B39B00", "#FFDD00", "#FFFF00", "#FFFF71", "#2B0080", "#5500FF",
|
|
"#9966FF", "#CCB3FF", "#505050", "#38A100", "#78C900", "#B3FF00",
|
|
"#DCFF8A", "#610080", "#C400FF", "#DC66FF", "#EDB3FF", "#232323",
|
|
"#006600", "#00B800", "#00FF00", "#8AFF9E", "#990059", "#FF0095",
|
|
"#FF66BF", "#FFB3DF", "#000000"
|
|
};
|
|
|
|
private static readonly List<string> Masks = new List<string>
|
|
{
|
|
"masks/body-bodymask-0005", "masks/body-bodymask-0019", "masks/body-bodymask-0030",
|
|
"masks/body-bodymask-0063", "masks/body-bodymask-0064", "masks/body-bodymask-0065",
|
|
"masks/body-bodymask-0070", "masks/body-bodymask-0092", "masks/body-bodymask-0121",
|
|
"masks/body-bodymask-0123", "masks/body-bodymask-0127", "masks/body-bodymask-0136",
|
|
"masks/body-bodymask-0153",
|
|
"masks/body-facemask-0005", "masks/body-facemask-0015", "masks/body-facemask-0030",
|
|
"masks/body-facemask-0064", "masks/body-facemask-0065", "masks/body-facemask-0069",
|
|
"masks/body-facemask-0090", "masks/body-facemask-0092", "masks/body-facemask-0136",
|
|
"masks/body-facemask-0151", "masks/body-facemask-0152", "masks/body-facemask-0153",
|
|
"masks/head-bodymask-0113", "masks/head-bodymask-0138",
|
|
"masks/head-facemask-0003", "masks/head-facemask-0113", "masks/head-facemask-0137",
|
|
"masks/head-facemask-0138",
|
|
"masks/kigurumi-bodymask-0052", "masks/kigurumi-bodymask-0109", "masks/kigurumi-bodymask-0110",
|
|
"masks/kigurumi-bodymask-0115", "masks/kigurumi-bodymask-0123",
|
|
"masks/kigurumi-facemask-0052", "masks/kigurumi-facemask-0109", "masks/kigurumi-facemask-0110",
|
|
"masks/kigurumi-facemask-0115", "masks/kigurumi-facemask-0123",
|
|
};
|
|
|
|
// Generated using https://codepen.io/sosuke/pen/Pjoqqp
|
|
private static readonly string[] CostumeColorFilters =
|
|
{
|
|
"invert(48%) sepia(61%) saturate(6409%) hue-rotate(347deg) brightness(100%) contrast(95%);",
|
|
"invert(90%) sepia(15%) saturate(1318%) hue-rotate(127deg) brightness(82%) contrast(78%);",
|
|
"invert(15%) sepia(55%) saturate(6677%) hue-rotate(360deg) brightness(96%) contrast(102%);",
|
|
"invert(88%) sepia(26%) saturate(147%) hue-rotate(343deg) brightness(106%) contrast(95%);",
|
|
"invert(36%) sepia(47%) saturate(2136%) hue-rotate(146deg) brightness(97%) contrast(102%);",
|
|
"invert(66%) sepia(50%) saturate(5209%) hue-rotate(124deg) brightness(92%) contrast(104%);",
|
|
"invert(95%) sepia(83%) saturate(2827%) hue-rotate(73deg) brightness(101%) contrast(117%);",
|
|
"invert(80%) sepia(39%) saturate(531%) hue-rotate(96deg) brightness(102%) contrast(101%);",
|
|
"invert(100%);",
|
|
"invert(12%) sepia(33%) saturate(6542%) hue-rotate(349deg) brightness(81%) contrast(117%);",
|
|
"invert(15%) sepia(82%) saturate(6245%) hue-rotate(356deg) brightness(96%) contrast(125%);",
|
|
"invert(51%) sepia(16%) saturate(2006%) hue-rotate(312deg) brightness(100%) contrast(100%);",
|
|
"invert(97%) sepia(17%) saturate(5337%) hue-rotate(290deg) brightness(102%) contrast(100%);",
|
|
"invert(52%) sepia(70%) saturate(2785%) hue-rotate(146deg) brightness(99%) contrast(105%);",
|
|
"invert(84%) sepia(45%) saturate(4224%) hue-rotate(130deg) brightness(104%) contrast(103%);",
|
|
"invert(82%) sepia(59%) saturate(1110%) hue-rotate(159deg) brightness(108%) contrast(104%);",
|
|
"invert(85%) sepia(31%) saturate(483%) hue-rotate(158deg) brightness(104%) contrast(106%);",
|
|
"invert(99%) sepia(69%) saturate(147%) hue-rotate(166deg) brightness(109%) contrast(79%);",
|
|
"invert(17%) sepia(60%) saturate(5053%) hue-rotate(34deg) brightness(92%) contrast(101%);",
|
|
"invert(53%) sepia(81%) saturate(4073%) hue-rotate(357deg) brightness(97%) contrast(112%);",
|
|
"invert(66%) sepia(42%) saturate(573%) hue-rotate(326deg) brightness(101%) contrast(100%);",
|
|
"invert(92%) sepia(9%) saturate(2479%) hue-rotate(306deg) brightness(105%) contrast(101%);",
|
|
"invert(16%) sepia(70%) saturate(3568%) hue-rotate(195deg) brightness(95%) contrast(101%);",
|
|
"invert(45%) sepia(67%) saturate(5622%) hue-rotate(193deg) brightness(104%) contrast(104%);",
|
|
"invert(58%) sepia(74%) saturate(400%) hue-rotate(175deg) brightness(102%) contrast(102%);",
|
|
"invert(78%) sepia(13%) saturate(856%) hue-rotate(177deg) brightness(104%) contrast(104%);",
|
|
"invert(87%) sepia(0%) saturate(228%) hue-rotate(132deg) brightness(98%) contrast(66%);",
|
|
"invert(52%) sepia(87%) saturate(3669%) hue-rotate(24deg) brightness(93%) contrast(100%);",
|
|
"invert(63%) sepia(90%) saturate(1616%) hue-rotate(0deg) brightness(103%) contrast(105%);",
|
|
"invert(74%) sepia(67%) saturate(370%) hue-rotate(346deg) brightness(102%) contrast(101%);",
|
|
"invert(84%) sepia(32%) saturate(380%) hue-rotate(336deg) brightness(102%) contrast(106%);",
|
|
"invert(11%) sepia(62%) saturate(7483%) hue-rotate(240deg) brightness(61%) contrast(117%);",
|
|
"invert(13%) sepia(100%) saturate(4871%) hue-rotate(240deg) brightness(97%) contrast(143%);",
|
|
"invert(68%) sepia(71%) saturate(6691%) hue-rotate(218deg) brightness(103%) contrast(100%);",
|
|
"invert(76%) sepia(23%) saturate(1472%) hue-rotate(193deg) brightness(101%) contrast(103%);",
|
|
"invert(55%) sepia(0%) saturate(428%) hue-rotate(151deg) brightness(96%) contrast(89%);",
|
|
"invert(68%) sepia(42%) saturate(5979%) hue-rotate(24deg) brightness(97%) contrast(100%);",
|
|
"invert(93%) sepia(14%) saturate(7042%) hue-rotate(356deg) brightness(103%) contrast(106%);",
|
|
"invert(95%) sepia(23%) saturate(7492%) hue-rotate(1deg) brightness(107%) contrast(100%);",
|
|
"invert(94%) sepia(94%) saturate(558%) hue-rotate(350deg) brightness(104%) contrast(107%);",
|
|
"invert(15%) sepia(60%) saturate(5776%) hue-rotate(260deg) brightness(54%) contrast(123%);",
|
|
"invert(17%) sepia(93%) saturate(5007%) hue-rotate(257deg) brightness(95%) contrast(157%);",
|
|
"invert(46%) sepia(50%) saturate(3860%) hue-rotate(233deg) brightness(101%) contrast(102%);",
|
|
"invert(71%) sepia(12%) saturate(1421%) hue-rotate(213deg) brightness(103%) contrast(102%);",
|
|
"invert(29%) sepia(2%) saturate(0%) hue-rotate(226deg) brightness(99%) contrast(86%);",
|
|
"invert(41%) sepia(97%) saturate(1327%) hue-rotate(66deg) brightness(94%) contrast(103%);",
|
|
"invert(66%) sepia(70%) saturate(1886%) hue-rotate(40deg) brightness(97%) contrast(102%);",
|
|
"invert(75%) sepia(98%) saturate(877%) hue-rotate(24deg) brightness(107%) contrast(105%);",
|
|
"invert(86%) sepia(25%) saturate(644%) hue-rotate(29deg) brightness(105%) contrast(103%);",
|
|
"invert(16%) sepia(49%) saturate(6851%) hue-rotate(281deg) brightness(59%) contrast(114%);",
|
|
"invert(14%) sepia(97%) saturate(4833%) hue-rotate(282deg) brightness(102%) contrast(125%);",
|
|
"invert(60%) sepia(34%) saturate(5439%) hue-rotate(240deg) brightness(96%) contrast(109%);",
|
|
"invert(79%) sepia(50%) saturate(779%) hue-rotate(200deg) brightness(99%) contrast(106%);",
|
|
"invert(0%) sepia(9%) saturate(62%) hue-rotate(43deg) brightness(108%) contrast(73%);",
|
|
"invert(17%) sepia(45%) saturate(5456%) hue-rotate(101deg) brightness(100%) contrast(104%);",
|
|
"invert(42%) sepia(53%) saturate(3615%) hue-rotate(93deg) brightness(104%) contrast(107%);",
|
|
"invert(50%) sepia(63%) saturate(3097%) hue-rotate(88deg) brightness(124%) contrast(125%);",
|
|
"invert(74%) sepia(96%) saturate(217%) hue-rotate(70deg) brightness(101%) contrast(101%);",
|
|
"invert(17%) sepia(44%) saturate(7325%) hue-rotate(313deg) brightness(65%) contrast(109%);",
|
|
"invert(13%) sepia(81%) saturate(7488%) hue-rotate(318deg) brightness(104%) contrast(102%);",
|
|
"invert(60%) sepia(84%) saturate(2326%) hue-rotate(293deg) brightness(102%) contrast(100%);",
|
|
"invert(88%) sepia(96%) saturate(1040%) hue-rotate(281deg) brightness(104%) contrast(106%);",
|
|
"invert(0%);"
|
|
};
|
|
|
|
|
|
private static 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"
|
|
};
|
|
|
|
private static readonly string[] NotePositionStrings = { "-5", "-4", "-3", "-2", "-1", "0", "+1", "+2", "+3", "+4", "+5" };
|
|
|
|
private static readonly string[] ToneStrings =
|
|
{
|
|
"Taiko", "Festival", "Dogs & Cats", "Deluxe",
|
|
"Drumset", "Tambourine", "Don Wada", "Clapping",
|
|
"Conga", "8-Bit", "Heave-ho", "Mecha",
|
|
"Bujain", "Rap", "Hosogai", "Akemi",
|
|
"Synth Drum", "Shuriken", "Bubble Pop", "Electric Guitar"
|
|
};
|
|
|
|
private static readonly string[] LanguageStrings =
|
|
{
|
|
"Japanese", "English", "Chinese (Traditional)", "Korean", "Chinese (Simplified)"
|
|
};
|
|
|
|
private static readonly string[] TitlePlateStrings =
|
|
{
|
|
"Wood", "Rainbow", "Gold", "Purple",
|
|
"AI 1", "AI 2", "AI 3", "AI 4"
|
|
};
|
|
|
|
private static readonly string[] DifficultySettingCourseStrings =
|
|
{
|
|
"None", "Set up each time",
|
|
"Easy", "Normal", "Hard", "Oni", "Ura Oni"
|
|
};
|
|
|
|
private static readonly string[] DifficultySettingStarStrings =
|
|
{
|
|
"None", "Set up each time",
|
|
"1", "2", "3", "4", "5", "6", "7", "8", "9", "10"
|
|
};
|
|
|
|
private static readonly string[] DifficultySettingSortStrings =
|
|
{
|
|
"None", "Set up each time", "Default",
|
|
"Not cleared", "Not Full Combo", "Not Donderful Combo"
|
|
};
|
|
|
|
private readonly List<BreadcrumbItem> breadcrumbs = new()
|
|
{
|
|
new BreadcrumbItem("Users", href: "/Users"),
|
|
};
|
|
|
|
private List<int> costumeFlagArraySizes = new();
|
|
|
|
private List<uint> unlockedHeadCostumes = new();
|
|
private List<uint> unlockedBodyCostumes = new();
|
|
private List<uint> unlockedFaceCostumes = new();
|
|
private List<uint> unlockedKigurumiCostumes = new();
|
|
private List<uint> unlockedPuchiCostumes = new();
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
await base.OnInitializedAsync();
|
|
isSavingOptions = false;
|
|
response = await Client.GetFromJsonAsync<UserSetting>($"api/UserSettings/{Baid}");
|
|
|
|
breadcrumbs.Add(new BreadcrumbItem($"User: {Baid}", href: null, disabled: true));
|
|
breadcrumbs.Add(new BreadcrumbItem("Profile", href: $"/Users/{Baid}/Profile", disabled: false));
|
|
|
|
if (response != null)
|
|
{
|
|
unlockedHeadCostumes = response.UnlockedHead.Distinct().OrderBy(x => x).ToList();
|
|
unlockedBodyCostumes = response.UnlockedBody.Distinct().OrderBy(x => x).ToList();
|
|
unlockedFaceCostumes = response.UnlockedFace.Distinct().OrderBy(x => x).ToList();
|
|
unlockedKigurumiCostumes = response.UnlockedKigurumi.Distinct().OrderBy(x => x).ToList();
|
|
unlockedPuchiCostumes = response.UnlockedPuchi.Distinct().OrderBy(x => x).ToList();
|
|
}
|
|
|
|
costumeFlagArraySizes = GameDataService.GetCostumeFlagArraySizes();
|
|
}
|
|
|
|
private async Task SaveOptions()
|
|
{
|
|
isSavingOptions = true;
|
|
await Client.PostAsJsonAsync($"api/UserSettings/{Baid}", response);
|
|
isSavingOptions = false;
|
|
}
|
|
|
|
public static string ImageOrDefault(string file, uint id, string defaultfile)
|
|
{
|
|
var path = "/images/Costumes/";
|
|
var filename = file + "-" + id.ToString().PadLeft(4, '0');
|
|
var imagePath = path + filename + ".png";
|
|
var imageSrc = Masks.Contains(filename) ? imagePath : path + defaultfile + ".png";
|
|
return imageSrc;
|
|
}
|
|
|
|
private async Task OpenChooseTitleDialog()
|
|
{
|
|
var options = new DialogOptions
|
|
{
|
|
//CloseButton = false,
|
|
CloseOnEscapeKey = false,
|
|
DisableBackdropClick = true,
|
|
MaxWidth = MaxWidth.Medium,
|
|
FullWidth = true
|
|
};
|
|
var parameters = new DialogParameters<ChooseTitleDialog>
|
|
{
|
|
{x => x.UserSetting, response},
|
|
{x => x.AllowFreeProfileEditing, LoginService.AllowFreeProfileEditing}
|
|
};
|
|
var dialog = DialogService.Show<ChooseTitleDialog>("Player Titles", parameters, options);
|
|
var result = await dialog.Result;
|
|
if (!result.Canceled)
|
|
{
|
|
StateHasChanged();
|
|
}
|
|
}
|
|
} |