Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 6d486f49
|
3b165de7a9 | ||
 JonathanMcCaffrey
|
814f3a3858 | ||
|
JonathanMcCaffrey
|
7c00c14d9e | ||
|
JonathanMcCaffrey
|
9323e7a1a6 | ||
|
JonathanMcCaffrey
|
0c820ac973 | ||
|
JonathanMcCaffrey
|
02cae92797 | ||
|
JonathanMcCaffrey
|
c1f041b4f6 | ||
|
JonathanMcCaffrey
|
2625992014 | ||
|
JonathanMcCaffrey
|
377a041afa | ||
|
JonathanMcCaffrey
|
6e58c63082 |
@@ -1,12 +0,0 @@
|
|||||||
{
|
|
||||||
"profiles": {
|
|
||||||
"API": {
|
|
||||||
"commandName": "Project",
|
|
||||||
"launchBrowser": true,
|
|
||||||
"environmentVariables": {
|
|
||||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
|
||||||
},
|
|
||||||
"applicationUrl": "https://localhost:63192;http://localhost:63193"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,145 +0,0 @@
|
|||||||
@implements IDisposable
|
|
||||||
|
|
||||||
<div class="cooldown-wrap" style="--cooldown-size: @(Size)px">
|
|
||||||
<button class="cooldown-btn"
|
|
||||||
disabled="@_isCooldown"
|
|
||||||
@onclick="HandleClick"
|
|
||||||
@onclick:preventDefault="_isCooldown">
|
|
||||||
<span class="cooldown-btn-text">@ChildContent</span>
|
|
||||||
</button>
|
|
||||||
@if (_isCooldown)
|
|
||||||
{
|
|
||||||
<div class="cooldown-overlay" style="--angle: @(_elapsedAngle)deg">
|
|
||||||
<span class="cooldown-label">@_remainingSeconds</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.cooldown-wrap {
|
|
||||||
position: relative;
|
|
||||||
display: inline-flex;
|
|
||||||
width: var(--cooldown-size, 120px);
|
|
||||||
height: var(--cooldown-size, 120px);
|
|
||||||
}
|
|
||||||
.cooldown-btn {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border: 2px solid var(--primary);
|
|
||||||
border-radius: 12px;
|
|
||||||
background: var(--paper);
|
|
||||||
color: var(--text-primary, #eee);
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: background 0.15s, border-color 0.15s;
|
|
||||||
line-height: 1.3;
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
.cooldown-btn:hover:not(:disabled) {
|
|
||||||
background: var(--paper-hover);
|
|
||||||
border-color: var(--primary-hover);
|
|
||||||
}
|
|
||||||
.cooldown-btn:active:not(:disabled) {
|
|
||||||
transform: scale(0.97);
|
|
||||||
}
|
|
||||||
.cooldown-btn:disabled {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
.cooldown-btn-text {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.cooldown-overlay {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
border-radius: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
pointer-events: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.cooldown-overlay::before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
border-radius: inherit;
|
|
||||||
background: rgba(22, 22, 24, 0.45);
|
|
||||||
mask-image: conic-gradient(transparent 0deg, transparent var(--angle), #000 var(--angle), #000 360deg);
|
|
||||||
-webkit-mask-image: conic-gradient(transparent 0deg, transparent var(--angle), #000 var(--angle), #000 360deg);
|
|
||||||
}
|
|
||||||
.cooldown-label {
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 900;
|
|
||||||
color: #999;
|
|
||||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
|
||||||
pointer-events: none;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
[Parameter] public RenderFragment? ChildContent { get; set; }
|
|
||||||
[Parameter] public EventCallback OnClick { get; set; }
|
|
||||||
[Parameter] public int CooldownSeconds { get; set; } = 12;
|
|
||||||
[Parameter] public int Size { get; set; } = 120;
|
|
||||||
|
|
||||||
private bool _isCooldown;
|
|
||||||
private int _elapsedAngle;
|
|
||||||
private int _remainingSeconds;
|
|
||||||
private DateTime _startTime;
|
|
||||||
private System.Timers.Timer? _timer;
|
|
||||||
|
|
||||||
private async Task HandleClick()
|
|
||||||
{
|
|
||||||
if (_isCooldown) return;
|
|
||||||
await OnClick.InvokeAsync(null);
|
|
||||||
StartCooldown();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void StartCooldown()
|
|
||||||
{
|
|
||||||
_isCooldown = true;
|
|
||||||
_startTime = DateTime.UtcNow;
|
|
||||||
_elapsedAngle = 0;
|
|
||||||
_remainingSeconds = CooldownSeconds;
|
|
||||||
|
|
||||||
_timer = new System.Timers.Timer(33);
|
|
||||||
_timer.Elapsed += OnTick;
|
|
||||||
_timer.AutoReset = true;
|
|
||||||
_timer.Enabled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void OnTick(object? sender, System.Timers.ElapsedEventArgs e)
|
|
||||||
{
|
|
||||||
var elapsed = (DateTime.UtcNow - _startTime).TotalSeconds;
|
|
||||||
if (elapsed >= CooldownSeconds)
|
|
||||||
{
|
|
||||||
_isCooldown = false;
|
|
||||||
_timer?.Stop();
|
|
||||||
_timer?.Dispose();
|
|
||||||
_timer = null;
|
|
||||||
InvokeAsync(StateHasChanged);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
_elapsedAngle = (int)(elapsed / CooldownSeconds * 360);
|
|
||||||
_remainingSeconds = CooldownSeconds - (int)elapsed;
|
|
||||||
InvokeAsync(StateHasChanged);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void Dispose()
|
|
||||||
{
|
|
||||||
if (_timer != null)
|
|
||||||
{
|
|
||||||
_timer.Stop();
|
|
||||||
_timer.Dispose();
|
|
||||||
_timer = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -7,7 +7,15 @@
|
|||||||
<i class="fa-solid fa-magnifying-glass" style="margin-left: 3px; margin-right: 6px;"></i> Search...
|
<i class="fa-solid fa-magnifying-glass" style="margin-left: 3px; margin-right: 6px;"></i> Search...
|
||||||
</div>
|
</div>
|
||||||
<div class="searchHotkey">
|
<div class="searchHotkey">
|
||||||
<span>/</span>
|
@if (IsMac)
|
||||||
|
{
|
||||||
|
<span><i class="fa-solid fa-command"></i>K</span>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<span>CTRL + K</span>
|
||||||
|
}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
@@ -43,6 +51,8 @@
|
|||||||
|
|
||||||
private string _userAgent = "";
|
private string _userAgent = "";
|
||||||
|
|
||||||
|
bool IsMac => _userAgent.Contains("Mac OS");
|
||||||
|
|
||||||
private void ButtonClicked(EventArgs eventArgs)
|
private void ButtonClicked(EventArgs eventArgs)
|
||||||
{
|
{
|
||||||
SearchService.Show();
|
SearchService.Show();
|
||||||
|
|||||||
@@ -1,17 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
|
||||||
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
|
||||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
|
||||||
xmlns:local="clr-namespace:Hybrid"
|
|
||||||
x:Class="Hybrid.App">
|
|
||||||
<Application.Resources>
|
|
||||||
<ResourceDictionary>
|
|
||||||
|
|
||||||
<!--
|
|
||||||
For information about styling .NET MAUI pages
|
|
||||||
please refer to the documentation:
|
|
||||||
https://go.microsoft.com/fwlink/?linkid=2282329
|
|
||||||
-->
|
|
||||||
|
|
||||||
</ResourceDictionary>
|
|
||||||
</Application.Resources>
|
|
||||||
</Application>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
public partial class App : Application
|
|
||||||
{
|
|
||||||
public App()
|
|
||||||
{
|
|
||||||
InitializeComponent();
|
|
||||||
}
|
|
||||||
|
|
||||||
protected override Window CreateWindow(IActivationState? activationState)
|
|
||||||
{
|
|
||||||
return new Window(new MainPage()) { Title = "Hybrid" };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
@inherits LayoutComponentBase
|
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="sidebar">
|
|
||||||
<NavMenu/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<div class="top-row px-4">
|
|
||||||
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article class="content px-4">
|
|
||||||
@Body
|
|
||||||
</article>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
.page {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
flex: 1;
|
|
||||||
padding-bottom: env(safe-area-inset-bottom, 0px);
|
|
||||||
padding-right: env(safe-area-inset-right, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row {
|
|
||||||
padding-right: env(safe-area-inset-right, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row {
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border-bottom: 1px solid #d6d5d5;
|
|
||||||
justify-content: flex-end;
|
|
||||||
height: 3.5rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row ::deep a, .top-row ::deep .btn-link {
|
|
||||||
white-space: nowrap;
|
|
||||||
margin-left: 1.5rem;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row ::deep a:first-child {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 640.98px) {
|
|
||||||
.top-row {
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row ::deep a, .top-row ::deep .btn-link {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 641px) {
|
|
||||||
.page {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
width: 250px;
|
|
||||||
height: 100vh;
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row {
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row.auth ::deep a:first-child {
|
|
||||||
flex: 1;
|
|
||||||
text-align: right;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row, article {
|
|
||||||
padding-left: 2rem !important;
|
|
||||||
padding-right: 1.5rem !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<div class="top-row ps-3 navbar navbar-dark">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<a class="navbar-brand" href="">Hybrid</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<input type="checkbox" title="Navigation menu" class="navbar-toggler"/>
|
|
||||||
|
|
||||||
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
|
|
||||||
<nav class="nav flex-column">
|
|
||||||
<div class="nav-item px-3">
|
|
||||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
|
||||||
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
|
|
||||||
</NavLink>
|
|
||||||
</div>
|
|
||||||
<div class="nav-item px-3">
|
|
||||||
<NavLink class="nav-link" href="database">
|
|
||||||
<span class="bi bi-database-fill-nav-menu" aria-hidden="true"></span> Database
|
|
||||||
</NavLink>
|
|
||||||
</div>
|
|
||||||
<div class="nav-item px-3">
|
|
||||||
<NavLink class="nav-link" href="counter">
|
|
||||||
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
|
|
||||||
</NavLink>
|
|
||||||
</div>
|
|
||||||
<div class="nav-item px-3">
|
|
||||||
<NavLink class="nav-link" href="weather">
|
|
||||||
<span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
|
|
||||||
</NavLink>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
@@ -1,106 +0,0 @@
|
|||||||
.navbar-toggler {
|
|
||||||
appearance: none;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 3.5rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
color: white;
|
|
||||||
position: absolute;
|
|
||||||
top: 0.5rem;
|
|
||||||
right: 1rem;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler:checked {
|
|
||||||
background-color: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row {
|
|
||||||
min-height: 3.5rem;
|
|
||||||
background-color: rgba(0,0,0,0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
padding-left: env(safe-area-inset-left, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bi {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
margin-right: 0.75rem;
|
|
||||||
top: -1px;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bi-house-door-fill-nav-menu {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
|
|
||||||
.bi-plus-square-fill-nav-menu {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
|
|
||||||
.bi-list-nested-nav-menu {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item:first-of-type {
|
|
||||||
padding-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item:last-of-type {
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item ::deep .nav-link {
|
|
||||||
color: #d7d7d7;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
height: 3rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
line-height: 3rem;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item ::deep a.active {
|
|
||||||
background-color: rgba(255,255,255,0.37);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item ::deep .nav-link:hover {
|
|
||||||
background-color: rgba(255,255,255,0.1);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-scrollable {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler:checked ~ .nav-scrollable {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 641px) {
|
|
||||||
.navbar-toggler {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-scrollable {
|
|
||||||
/* Never collapse the sidebar for wide screens */
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
/* Allow sidebar to scroll for tall menus */
|
|
||||||
height: calc(100vh - 3.5rem);
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
@page "/counter"
|
|
||||||
|
|
||||||
<h1>Counter</h1>
|
|
||||||
|
|
||||||
<p role="status">Current count: @currentCount</p>
|
|
||||||
|
|
||||||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private int currentCount = 0;
|
|
||||||
|
|
||||||
private void IncrementCount()
|
|
||||||
{
|
|
||||||
currentCount++;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,191 +0,0 @@
|
|||||||
@page "/database"
|
|
||||||
@using Model.Entity
|
|
||||||
@using Model.Entity.Data
|
|
||||||
@using Model.Entity.Parts
|
|
||||||
|
|
||||||
<PageTitle>Database</PageTitle>
|
|
||||||
|
|
||||||
<div class="container-fluid py-3">
|
|
||||||
<h1 class="mb-3">Database</h1>
|
|
||||||
|
|
||||||
<div class="card mb-4 shadow-sm filters-card">
|
|
||||||
<div class="card-body">
|
|
||||||
<div class="row g-3 align-items-end">
|
|
||||||
<div class="col-12 col-md-6 col-lg-4">
|
|
||||||
<label for="factionSelect" class="form-label fw-semibold">Faction</label>
|
|
||||||
<select id="factionSelect" class="form-select" @bind="selectedFaction" @bind:after="OnFactionChanged">
|
|
||||||
<option value="@DataType.Any">Any</option>
|
|
||||||
<option value="@DataType.FACTION_QRath">Q'Rath</option>
|
|
||||||
<option value="@DataType.FACTION_Aru">Aru</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-md-6 col-lg-4">
|
|
||||||
<label for="immortalSelect" class="form-label fw-semibold">Immortal</label>
|
|
||||||
<select id="immortalSelect" class="form-select" @bind="selectedImmortal" @bind:after="OnImmortalChanged">
|
|
||||||
<option value="@DataType.Any">Any</option>
|
|
||||||
@foreach (var choice in immortalChoices)
|
|
||||||
{
|
|
||||||
<option value="@choice.Key">@choice.Name</option>
|
|
||||||
}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="mt-2 text-muted small">
|
|
||||||
Showing @filteredEntities.Count @(filteredEntities.Count == 1 ? "entity" : "entities")
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row g-3">
|
|
||||||
@foreach (var entity in filteredEntities)
|
|
||||||
{
|
|
||||||
<div class="col-12 col-sm-6 col-lg-4 col-xl-3">
|
|
||||||
<div class="card h-100 shadow-sm entity-card">
|
|
||||||
<div class="card-body d-flex flex-column">
|
|
||||||
<div class="d-flex justify-content-between align-items-start mb-2 gap-2">
|
|
||||||
<h5 class="card-title mb-0 text-break">@entity.Info().Name</h5>
|
|
||||||
@{
|
|
||||||
var vanguard = entity.VanguardAdded();
|
|
||||||
if (vanguard != null)
|
|
||||||
{
|
|
||||||
<span class="immortal-badge">@(EntityData.Get().TryGetValue(vanguard!.ImmortalId, out var imm) ? imm.Info().Name : "")</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
<h6 class="card-subtitle mb-2">
|
|
||||||
<span class="badge bg-secondary me-1">@entity.EntityType.Replace("_", " ")</span>
|
|
||||||
@if (entity.Faction() != null)
|
|
||||||
{
|
|
||||||
<span class="badge bg-dark-subtle text-dark-emphasis">@(EntityData.Get().TryGetValue(entity.Faction().Faction, out var fac) ? fac.Info().Name : "")</span>
|
|
||||||
}
|
|
||||||
</h6>
|
|
||||||
@if (!string.IsNullOrEmpty(entity.Info().Description))
|
|
||||||
{
|
|
||||||
<p class="card-text flex-grow-1 small">
|
|
||||||
@(entity.Info().Description.Length > 120
|
|
||||||
? entity.Info().Description[..117] + "..."
|
|
||||||
: entity.Info().Description)
|
|
||||||
</p>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (filteredEntities.Count == 0)
|
|
||||||
{
|
|
||||||
<div class="alert alert-info mt-3" role="alert">No entities match the selected filters.</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.filters-card {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.125);
|
|
||||||
}
|
|
||||||
|
|
||||||
.entity-card {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.125);
|
|
||||||
transition: box-shadow 0.15s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entity-card:hover {
|
|
||||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.immortal-badge {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0.25em 0.65em;
|
|
||||||
font-size: 0.75em;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1;
|
|
||||||
color: #000;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: baseline;
|
|
||||||
border-radius: 0.375rem;
|
|
||||||
background-color: #cff4fc;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private string selectedFaction = DataType.Any;
|
|
||||||
private string selectedImmortal = DataType.Any;
|
|
||||||
private List<ImmortalChoice> immortalChoices = new();
|
|
||||||
|
|
||||||
private List<EntityModel> allEntities = new();
|
|
||||||
private List<EntityModel> filteredEntities = new();
|
|
||||||
|
|
||||||
protected override void OnInitialized()
|
|
||||||
{
|
|
||||||
allEntities = EntityModel.GetList()
|
|
||||||
.Where(e => !e.IsSpeculative)
|
|
||||||
.ToList();
|
|
||||||
RefreshImmortalChoices();
|
|
||||||
ApplyFilters();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void OnFactionChanged()
|
|
||||||
{
|
|
||||||
if (selectedFaction != DataType.FACTION_QRath && selectedFaction != DataType.FACTION_Aru)
|
|
||||||
{
|
|
||||||
selectedFaction = DataType.Any;
|
|
||||||
}
|
|
||||||
selectedImmortal = DataType.Any;
|
|
||||||
RefreshImmortalChoices();
|
|
||||||
ApplyFilters();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void OnImmortalChanged()
|
|
||||||
{
|
|
||||||
ApplyFilters();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void RefreshImmortalChoices()
|
|
||||||
{
|
|
||||||
immortalChoices.Clear();
|
|
||||||
|
|
||||||
if (selectedFaction == DataType.FACTION_QRath || selectedFaction == DataType.Any)
|
|
||||||
{
|
|
||||||
AddImmortalChoice(DataType.IMMORTAL_Orzum);
|
|
||||||
AddImmortalChoice(DataType.IMMORTAL_Ajari);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (selectedFaction == DataType.FACTION_Aru || selectedFaction == DataType.Any)
|
|
||||||
{
|
|
||||||
AddImmortalChoice(DataType.IMMORTAL_Atzlan);
|
|
||||||
AddImmortalChoice(DataType.IMMORTAL_Mala);
|
|
||||||
AddImmortalChoice(DataType.IMMORTAL_Xol);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void AddImmortalChoice(string id)
|
|
||||||
{
|
|
||||||
var name = EntityData.Get().TryGetValue(id, out var model)
|
|
||||||
? model.Info().Name
|
|
||||||
: id.Replace("IMMORTAL_", "");
|
|
||||||
immortalChoices.Add(new ImmortalChoice(id, name));
|
|
||||||
}
|
|
||||||
|
|
||||||
private void ApplyFilters()
|
|
||||||
{
|
|
||||||
var query = allEntities.AsEnumerable();
|
|
||||||
|
|
||||||
if (selectedFaction != DataType.Any)
|
|
||||||
{
|
|
||||||
query = query.Where(e =>
|
|
||||||
e.Faction() != null && e.Faction().Faction == selectedFaction);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (selectedImmortal != DataType.Any)
|
|
||||||
{
|
|
||||||
query = query.Where(e =>
|
|
||||||
e.VanguardAdded() != null && e.VanguardAdded().ImmortalId == selectedImmortal);
|
|
||||||
}
|
|
||||||
|
|
||||||
filteredEntities = query.OrderBy(e => e.Info().Name).ToList();
|
|
||||||
}
|
|
||||||
|
|
||||||
private record ImmortalChoice(string Key, string Name);
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
@page "/"
|
|
||||||
|
|
||||||
<h1>Hello, world!</h1>
|
|
||||||
|
|
||||||
Welcome to your new app.
|
|
||||||
|
|
||||||
<ButtonComponent>Test</ButtonComponent>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
@page "/not-found"
|
|
||||||
@layout MainLayout
|
|
||||||
|
|
||||||
<h3>Not Found</h3>
|
|
||||||
<p>Sorry, the content you are looking for does not exist.</p>
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
@page "/weather"
|
|
||||||
|
|
||||||
<h1>Weather</h1>
|
|
||||||
|
|
||||||
<p>This component demonstrates showing data.</p>
|
|
||||||
|
|
||||||
@if (forecasts == null)
|
|
||||||
{
|
|
||||||
<p>
|
|
||||||
<em>Loading...</em>
|
|
||||||
</p>
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<table class="table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Date</th>
|
|
||||||
<th aria-label="Temperature in Celsius">Temp. (C)</th>
|
|
||||||
<th aria-label="Temperature in Fahrenheit">Temp. (F)</th>
|
|
||||||
<th>Summary</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
@foreach (var forecast in forecasts)
|
|
||||||
{
|
|
||||||
<tr>
|
|
||||||
<td>@forecast.Date.ToShortDateString()</td>
|
|
||||||
<td>@forecast.TemperatureC</td>
|
|
||||||
<td>@forecast.TemperatureF</td>
|
|
||||||
<td>@forecast.Summary</td>
|
|
||||||
</tr>
|
|
||||||
}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
}
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private WeatherForecast[]? forecasts;
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
// Simulate asynchronous loading to demonstrate a loading indicator
|
|
||||||
await Task.Delay(500);
|
|
||||||
|
|
||||||
var startDate = DateOnly.FromDateTime(DateTime.Now);
|
|
||||||
var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
|
|
||||||
forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast
|
|
||||||
{
|
|
||||||
Date = startDate.AddDays(index),
|
|
||||||
TemperatureC = Random.Shared.Next(-20, 55),
|
|
||||||
Summary = summaries[Random.Shared.Next(summaries.Length)]
|
|
||||||
}).ToArray();
|
|
||||||
}
|
|
||||||
|
|
||||||
private class WeatherForecast
|
|
||||||
{
|
|
||||||
public DateOnly Date { get; set; }
|
|
||||||
public int TemperatureC { get; set; }
|
|
||||||
public string? Summary { get; set; }
|
|
||||||
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<Router AppAssembly="typeof(MauiProgram).Assembly" NotFoundPage="typeof(Pages.NotFound)">
|
|
||||||
<Found Context="routeData">
|
|
||||||
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)"/>
|
|
||||||
<FocusOnNavigate RouteData="routeData" Selector="h1"/>
|
|
||||||
</Found>
|
|
||||||
</Router>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
@using System.Net.Http
|
|
||||||
@using System.Net.Http.Json
|
|
||||||
@using Microsoft.AspNetCore.Components.Forms
|
|
||||||
@using Microsoft.AspNetCore.Components.Routing
|
|
||||||
@using Microsoft.AspNetCore.Components.Web
|
|
||||||
@using Microsoft.AspNetCore.Components.Web.Virtualization
|
|
||||||
@using Microsoft.JSInterop
|
|
||||||
@using Hybrid
|
|
||||||
@using Hybrid.Components
|
|
||||||
@using Hybrid.Components.Layout
|
|
||||||
@using global::Components.Inputs
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
<Project Sdk="Microsoft.NET.Sdk.Razor">
|
|
||||||
|
|
||||||
<PropertyGroup>
|
|
||||||
<TargetFrameworks>net10.0-android</TargetFrameworks>
|
|
||||||
<TargetFrameworks Condition="!$([MSBuild]::IsOSPlatform('linux'))">$(TargetFrameworks);net10.0-ios;net10.0-maccatalyst</TargetFrameworks>
|
|
||||||
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net10.0-windows10.0.19041.0</TargetFrameworks>
|
|
||||||
|
|
||||||
<!-- Note for MacCatalyst:
|
|
||||||
The default runtime is maccatalyst-x64, except in Release config, in which case the default is maccatalyst-x64;maccatalyst-arm64.
|
|
||||||
When specifying both architectures, use the plural <RuntimeIdentifiers> instead of the singular <RuntimeIdentifier>.
|
|
||||||
The Mac App Store will NOT accept apps with ONLY maccatalyst-arm64 indicated;
|
|
||||||
either BOTH runtimes must be indicated or ONLY macatalyst-x64. -->
|
|
||||||
<!-- For example: <RuntimeIdentifiers>maccatalyst-x64;maccatalyst-arm64</RuntimeIdentifiers> -->
|
|
||||||
|
|
||||||
<OutputType>Exe</OutputType>
|
|
||||||
<RootNamespace>Hybrid</RootNamespace>
|
|
||||||
<UseMaui>true</UseMaui>
|
|
||||||
<SingleProject>true</SingleProject>
|
|
||||||
<ImplicitUsings>enable</ImplicitUsings>
|
|
||||||
<EnableDefaultCssItems>false</EnableDefaultCssItems>
|
|
||||||
<Nullable>enable</Nullable>
|
|
||||||
|
|
||||||
<!-- Enable XAML source generation for faster build times and improved performance.
|
|
||||||
This generates C# code from XAML at compile time instead of runtime inflation.
|
|
||||||
To disable, remove this line.
|
|
||||||
For individual files, you can override by setting Inflator metadata:
|
|
||||||
<MauiXaml Update="MyPage.xaml" Inflator="Default" /> (reverts to defaults: Runtime for Debug, XamlC for Release)
|
|
||||||
<MauiXaml Update="MyPage.xaml" Inflator="Runtime" /> (force runtime inflation) -->
|
|
||||||
<MauiXamlInflator>SourceGen</MauiXamlInflator>
|
|
||||||
|
|
||||||
<!-- Display name -->
|
|
||||||
<ApplicationTitle>Hybrid</ApplicationTitle>
|
|
||||||
|
|
||||||
<!-- App Identifier -->
|
|
||||||
<ApplicationId>com.companyname.hybrid</ApplicationId>
|
|
||||||
|
|
||||||
<!-- Versions -->
|
|
||||||
<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
|
|
||||||
<ApplicationVersion>1</ApplicationVersion>
|
|
||||||
|
|
||||||
<!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
|
|
||||||
<WindowsPackageType>None</WindowsPackageType>
|
|
||||||
|
|
||||||
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">15.0</SupportedOSPlatformVersion>
|
|
||||||
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">15.0</SupportedOSPlatformVersion>
|
|
||||||
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">24.0</SupportedOSPlatformVersion>
|
|
||||||
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
|
|
||||||
<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
|
|
||||||
</PropertyGroup>
|
|
||||||
|
|
||||||
<ItemGroup>
|
|
||||||
<!-- App Icon -->
|
|
||||||
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
|
|
||||||
|
|
||||||
<!-- Splash Screen -->
|
|
||||||
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
|
|
||||||
|
|
||||||
<!-- Images -->
|
|
||||||
<MauiImage Include="Resources\Images\*" />
|
|
||||||
<MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<MauiFont Include="Resources\Fonts\*" />
|
|
||||||
|
|
||||||
<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
|
|
||||||
<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
|
|
||||||
</ItemGroup>
|
|
||||||
|
|
||||||
<ItemGroup>
|
|
||||||
<PackageReference Include="Microsoft.Maui.Controls" Version="$(MauiVersion)" />
|
|
||||||
<PackageReference Include="Microsoft.AspNetCore.Components.WebView.Maui" Version="$(MauiVersion)" />
|
|
||||||
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="10.0.0" />
|
|
||||||
</ItemGroup>
|
|
||||||
|
|
||||||
<ItemGroup>
|
|
||||||
<ProjectReference Include="..\Components\Components.csproj" />
|
|
||||||
<ProjectReference Include="..\Model\Model.csproj" />
|
|
||||||
<ProjectReference Include="..\Services\Services.csproj" />
|
|
||||||
</ItemGroup>
|
|
||||||
|
|
||||||
</Project>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" ?>
|
|
||||||
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
|
||||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
|
||||||
xmlns:local="clr-namespace:Hybrid"
|
|
||||||
xmlns:components="clr-namespace:Hybrid.Components"
|
|
||||||
x:Class="Hybrid.MainPage">
|
|
||||||
|
|
||||||
<BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html">
|
|
||||||
<BlazorWebView.RootComponents>
|
|
||||||
<RootComponent Selector="#app" ComponentType="{x:Type components:Routes}" />
|
|
||||||
</BlazorWebView.RootComponents>
|
|
||||||
</BlazorWebView>
|
|
||||||
|
|
||||||
</ContentPage>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
public partial class MainPage : ContentPage
|
|
||||||
{
|
|
||||||
public MainPage()
|
|
||||||
{
|
|
||||||
InitializeComponent();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
using Microsoft.Extensions.Logging;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
public static class MauiProgram
|
|
||||||
{
|
|
||||||
public static MauiApp CreateMauiApp()
|
|
||||||
{
|
|
||||||
var builder = MauiApp.CreateBuilder();
|
|
||||||
builder
|
|
||||||
.UseMauiApp<App>()
|
|
||||||
.ConfigureFonts(fonts => { fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); });
|
|
||||||
|
|
||||||
builder.Services.AddMauiBlazorWebView();
|
|
||||||
|
|
||||||
#if DEBUG
|
|
||||||
builder.Services.AddBlazorWebViewDeveloperTools();
|
|
||||||
builder.Logging.AddDebug();
|
|
||||||
#endif
|
|
||||||
|
|
||||||
return builder.Build();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
|
||||||
<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
|
|
||||||
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
|
|
||||||
<uses-permission android:name="android.permission.INTERNET" />
|
|
||||||
</manifest>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
using Android.App;
|
|
||||||
using Android.Content.PM;
|
|
||||||
using Android.OS;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true,
|
|
||||||
ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode |
|
|
||||||
ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
|
|
||||||
public class MainActivity : MauiAppCompatActivity
|
|
||||||
{
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
using Android.App;
|
|
||||||
using Android.Runtime;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
[Application]
|
|
||||||
public class MainApplication : MauiApplication
|
|
||||||
{
|
|
||||||
public MainApplication(IntPtr handle, JniHandleOwnership ownership)
|
|
||||||
: base(handle, ownership)
|
|
||||||
{
|
|
||||||
}
|
|
||||||
|
|
||||||
protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<resources>
|
|
||||||
<color name="colorPrimary">#512BD4</color>
|
|
||||||
<color name="colorPrimaryDark">#2B0B98</color>
|
|
||||||
<color name="colorAccent">#2B0B98</color>
|
|
||||||
</resources>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
using Foundation;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
[Register("AppDelegate")]
|
|
||||||
public class AppDelegate : MauiUIApplicationDelegate
|
|
||||||
{
|
|
||||||
protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<!-- See https://aka.ms/maui-publish-app-store#add-entitlements for more information about adding entitlements.-->
|
|
||||||
<dict>
|
|
||||||
<!-- App Sandbox must be enabled to distribute a MacCatalyst app through the Mac App Store. -->
|
|
||||||
<key>com.apple.security.app-sandbox</key>
|
|
||||||
<true/>
|
|
||||||
<!-- When App Sandbox is enabled, this value is required to open outgoing network connections. -->
|
|
||||||
<key>com.apple.security.network.client</key>
|
|
||||||
<true/>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
||||||
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<dict>
|
|
||||||
<!-- The Mac App Store requires you specify if the app uses encryption. -->
|
|
||||||
<!-- Please consult https://developer.apple.com/documentation/bundleresources/information_property_list/itsappusesnonexemptencryption -->
|
|
||||||
<!-- <key>ITSAppUsesNonExemptEncryption</key> -->
|
|
||||||
<!-- Please indicate <true/> or <false/> here. -->
|
|
||||||
|
|
||||||
<!-- Specify the category for your app here. -->
|
|
||||||
<!-- Please consult https://developer.apple.com/documentation/bundleresources/information_property_list/lsapplicationcategorytype -->
|
|
||||||
<!-- <key>LSApplicationCategoryType</key> -->
|
|
||||||
<!-- <string>public.app-category.YOUR-CATEGORY-HERE</string> -->
|
|
||||||
<key>UIDeviceFamily</key>
|
|
||||||
<array>
|
|
||||||
<integer>2</integer>
|
|
||||||
</array>
|
|
||||||
<key>UIRequiredDeviceCapabilities</key>
|
|
||||||
<array>
|
|
||||||
<string>arm64</string>
|
|
||||||
</array>
|
|
||||||
<key>UISupportedInterfaceOrientations</key>
|
|
||||||
<array>
|
|
||||||
<string>UIInterfaceOrientationPortrait</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
|
||||||
</array>
|
|
||||||
<key>UISupportedInterfaceOrientations~ipad</key>
|
|
||||||
<array>
|
|
||||||
<string>UIInterfaceOrientationPortrait</string>
|
|
||||||
<string>UIInterfaceOrientationPortraitUpsideDown</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
|
||||||
</array>
|
|
||||||
<key>XSAppIconAssets</key>
|
|
||||||
<string>Assets.xcassets/appicon.appiconset</string>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
using ObjCRuntime;
|
|
||||||
using UIKit;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
public class Program
|
|
||||||
{
|
|
||||||
// This is the main entry point of the application.
|
|
||||||
static void Main(string[] args)
|
|
||||||
{
|
|
||||||
// if you want to use a different Application Delegate class from "AppDelegate"
|
|
||||||
// you can specify it here.
|
|
||||||
UIApplication.Main(args, null, typeof(AppDelegate));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<maui:MauiWinUIApplication
|
|
||||||
x:Class="Hybrid.WinUI.App"
|
|
||||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
||||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
||||||
xmlns:maui="using:Microsoft.Maui"
|
|
||||||
xmlns:local="using:Hybrid.WinUI">
|
|
||||||
|
|
||||||
</maui:MauiWinUIApplication>
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
using Microsoft.UI.Xaml;
|
|
||||||
|
|
||||||
// To learn more about WinUI, the WinUI project structure,
|
|
||||||
// and more about our project templates, see: http://aka.ms/winui-project-info.
|
|
||||||
|
|
||||||
namespace Hybrid.WinUI;
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// Provides application-specific behavior to supplement the default Application class.
|
|
||||||
/// </summary>
|
|
||||||
public partial class App : MauiWinUIApplication
|
|
||||||
{
|
|
||||||
/// <summary>
|
|
||||||
/// Initializes the singleton application object. This is the first line of authored code
|
|
||||||
/// executed, and as such is the logical equivalent of main() or WinMain().
|
|
||||||
/// </summary>
|
|
||||||
public App()
|
|
||||||
{
|
|
||||||
this.InitializeComponent();
|
|
||||||
}
|
|
||||||
|
|
||||||
protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
|
|
||||||
}
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<Package
|
|
||||||
xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"
|
|
||||||
xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"
|
|
||||||
xmlns:mp="http://schemas.microsoft.com/appx/2014/phone/manifest"
|
|
||||||
xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
|
|
||||||
IgnorableNamespaces="uap rescap">
|
|
||||||
|
|
||||||
<Identity Name="maui-package-name-placeholder" Publisher="CN=User Name" Version="0.0.0.0" />
|
|
||||||
|
|
||||||
<mp:PhoneIdentity PhoneProductId="E1ED60F6-94D6-466F-ABD9-4F998354AC09" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
|
|
||||||
|
|
||||||
<Properties>
|
|
||||||
<DisplayName>$placeholder$</DisplayName>
|
|
||||||
<PublisherDisplayName>User Name</PublisherDisplayName>
|
|
||||||
<Logo>$placeholder$.png</Logo>
|
|
||||||
</Properties>
|
|
||||||
|
|
||||||
<Dependencies>
|
|
||||||
<TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
|
|
||||||
<TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
|
|
||||||
</Dependencies>
|
|
||||||
|
|
||||||
<Resources>
|
|
||||||
<Resource Language="x-generate" />
|
|
||||||
</Resources>
|
|
||||||
|
|
||||||
<Applications>
|
|
||||||
<Application Id="App" Executable="$targetnametoken$.exe" EntryPoint="$targetentrypoint$">
|
|
||||||
<uap:VisualElements
|
|
||||||
DisplayName="$placeholder$"
|
|
||||||
Description="$placeholder$"
|
|
||||||
Square150x150Logo="$placeholder$.png"
|
|
||||||
Square44x44Logo="$placeholder$.png"
|
|
||||||
BackgroundColor="transparent">
|
|
||||||
<uap:DefaultTile Square71x71Logo="$placeholder$.png" Wide310x150Logo="$placeholder$.png" Square310x310Logo="$placeholder$.png" />
|
|
||||||
<uap:SplashScreen Image="$placeholder$.png" />
|
|
||||||
</uap:VisualElements>
|
|
||||||
</Application>
|
|
||||||
</Applications>
|
|
||||||
|
|
||||||
<Capabilities>
|
|
||||||
<rescap:Capability Name="runFullTrust" />
|
|
||||||
</Capabilities>
|
|
||||||
|
|
||||||
</Package>
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
|
|
||||||
<assemblyIdentity version="1.0.0.0" name="Hybrid.WinUI.app"/>
|
|
||||||
|
|
||||||
<application xmlns="urn:schemas-microsoft-com:asm.v3">
|
|
||||||
<windowsSettings>
|
|
||||||
<!-- The combination of below two tags have the following effect:
|
|
||||||
1) Per-Monitor for >= Windows 10 Anniversary Update
|
|
||||||
2) System < Windows 10 Anniversary Update
|
|
||||||
-->
|
|
||||||
<dpiAware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true/PM</dpiAware>
|
|
||||||
<dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2, PerMonitor</dpiAwareness>
|
|
||||||
|
|
||||||
<longPathAware xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">true</longPathAware>
|
|
||||||
</windowsSettings>
|
|
||||||
</application>
|
|
||||||
</assembly>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
using Foundation;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
[Register("AppDelegate")]
|
|
||||||
public class AppDelegate : MauiUIApplicationDelegate
|
|
||||||
{
|
|
||||||
protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<dict>
|
|
||||||
<key>LSRequiresIPhoneOS</key>
|
|
||||||
<true/>
|
|
||||||
<key>UIDeviceFamily</key>
|
|
||||||
<array>
|
|
||||||
<integer>1</integer>
|
|
||||||
<integer>2</integer>
|
|
||||||
</array>
|
|
||||||
<key>UIRequiredDeviceCapabilities</key>
|
|
||||||
<array>
|
|
||||||
<string>arm64</string>
|
|
||||||
</array>
|
|
||||||
<key>UISupportedInterfaceOrientations</key>
|
|
||||||
<array>
|
|
||||||
<string>UIInterfaceOrientationPortrait</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
|
||||||
</array>
|
|
||||||
<key>UISupportedInterfaceOrientations~ipad</key>
|
|
||||||
<array>
|
|
||||||
<string>UIInterfaceOrientationPortrait</string>
|
|
||||||
<string>UIInterfaceOrientationPortraitUpsideDown</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
|
||||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
|
||||||
</array>
|
|
||||||
<key>XSAppIconAssets</key>
|
|
||||||
<string>Assets.xcassets/appicon.appiconset</string>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
using ObjCRuntime;
|
|
||||||
using UIKit;
|
|
||||||
|
|
||||||
namespace Hybrid;
|
|
||||||
|
|
||||||
public class Program
|
|
||||||
{
|
|
||||||
// This is the main entry point of the application.
|
|
||||||
static void Main(string[] args)
|
|
||||||
{
|
|
||||||
// if you want to use a different Application Delegate class from "AppDelegate"
|
|
||||||
// you can specify it here.
|
|
||||||
UIApplication.Main(args, null, typeof(AppDelegate));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!--
|
|
||||||
This is the minimum required version of the Apple Privacy Manifest for .NET MAUI apps.
|
|
||||||
The contents below are needed because of APIs that are used in the .NET framework and .NET MAUI SDK.
|
|
||||||
|
|
||||||
You are responsible for adding extra entries as needed for your application.
|
|
||||||
|
|
||||||
More information: https://aka.ms/maui-privacy-manifest
|
|
||||||
-->
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<dict>
|
|
||||||
<key>NSPrivacyAccessedAPITypes</key>
|
|
||||||
<array>
|
|
||||||
<dict>
|
|
||||||
<key>NSPrivacyAccessedAPIType</key>
|
|
||||||
<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
|
|
||||||
<key>NSPrivacyAccessedAPITypeReasons</key>
|
|
||||||
<array>
|
|
||||||
<string>C617.1</string>
|
|
||||||
</array>
|
|
||||||
</dict>
|
|
||||||
<dict>
|
|
||||||
<key>NSPrivacyAccessedAPIType</key>
|
|
||||||
<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
|
|
||||||
<key>NSPrivacyAccessedAPITypeReasons</key>
|
|
||||||
<array>
|
|
||||||
<string>35F9.1</string>
|
|
||||||
</array>
|
|
||||||
</dict>
|
|
||||||
<dict>
|
|
||||||
<key>NSPrivacyAccessedAPIType</key>
|
|
||||||
<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
|
|
||||||
<key>NSPrivacyAccessedAPITypeReasons</key>
|
|
||||||
<array>
|
|
||||||
<string>E174.1</string>
|
|
||||||
</array>
|
|
||||||
</dict>
|
|
||||||
<!--
|
|
||||||
The entry below is only needed when you're using the Preferences API in your app.
|
|
||||||
<dict>
|
|
||||||
<key>NSPrivacyAccessedAPIType</key>
|
|
||||||
<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
|
|
||||||
<key>NSPrivacyAccessedAPITypeReasons</key>
|
|
||||||
<array>
|
|
||||||
<string>CA92.1</string>
|
|
||||||
</array>
|
|
||||||
</dict> -->
|
|
||||||
</array>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
{
|
|
||||||
"profiles": {
|
|
||||||
"Windows Machine": {
|
|
||||||
"commandName": "Project",
|
|
||||||
"nativeDebugging": false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<rect x="0" y="0" width="456" height="456" fill="#512BD4" />
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 228 B |
@@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
||||||
<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
||||||
<path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
@@ -1,93 +0,0 @@
|
|||||||
<svg width="419" height="519" viewBox="0 0 419 519" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M284.432 247.568L284.004 221.881C316.359 221.335 340.356 211.735 355.308 193.336C382.408 159.996 372.893 108.183 372.786 107.659L398.013 102.831C398.505 105.432 409.797 167.017 375.237 209.53C355.276 234.093 324.719 246.894 284.432 247.568Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M331.954 109.36L361.826 134.245C367.145 138.676 375.055 137.959 379.497 132.639C383.928 127.32 383.211 119.41 377.891 114.969L348.019 90.0842C342.7 85.6531 334.79 86.3702 330.348 91.6896C325.917 97.0197 326.634 104.929 331.954 109.36Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M407.175 118.062L417.92 94.2263C420.735 87.858 417.856 80.4087 411.488 77.5831C405.12 74.7682 397.67 77.6473 394.845 84.0156L383.831 108.461L407.175 118.062Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M401.363 105.175L401.234 69.117C401.181 62.1493 395.498 56.541 388.53 56.5945C381.562 56.648 375.954 62.3313 376.007 69.2989L376.018 96.11L401.363 105.175Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M386.453 109.071L378.137 73.9548C376.543 67.169 369.757 62.9628 362.971 64.5575C356.185 66.1523 351.979 72.938 353.574 79.7237L362.04 115.482L386.453 109.071Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M381.776 142.261C396.359 142.261 408.181 130.44 408.181 115.857C408.181 101.274 396.359 89.4527 381.776 89.4527C367.194 89.4527 355.372 101.274 355.372 115.857C355.372 130.44 367.194 142.261 381.776 142.261Z" fill="url(#paint0_radial)"/>
|
|
||||||
<path d="M248.267 406.979C248.513 384.727 245.345 339.561 222.376 301.736L199.922 315.372C220.76 349.675 222.323 389.715 221.841 407.182C221.798 408.627 235.263 409.933 248.267 406.979Z" fill="url(#paint1_linear)"/>
|
|
||||||
<path d="M221.841 406.936L242.637 406.84L262.052 518.065L220.311 518.258C217.132 518.269 214.724 515.711 214.938 512.532L221.841 406.936Z" fill="#522CD5"/>
|
|
||||||
<path d="M306.566 488.814C310.173 491.661 310.109 495.782 309.831 500.127L308.964 513.452C308.803 515.839 306.727 517.798 304.34 517.809L260.832 518.012C258.125 518.023 256.08 515.839 256.262 513.142L256.551 499.335C256.883 494.315 255.192 492.474 251.307 487.744C244.649 479.663 224.967 435.62 226.84 406.925L248.256 406.829C249.691 423.858 272.167 461.682 306.566 488.814Z" fill="url(#paint2_linear)"/>
|
|
||||||
<path d="M309.82 500.127C310.023 497.088 310.077 494.176 308.889 491.715L254.635 491.961C256.134 494.166 256.765 496.092 256.562 499.314L256.273 513.121C256.091 515.828 258.146 518.012 260.843 517.99L304.34 517.798C306.727 517.787 308.803 515.828 308.964 513.442L309.82 500.127Z" fill="url(#paint3_radial)"/>
|
|
||||||
<path d="M133.552 407.471C133.103 385.22 135.864 340.021 158.49 301.993L181.073 315.425C160.545 349.921 159.346 389.972 159.989 407.428C160.042 408.884 146.578 410.318 133.552 407.471Z" fill="url(#paint4_linear)"/>
|
|
||||||
<path d="M110.798 497.152C110.765 494.187 111.204 491.575 112.457 487.23C131.882 434.132 133.52 407.364 133.52 407.364L159.999 407.246C159.999 407.246 161.819 433.512 181.716 486.427C183.289 490.195 183.471 493.641 183.674 496.831L183.792 513.816C183.803 516.374 181.716 518.483 179.158 518.494L177.873 518.504L116.781 518.782L115.496 518.793C112.927 518.804 110.83 516.728 110.819 514.159L110.798 497.152Z" fill="url(#paint5_linear)"/>
|
|
||||||
<path d="M110.798 497.152C110.798 496.67 110.808 496.199 110.83 495.739C110.969 494.262 111.643 492.603 114.875 492.582L180.207 492.282C182.561 492.367 183.343 494.176 183.589 495.311C183.621 495.814 183.664 496.328 183.696 496.82L183.813 513.806C183.824 515.411 183.011 516.824 181.769 517.669C181.031 518.172 180.132 518.472 179.179 518.483L177.895 518.494L116.802 518.772L115.528 518.782C114.244 518.793 113.077 518.269 112.232 517.434C111.386 516.599 110.862 515.432 110.851 514.148L110.798 497.152Z" fill="url(#paint6_radial)"/>
|
|
||||||
<path d="M314.979 246.348C324.162 210.407 318.008 181.777 318.008 181.777L326.452 181.734L326.656 181.574C314.262 115.75 256.326 66.0987 186.949 66.4198C108.796 66.773 45.7233 130.424 46.0765 208.577C46.4297 286.731 110.08 349.803 188.234 349.45C249.905 349.172 302.178 309.474 321.304 254.343C321.872 251.999 321.797 247.804 314.979 246.348Z" fill="url(#paint7_radial)"/>
|
|
||||||
<path d="M310.237 279.035L65.877 280.148C71.3998 289.428 77.95 298.012 85.3672 305.761L290.972 304.829C298.336 297.005 304.8 288.368 310.237 279.035Z" fill="#D8CFF7"/>
|
|
||||||
<path d="M235.062 312.794L280.924 312.585L280.74 272.021L234.877 272.23L235.062 312.794Z" fill="#512BD4"/>
|
|
||||||
<path d="M243.001 297.626C242.691 297.626 242.434 297.53 242.22 297.327C242.006 297.123 241.899 296.866 241.899 296.588C241.899 296.299 242.006 296.042 242.22 295.839C242.434 295.625 242.691 295.528 243.001 295.528C243.312 295.528 243.568 295.635 243.782 295.839C243.996 296.042 244.114 296.299 244.114 296.588C244.114 296.877 244.007 297.123 243.793 297.327C243.568 297.519 243.312 297.626 243.001 297.626Z" fill="white"/>
|
|
||||||
<path d="M255.192 297.434H253.212L247.967 289.203C247.839 289 247.721 288.775 247.636 288.55H247.593C247.636 288.786 247.657 289.299 247.657 290.091L247.668 297.444H245.912L245.891 286.228H247.999L253.062 294.265C253.276 294.597 253.415 294.833 253.479 294.95H253.511C253.458 294.651 253.437 294.148 253.437 293.441L253.426 286.217H255.17L255.192 297.434Z" fill="white"/>
|
|
||||||
<path d="M263.733 297.412L257.589 297.423L257.568 286.206L263.465 286.195V287.779L259.387 287.79L259.398 290.969L263.155 290.958V292.532L259.398 292.542L259.409 295.86L263.733 295.85V297.412Z" fill="white"/>
|
|
||||||
<path d="M272.445 287.758L269.298 287.769L269.32 297.401H267.5L267.479 287.769L264.343 287.779V286.195L272.434 286.174L272.445 287.758Z" fill="white"/>
|
|
||||||
<path d="M315.279 246.337C324.355 210.836 318.457 182.483 318.308 181.798L171.484 182.462C171.484 182.462 162.226 181.563 162.268 190.018C162.311 198.463 162.761 222.341 162.878 248.746C162.9 254.172 167.363 256.773 170.863 256.751C170.874 256.751 311.618 252.213 315.279 246.337Z" fill="url(#paint8_radial)"/>
|
|
||||||
<path d="M227.685 246.798C227.685 246.798 250.183 228.827 254.571 225.499C258.959 222.17 262.812 221.977 266.869 225.445C270.925 228.913 293.616 246.498 293.616 246.498L227.685 246.798Z" fill="#A08BE8"/>
|
|
||||||
<path d="M320.748 256.141C320.748 256.141 324.943 248.414 315.279 246.348C315.289 246.305 170.927 246.894 170.927 246.894C167.566 246.905 163.232 244.925 162.846 241.671C162.857 244.004 162.878 246.369 162.889 248.756C162.91 253.68 166.582 256.27 169.878 256.698C170.21 256.73 170.542 256.773 170.874 256.773L180.742 256.73L320.748 256.141Z" fill="#512BD4"/>
|
|
||||||
<path d="M206.4 233.214C212.511 233.095 217.302 224.667 217.102 214.39C216.901 204.112 211.785 195.878 205.674 195.997C199.563 196.116 194.772 204.544 194.973 214.821C195.173 225.099 200.289 233.333 206.4 233.214Z" fill="#512BD4"/>
|
|
||||||
<path d="M306.249 214.267C306.356 203.989 301.488 195.605 295.377 195.541C289.266 195.478 284.225 203.758 284.118 214.037C284.011 224.315 288.878 232.699 294.99 232.763C301.101 232.826 306.142 224.545 306.249 214.267Z" fill="#512BD4"/>
|
|
||||||
<path d="M205.905 205.291C208.152 203.022 211.192 202.016 214.157 202.262C215.912 205.495 217.014 209.733 217.111 214.389C217.164 217.3 216.811 220.04 216.158 222.513C212.669 223.519 208.752 222.662 205.979 219.922C201.912 215.909 201.88 209.348 205.905 205.291Z" fill="#8065E0"/>
|
|
||||||
<path d="M294.996 204.285C297.255 202.016 300.294 200.999 303.259 201.256C305.164 204.628 306.309 209.209 306.256 214.239C306.224 216.808 305.892 219.259 305.303 221.485C301.793 222.523 297.843 221.678 295.061 218.916C291.004 214.892 290.972 208.342 294.996 204.285Z" fill="#8065E0"/>
|
|
||||||
<path d="M11.6342 357.017C10.9171 354.716 -5.72611 300.141 21.3204 258.903C36.9468 235.078 63.3083 221.035 99.6664 217.15L102.449 243.276C74.3431 246.273 54.4676 256.345 43.3579 273.202C23.0971 303.941 36.5722 348.733 36.7113 349.183L11.6342 357.017Z" fill="url(#paint9_linear)"/>
|
|
||||||
<path d="M95.1498 252.802C109.502 252.802 121.137 241.167 121.137 226.815C121.137 212.463 109.502 200.828 95.1498 200.828C80.7976 200.828 69.1628 212.463 69.1628 226.815C69.1628 241.167 80.7976 252.802 95.1498 252.802Z" fill="url(#paint10_radial)"/>
|
|
||||||
<path d="M72.0098 334.434L33.4683 329.307C26.597 328.397 20.2929 333.214 19.3725 340.085C18.4627 346.956 23.279 353.26 30.1504 354.181L68.6919 359.308C75.5632 360.217 81.8673 355.401 82.7878 348.53C83.6975 341.658 78.8705 335.344 72.0098 334.434Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M3.73535 367.185L7.35297 393.076C8.36975 399.968 14.7702 404.731 21.6629 403.725C28.5556 402.708 33.3185 396.308 32.3124 389.415L28.5984 362.861L3.73535 367.185Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M15.5194 374.988L34.849 405.427C38.6058 411.292 46.4082 413.005 52.2735 409.248C58.1387 405.491 59.8512 397.689 56.0945 391.823L41.7953 369.144L15.5194 374.988Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M26.0511 363.739L51.8026 389.019C56.7688 393.911 64.7532 393.846 69.6445 388.88C74.5358 383.914 74.4715 375.929 69.516 371.038L43.2937 345.297L26.0511 363.739Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M26.4043 381.912C40.987 381.912 52.8086 370.091 52.8086 355.508C52.8086 340.925 40.987 329.104 26.4043 329.104C11.8216 329.104 0 340.925 0 355.508C0 370.091 11.8216 381.912 26.4043 381.912Z" fill="url(#paint11_radial)"/>
|
|
||||||
<path d="M184.73 63.6308L157.819 66.5892L158.561 38.5412L177.888 36.4178L184.73 63.6308Z" fill="#8A6FE8"/>
|
|
||||||
<path d="M170.018 41.647C180.455 39.521 187.193 29.3363 185.067 18.8988C182.941 8.46126 172.757 1.72345 162.319 3.84944C151.882 5.97543 145.144 16.1601 147.27 26.5976C149.396 37.0351 159.58 43.773 170.018 41.647Z" fill="#D8CFF7"/>
|
|
||||||
<path d="M196.885 79.385C198.102 79.2464 198.948 78.091 198.684 76.8997C195.851 64.2818 183.923 55.5375 170.773 56.9926C157.622 58.4371 147.886 69.5735 147.865 82.4995C147.863 83.7232 148.949 84.6597 150.168 84.5316L196.885 79.385Z" fill="url(#paint12_radial)"/>
|
|
||||||
<defs>
|
|
||||||
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(382.004 103.457) scale(26.4058)">
|
|
||||||
<stop stop-color="#8065E0"/>
|
|
||||||
<stop offset="1" stop-color="#512BD4"/>
|
|
||||||
</radialGradient>
|
|
||||||
<linearGradient id="paint1_linear" x1="214.439" y1="303.482" x2="236.702" y2="409.505" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.4397" stop-color="#8A6FE8"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint2_linear" x1="231.673" y1="404.144" x2="297.805" y2="522.048" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.4397" stop-color="#8A6FE8"/>
|
|
||||||
</linearGradient>
|
|
||||||
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(280.957 469.555) rotate(-0.260742) scale(45.8326)">
|
|
||||||
<stop offset="0.034" stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.9955" stop-color="#8A6FE8"/>
|
|
||||||
</radialGradient>
|
|
||||||
<linearGradient id="paint4_linear" x1="166.061" y1="303.491" x2="144.763" y2="409.709" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.4397" stop-color="#8A6FE8"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint5_linear" x1="146.739" y1="407.302" x2="147.246" y2="518.627" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.4397" stop-color="#8A6FE8"/>
|
|
||||||
</linearGradient>
|
|
||||||
<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(148.63 470.023) rotate(179.739) scale(50.2476)">
|
|
||||||
<stop offset="0.034" stop-color="#522CD5"/>
|
|
||||||
<stop offset="0.9955" stop-color="#8A6FE8"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219.219 153.929) rotate(179.739) scale(140.935)">
|
|
||||||
<stop offset="0.4744" stop-color="#A08BE8"/>
|
|
||||||
<stop offset="0.8618" stop-color="#8065E0"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(314.861 158.738) rotate(179.739) scale(146.053)">
|
|
||||||
<stop offset="0.0933" stop-color="#E1DFDD"/>
|
|
||||||
<stop offset="0.6573" stop-color="white"/>
|
|
||||||
</radialGradient>
|
|
||||||
<linearGradient id="paint9_linear" x1="54.1846" y1="217.159" x2="54.1846" y2="357.022" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.3344" stop-color="#9780E6"/>
|
|
||||||
<stop offset="0.8488" stop-color="#8A6FE8"/>
|
|
||||||
</linearGradient>
|
|
||||||
<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.3494 218.071) rotate(-0.260742) scale(25.9924)">
|
|
||||||
<stop stop-color="#8065E0"/>
|
|
||||||
<stop offset="1" stop-color="#512BD4"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.805 345.043) scale(26.4106)">
|
|
||||||
<stop stop-color="#8065E0"/>
|
|
||||||
<stop offset="1" stop-color="#512BD4"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(169.113 67.3662) rotate(-32.2025) scale(21.0773)">
|
|
||||||
<stop stop-color="#8065E0"/>
|
|
||||||
<stop offset="1" stop-color="#512BD4"/>
|
|
||||||
</radialGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 12 KiB |
@@ -1,15 +0,0 @@
|
|||||||
Any raw assets you want to be deployed with your application can be placed in
|
|
||||||
this directory (and child directories). Deployment of the asset to your application
|
|
||||||
is automatically handled by the following `MauiAsset` Build Action within your `.csproj`.
|
|
||||||
|
|
||||||
<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
|
|
||||||
|
|
||||||
These files will be deployed with your package and will be accessible using Essentials:
|
|
||||||
|
|
||||||
async Task LoadMauiAsset()
|
|
||||||
{
|
|
||||||
using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
|
|
||||||
using var reader = new StreamReader(stream);
|
|
||||||
|
|
||||||
var contents = reader.ReadToEnd();
|
|
||||||
}
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
||||||
<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
||||||
<path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
<path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,91 +0,0 @@
|
|||||||
html, body {
|
|
||||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a, .btn-link {
|
|
||||||
color: #006bb7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #1b6ec2;
|
|
||||||
border-color: #1861ac;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
|
|
||||||
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding-top: 1.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.valid.modified:not([type=checkbox]) {
|
|
||||||
outline: 1px solid #26b050;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invalid {
|
|
||||||
outline: 1px solid #e50000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.validation-message {
|
|
||||||
color: #e50000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blazor-error-ui {
|
|
||||||
color-scheme: light only;
|
|
||||||
background: lightyellow;
|
|
||||||
bottom: 0;
|
|
||||||
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: none;
|
|
||||||
left: 0;
|
|
||||||
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blazor-error-ui .dismiss {
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
right: 0.75rem;
|
|
||||||
top: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blazor-error-boundary {
|
|
||||||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
|
|
||||||
padding: 1rem 1rem 1rem 3.7rem;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blazor-error-boundary::after {
|
|
||||||
content: "An error has occurred."
|
|
||||||
}
|
|
||||||
|
|
||||||
.darker-border-checkbox.form-check-input {
|
|
||||||
border-color: #929292;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
|
|
||||||
color: var(--bs-secondary-color);
|
|
||||||
text-align: end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
|
|
||||||
text-align: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-bar-safe-area {
|
|
||||||
display: flex;
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
height: env(safe-area-inset-top, 0px);
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
||||||
<title>Hybrid</title>
|
|
||||||
<base href="/" />
|
|
||||||
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
|
|
||||||
<link rel="stylesheet" href="app.css" />
|
|
||||||
<link rel="stylesheet" href="Hybrid.styles.css" />
|
|
||||||
<link rel="icon" href="data:,">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="status-bar-safe-area"></div>
|
|
||||||
|
|
||||||
<div id="app">Loading...</div>
|
|
||||||
|
|
||||||
<div id="blazor-error-ui" data-nosnippet>
|
|
||||||
An unhandled error has occurred.
|
|
||||||
<a href="." class="reload">Reload</a>
|
|
||||||
<span class="dismiss">🗙</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="_framework/blazor.webview.js" autostart="false"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -21,8 +21,6 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Device", "Device\Device.csp
|
|||||||
EndProject
|
EndProject
|
||||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Pages", "Pages\Pages.csproj", "{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}"
|
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Pages", "Pages\Pages.csproj", "{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}"
|
||||||
EndProject
|
EndProject
|
||||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Hybrid", "Hybrid\Hybrid.csproj", "{F5776790-0B24-4859-A7CC-CB5B600E587E}"
|
|
||||||
EndProject
|
|
||||||
Global
|
Global
|
||||||
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||||
Debug|Any CPU = Debug|Any CPU
|
Debug|Any CPU = Debug|Any CPU
|
||||||
@@ -141,18 +139,6 @@ Global
|
|||||||
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x64.Build.0 = Release|Any CPU
|
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x64.Build.0 = Release|Any CPU
|
||||||
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x86.ActiveCfg = Release|Any CPU
|
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x86.ActiveCfg = Release|Any CPU
|
||||||
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x86.Build.0 = Release|Any CPU
|
{3BFCB341-D41D-4F23-B867-EB4A8F58BB14}.Release|x86.Build.0 = Release|Any CPU
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|x64.ActiveCfg = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|x64.Build.0 = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|x86.ActiveCfg = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Debug|x86.Build.0 = Debug|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|Any CPU.Build.0 = Release|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|x64.ActiveCfg = Release|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|x64.Build.0 = Release|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|x86.ActiveCfg = Release|Any CPU
|
|
||||||
{F5776790-0B24-4859-A7CC-CB5B600E587E}.Release|x86.Build.0 = Release|Any CPU
|
|
||||||
EndGlobalSection
|
EndGlobalSection
|
||||||
GlobalSection(SolutionProperties) = preSolution
|
GlobalSection(SolutionProperties) = preSolution
|
||||||
HideSolutionNode = FALSE
|
HideSolutionNode = FALSE
|
||||||
|
|||||||
@@ -9,13 +9,13 @@ public class WebsiteData
|
|||||||
* Flag for content generated by the AI. Can contain UI that makes no sense, or more importantly,
|
* Flag for content generated by the AI. Can contain UI that makes no sense, or more importantly,
|
||||||
* game data that is not real. Fun to look at, but needs to be thoroughly vetted before it can ever go live.
|
* game data that is not real. Fun to look at, but needs to be thoroughly vetted before it can ever go live.
|
||||||
*/
|
*/
|
||||||
public static bool allowSlopData { get; set; } = false;
|
public static bool allowSlopData { get; set; } = true;
|
||||||
|
|
||||||
private static bool IsPageAllowed(WebPageModel page)
|
private static bool IsPageAllowed(WebPageModel page)
|
||||||
{
|
{
|
||||||
if (allowSlopData) return true;
|
if (allowSlopData) return true;
|
||||||
|
|
||||||
return page.Id != 5 && page.Id != 6 && page.Id != 7;
|
return page.Id != 5 && page.Id != 6;
|
||||||
}
|
}
|
||||||
|
|
||||||
public static List<WebPageModel> GetPages()
|
public static List<WebPageModel> GetPages()
|
||||||
@@ -53,16 +53,6 @@ public class WebsiteData
|
|||||||
Icon = "fa-solid fa-bow-arrow"
|
Icon = "fa-solid fa-bow-arrow"
|
||||||
},
|
},
|
||||||
new()
|
new()
|
||||||
{
|
|
||||||
Id = 7,
|
|
||||||
WebSectionModelId = 2,
|
|
||||||
Name = "Catalog",
|
|
||||||
Description = "Visual catalog of all entities",
|
|
||||||
Href = "catalog",
|
|
||||||
IsPrivate = "False",
|
|
||||||
Icon = "fa-solid fa-layer-group"
|
|
||||||
},
|
|
||||||
new()
|
|
||||||
{
|
{
|
||||||
Id = 4,
|
Id = 4,
|
||||||
WebSectionModelId = 2,
|
WebSectionModelId = 2,
|
||||||
|
|||||||
@@ -1,394 +0,0 @@
|
|||||||
@inherits BasePage
|
|
||||||
@page "/catalog"
|
|
||||||
@using Model
|
|
||||||
@using Model.Entity.Data
|
|
||||||
@using Model.Entity.Parts
|
|
||||||
@implements IDisposable
|
|
||||||
|
|
||||||
@inject IEntityDisplayService EntityDisplayService
|
|
||||||
|
|
||||||
<LayoutLargeContentComponent>
|
|
||||||
<WebsiteTitleComponent>Catalog</WebsiteTitleComponent>
|
|
||||||
|
|
||||||
<PaperComponent>
|
|
||||||
<FormDisplayComponent Label="Patch">
|
|
||||||
<Display>
|
|
||||||
Game Patch: @Variables.GamePatch
|
|
||||||
</Display>
|
|
||||||
</FormDisplayComponent>
|
|
||||||
</PaperComponent>
|
|
||||||
|
|
||||||
<PaperComponent>
|
|
||||||
<CatalogEntityFilterComponent></CatalogEntityFilterComponent>
|
|
||||||
|
|
||||||
<div class="catalogResultCount">
|
|
||||||
@searches.Count @(searches.Count == 1 ? "entity" : "entities")
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (searches.Any())
|
|
||||||
{
|
|
||||||
<div class="catalogGrid">
|
|
||||||
@foreach (var entity in searches)
|
|
||||||
{
|
|
||||||
<PaperComponent>
|
|
||||||
<div class="catalogCard" @onclick="() => OpenDialog(entity)">
|
|
||||||
<div class="catalogCardHeader">
|
|
||||||
<span class="catalogCardName">@entity.Info().Name</span>
|
|
||||||
<span class="catalogCardType type-@(entity.EntityType.ToLower().Replace("_", "-"))">@entity.EntityType.Replace("_", " ")</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="catalogCardSubheader">
|
|
||||||
@{
|
|
||||||
var faction = entity.Faction();
|
|
||||||
}
|
|
||||||
@if (faction != null)
|
|
||||||
{
|
|
||||||
var factionName = EntityData.Get().TryGetValue(faction.Faction, out var fac) ? fac.Info().Name : "";
|
|
||||||
<span class="catalogCardFaction">@factionName</span>
|
|
||||||
}
|
|
||||||
@{
|
|
||||||
var vanguard = entity.VanguardAdded();
|
|
||||||
}
|
|
||||||
@if (vanguard != null)
|
|
||||||
{
|
|
||||||
<span class="catalogCardDivider">|</span>
|
|
||||||
var immortalName = EntityData.Get().TryGetValue(vanguard.ImmortalId, out var imm) ? imm.Info().Name : "";
|
|
||||||
<span class="catalogCardImmortal">@immortalName</span>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (!string.IsNullOrEmpty(entity.Info().Description))
|
|
||||||
{
|
|
||||||
<div class="catalogCardDesc">
|
|
||||||
@(entity.Info().Description.Length > 160
|
|
||||||
? entity.Info().Description[..157] + "..."
|
|
||||||
: entity.Info().Description)
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
<div class="catalogCardStats">
|
|
||||||
@{
|
|
||||||
var tier = entity.Tier();
|
|
||||||
if (tier != null && tier.Tier > 0)
|
|
||||||
{
|
|
||||||
<span class="catalogStat" title="Tier">T@(tier.Tier)</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@{
|
|
||||||
var supply = entity.Supply();
|
|
||||||
if (supply != null && (supply.Takes > 0 || supply.Grants > 0))
|
|
||||||
{
|
|
||||||
<span class="catalogStat" title="Supply">@supply.Takes@(supply.Grants > 0 ? $"/{supply.Grants}" : "")</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@{
|
|
||||||
var prod = entity.Production();
|
|
||||||
if (prod != null)
|
|
||||||
{
|
|
||||||
if (prod.Alloy > 0) { <span class="catalogStat catalogStatAlloy" title="Alloy">@prod.Alloy</span> }
|
|
||||||
if (prod.Ether > 0) { <span class="catalogStat catalogStatEther" title="Ether">@prod.Ether</span> }
|
|
||||||
if (prod.Pyre > 0) { <span class="catalogStat catalogStatPyre" title="Pyre">@prod.Pyre</span> }
|
|
||||||
if (prod.Energy > 0) { <span class="catalogStat catalogStatEnergy" title="Energy">@prod.Energy</span> }
|
|
||||||
if (prod.BuildTime > 0) { <span class="catalogStat" title="Build time">@prod.BuildTime"s</span> }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@{
|
|
||||||
var vitality = entity.Vitality();
|
|
||||||
if (vitality != null && vitality.Health > 0)
|
|
||||||
{
|
|
||||||
<span class="catalogStat catalogStatHealth" title="Health">@vitality.Health</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</PaperComponent>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<div class="catalogEmpty">No entities match the selected filters.</div>
|
|
||||||
}
|
|
||||||
</PaperComponent>
|
|
||||||
</LayoutLargeContentComponent>
|
|
||||||
|
|
||||||
@if (selectedEntity != null)
|
|
||||||
{
|
|
||||||
<CatalogEntityDialogComponent Entity="selectedEntity" OnClose="CloseDialog"/>
|
|
||||||
}
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.catalogResultCount {
|
|
||||||
padding: 8px 0 16px 0;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogGrid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCard {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCard:hover .catalogCardName {
|
|
||||||
color: var(--primary-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardHeader {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardName {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 800;
|
|
||||||
transition: color 0.15s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardType {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-weight: 700;
|
|
||||||
white-space: nowrap;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.type-army { background: #1a6b8a; color: #fff; }
|
|
||||||
.type-building { background: #5a7a1a; color: #fff; }
|
|
||||||
.type-building-upgrade { background: #4a6a0a; color: #fff; }
|
|
||||||
.type-ability { background: #8a1a6b; color: #fff; }
|
|
||||||
.type-passive { background: #8a6b1a; color: #fff; }
|
|
||||||
.type-immortal { background: #6b1a8a; color: #fff; }
|
|
||||||
.type-worker { background: #1a6b4a; color: #fff; }
|
|
||||||
.type-tech { background: #3a1a6b; color: #fff; }
|
|
||||||
.type-spell { background: #1a3a8a; color: #fff; }
|
|
||||||
.type-faction { background: #6b3a1a; color: #fff; }
|
|
||||||
.type-command { background: #3a6b2a; color: #fff; }
|
|
||||||
.type-none { background: #444; color: #fff; }
|
|
||||||
|
|
||||||
.catalogCardSubheader {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardFaction {
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardImmortal {
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardDivider {
|
|
||||||
opacity: 0.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardDesc {
|
|
||||||
font-size: 0.85rem;
|
|
||||||
line-height: 1.45;
|
|
||||||
opacity: 0.8;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogCardStats {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStat {
|
|
||||||
font-size: 0.72rem;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: var(--secondary);
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStatAlloy {
|
|
||||||
background: #8a7a2a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStatEther {
|
|
||||||
background: #2a6a8a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStatPyre {
|
|
||||||
background: #8a3a2a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStatEnergy {
|
|
||||||
background: #2a8a6a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogStatHealth {
|
|
||||||
background: #4a2a6a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogEmpty {
|
|
||||||
padding: 32px;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0.5;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@media only screen and (max-width: 1025px) {
|
|
||||||
.catalogGrid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
|
|
||||||
[Inject] public IEntityFilterService EntityFilterService { get; set; } = default!;
|
|
||||||
|
|
||||||
readonly List<EntityModel> defaults = (from entity in EntityModel.GetList()
|
|
||||||
where !entity.IsSpeculative
|
|
||||||
select entity).ToList();
|
|
||||||
|
|
||||||
List<EntityModel> factions = default!;
|
|
||||||
List<EntityModel> immortals = default!;
|
|
||||||
List<EntityModel> entities = default!;
|
|
||||||
List<EntityModel> searches = default!;
|
|
||||||
|
|
||||||
EntityModel? selectedEntity;
|
|
||||||
string selectedFactionType = DataType.Any;
|
|
||||||
string selectedImmortalType = DataType.Any;
|
|
||||||
string selectedEntityType = EntityType.Army;
|
|
||||||
string searchText = "";
|
|
||||||
|
|
||||||
protected override void OnInitialized()
|
|
||||||
{
|
|
||||||
base.OnInitialized();
|
|
||||||
RefreshFactionSearch();
|
|
||||||
|
|
||||||
EntityFilterService.Subscribe(OnChange);
|
|
||||||
EntityDisplayService.Subscribe(StateHasChanged);
|
|
||||||
}
|
|
||||||
|
|
||||||
void IDisposable.Dispose()
|
|
||||||
{
|
|
||||||
EntityFilterService.Unsubscribe(OnChange);
|
|
||||||
EntityDisplayService.Unsubscribe(StateHasChanged);
|
|
||||||
}
|
|
||||||
|
|
||||||
void OpenDialog(EntityModel entity)
|
|
||||||
{
|
|
||||||
selectedEntity = entity;
|
|
||||||
}
|
|
||||||
|
|
||||||
void CloseDialog()
|
|
||||||
{
|
|
||||||
selectedEntity = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
void OnChange(EntityFilterEvent filterEntityEvent)
|
|
||||||
{
|
|
||||||
if (filterEntityEvent == EntityFilterEvent.OnRefreshFaction)
|
|
||||||
{
|
|
||||||
RefreshFactionSearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (filterEntityEvent == EntityFilterEvent.OnRefreshImmortal)
|
|
||||||
{
|
|
||||||
RefreshImmortalSearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (filterEntityEvent == EntityFilterEvent.OnRefreshEntity)
|
|
||||||
{
|
|
||||||
RefreshEntitySearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (filterEntityEvent == EntityFilterEvent.OnRefreshSearch)
|
|
||||||
{
|
|
||||||
RefreshTextSearch();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void RefreshFactionSearch()
|
|
||||||
{
|
|
||||||
selectedFactionType = EntityFilterService.GetFactionType();
|
|
||||||
|
|
||||||
if (selectedFactionType == DataType.Any)
|
|
||||||
{
|
|
||||||
factions = defaults.ToList();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
factions = (from entity in defaults
|
|
||||||
where entity.Faction() != null && entity.Faction().Faction == selectedFactionType
|
|
||||||
select entity).ToList();
|
|
||||||
}
|
|
||||||
|
|
||||||
RefreshImmortalSearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
void RefreshImmortalSearch()
|
|
||||||
{
|
|
||||||
selectedImmortalType = EntityFilterService.GetImmortalType();
|
|
||||||
|
|
||||||
if (selectedImmortalType == DataType.Any)
|
|
||||||
{
|
|
||||||
immortals = factions.ToList();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
immortals = (from entity in factions
|
|
||||||
let vanguardAdded = entity.VanguardAdded()
|
|
||||||
where vanguardAdded == null || vanguardAdded.ImmortalId == selectedImmortalType
|
|
||||||
select entity).ToList();
|
|
||||||
}
|
|
||||||
|
|
||||||
RefreshEntitySearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
void RefreshEntitySearch()
|
|
||||||
{
|
|
||||||
selectedEntityType = EntityFilterService.GetEntityType();
|
|
||||||
|
|
||||||
if (selectedEntityType == EntityType.Any)
|
|
||||||
{
|
|
||||||
entities = immortals.ToList();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
entities = (from entity in immortals
|
|
||||||
where entity.EntityType == selectedEntityType
|
|
||||||
select entity).ToList();
|
|
||||||
}
|
|
||||||
|
|
||||||
RefreshTextSearch();
|
|
||||||
}
|
|
||||||
|
|
||||||
void RefreshTextSearch()
|
|
||||||
{
|
|
||||||
searchText = EntityFilterService.GetSearchText();
|
|
||||||
|
|
||||||
if (searchText.Trim() == "")
|
|
||||||
{
|
|
||||||
searches = entities.ToList();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
searches = (from entity in entities
|
|
||||||
where entity.Info().Name.ToLower().Contains(searchText.ToLower())
|
|
||||||
select entity).ToList();
|
|
||||||
}
|
|
||||||
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,733 +0,0 @@
|
|||||||
@using Model
|
|
||||||
@using Model.Entity.Data
|
|
||||||
@using Model.Entity.Parts
|
|
||||||
|
|
||||||
<div class="catalogDetailOverlay" @onclick="Close">
|
|
||||||
<div class="catalogDetailPanel"
|
|
||||||
@onclick:preventDefault="true"
|
|
||||||
@onclick:stopPropagation="true">
|
|
||||||
|
|
||||||
<div class="detailHeader">
|
|
||||||
<div class="detailHeaderLeft">
|
|
||||||
@if (history.Count > 1)
|
|
||||||
{
|
|
||||||
<button class="detailBackBtn" @onclick="GoBack" title="Back">←</button>
|
|
||||||
}
|
|
||||||
<div class="detailName">@Current.Info().Name</div>
|
|
||||||
<span class="detailBadge type-bg-@(Current.EntityType.ToLower().Replace("_", "-"))">@Current.EntityType.Replace("_", " ")</span>
|
|
||||||
</div>
|
|
||||||
<button class="detailCloseBtn" @onclick="Close">×</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detailBody">
|
|
||||||
|
|
||||||
@* Tags row *@
|
|
||||||
<div class="detailTags">
|
|
||||||
@{
|
|
||||||
var faction = Current.Faction();
|
|
||||||
var vanguard = Current.VanguardAdded();
|
|
||||||
}
|
|
||||||
@if (faction != null)
|
|
||||||
{
|
|
||||||
var facName = EntityData.Get().TryGetValue(faction.Faction, out var fac) ? fac.Info().Name : "";
|
|
||||||
<span class="detailTag">@facName</span>
|
|
||||||
}
|
|
||||||
@if (vanguard != null)
|
|
||||||
{
|
|
||||||
var immName = EntityData.Get().TryGetValue(vanguard.ImmortalId, out var imm) ? imm.Info().Name : "";
|
|
||||||
<span class="detailTag detailTagImmortal">@immName</span>
|
|
||||||
}
|
|
||||||
@if (Current.Info().Descriptive != "None")
|
|
||||||
{
|
|
||||||
<span class="detailTag detailTagDesc">@Current.Info().Descriptive.Replace("_", " ")</span>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@* Stats grid *@
|
|
||||||
@{
|
|
||||||
var vitality = Current.Vitality();
|
|
||||||
var supply = Current.Supply();
|
|
||||||
var tier = Current.Tier();
|
|
||||||
var movement = Current.Movement();
|
|
||||||
var hotkey = Current.Hotkey();
|
|
||||||
}
|
|
||||||
@if ((vitality != null && vitality.Health > 0) || tier != null || supply != null || movement != null)
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailStatGrid">
|
|
||||||
@if (vitality != null && vitality.Health > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@vitality.Health</span>
|
|
||||||
<span class="detailStatLabel">Health</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (vitality != null && vitality.DefenseLayer > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@vitality.DefenseLayer</span>
|
|
||||||
<span class="detailStatLabel">Defense</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (tier != null && tier.Tier > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">T@(tier.Tier)</span>
|
|
||||||
<span class="detailStatLabel">Tier</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (supply != null && (supply.Takes > 0 || supply.Grants > 0))
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@supply.Takes@(supply.Grants > 0 ? $"/{supply.Grants}" : "")</span>
|
|
||||||
<span class="detailStatLabel">Supply</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (movement != null && movement.Speed > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@movement.Speed.ToString("F1")</span>
|
|
||||||
<span class="detailStatLabel">Speed</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (vitality != null && vitality.Vision > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@vitality.Vision</span>
|
|
||||||
<span class="detailStatLabel">Sight</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (vitality != null && vitality.Energy > 0)
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@vitality.Energy</span>
|
|
||||||
<span class="detailStatLabel">Energy</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (vitality != null && !string.IsNullOrEmpty(vitality.Armor) && vitality.Armor != "None")
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue" style="font-size:0.85rem">@vitality.Armor</span>
|
|
||||||
<span class="detailStatLabel">Armor</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (hotkey != null && !string.IsNullOrEmpty(hotkey.Hotkey))
|
|
||||||
{
|
|
||||||
<div class="detailStatCard">
|
|
||||||
<span class="detailStatValue">@hotkey.Hotkey</span>
|
|
||||||
<span class="detailStatLabel">@hotkey.HotkeyGroup</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Cost *@
|
|
||||||
@{
|
|
||||||
var prod = Current.Production();
|
|
||||||
}
|
|
||||||
@if (prod != null && (prod.Alloy > 0 || prod.Ether > 0 || prod.Pyre > 0 || prod.Energy > 0 || prod.BuildTime > 0))
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Cost</div>
|
|
||||||
<div class="detailCostRow">
|
|
||||||
@if (prod.Alloy > 0)
|
|
||||||
{
|
|
||||||
<span class="detailCost">A @prod.Alloy</span>
|
|
||||||
}
|
|
||||||
@if (prod.Ether > 0)
|
|
||||||
{
|
|
||||||
<span class="detailCost">E @prod.Ether</span>
|
|
||||||
}
|
|
||||||
@if (prod.Pyre > 0)
|
|
||||||
{
|
|
||||||
<span class="detailCost">P @prod.Pyre</span>
|
|
||||||
}
|
|
||||||
@if (prod.Energy > 0)
|
|
||||||
{
|
|
||||||
<span class="detailCost">En @prod.Energy</span>
|
|
||||||
}
|
|
||||||
@if (prod.BuildTime > 0)
|
|
||||||
{
|
|
||||||
<span class="detailCost">@prod.BuildTime s</span>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
@if (!string.IsNullOrEmpty(prod.ProducedBy))
|
|
||||||
{
|
|
||||||
var producerName = EntityData.Get().TryGetValue(prod.ProducedBy, out var producer) ? producer.Info().Name : prod.ProducedBy;
|
|
||||||
<div class="detailProducedBy">Built at: @producerName</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Description *@
|
|
||||||
@if (!string.IsNullOrEmpty(Current.Info().Description))
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Description</div>
|
|
||||||
<div class="detailDescription">@Current.Info().Description</div>
|
|
||||||
@if (!string.IsNullOrEmpty(Current.Info().FlavorText))
|
|
||||||
{
|
|
||||||
<div class="detailFlavor">@((MarkupString)Current.Info().FlavorText)</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Weapons *@
|
|
||||||
@{
|
|
||||||
var weapons = Current.Weapons();
|
|
||||||
}
|
|
||||||
@if (weapons.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Weapons</div>
|
|
||||||
@foreach (var weapon in weapons)
|
|
||||||
{
|
|
||||||
<div class="detailWeapon">
|
|
||||||
<div class="detailWeaponRow">
|
|
||||||
<span class="detailWeaponDmg">@weapon.Damage dmg</span>
|
|
||||||
@if (weapon.AttacksPerSecond > 0)
|
|
||||||
{
|
|
||||||
<span class="detailWeaponStat">@weapon.AttacksPerSecond.ToString("F2") APS</span>
|
|
||||||
}
|
|
||||||
<span class="detailWeaponStat">Rng @weapon.Range</span>
|
|
||||||
@if (weapon.MinimumRange > 0)
|
|
||||||
{
|
|
||||||
<span class="detailWeaponStat">Min @weapon.MinimumRange</span>
|
|
||||||
}
|
|
||||||
<span class="detailWeaponStat">@weapon.Targets</span>
|
|
||||||
@if (weapon.HasSplash)
|
|
||||||
{
|
|
||||||
<span class="detailWeaponTag">Splash</span>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
@if (weapon.LightDamage > 0 || weapon.MediumDamage > 0 || weapon.HeavyDamage > 0)
|
|
||||||
{
|
|
||||||
<div class="detailWeaponDmgBreakdown">
|
|
||||||
@if (weapon.LightDamage > 0)
|
|
||||||
{
|
|
||||||
<span class="dmgLight">L: @weapon.LightDamage</span>
|
|
||||||
}
|
|
||||||
@if (weapon.MediumDamage > 0)
|
|
||||||
{
|
|
||||||
<span class="dmgMedium">M: @weapon.MediumDamage</span>
|
|
||||||
}
|
|
||||||
@if (weapon.HeavyDamage > 0)
|
|
||||||
{
|
|
||||||
<span class="dmgHeavy">H: @weapon.HeavyDamage</span>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Abilities *@
|
|
||||||
@{
|
|
||||||
var abilityIds = Current.IdAbilities();
|
|
||||||
}
|
|
||||||
@if (abilityIds.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Abilities</div>
|
|
||||||
<div class="detailRefList">
|
|
||||||
@foreach (var abil in abilityIds)
|
|
||||||
{
|
|
||||||
var target = EntityData.Get().TryGetValue(abil.Id, out var a) ? a : null;
|
|
||||||
<button class="detailRefItem" @onclick="() => NavigateTo(abil.Id)">
|
|
||||||
<span class="detailRefBullet">→</span>
|
|
||||||
@(target?.Info().Name ?? abil.Id)
|
|
||||||
@if (target != null && target.Info().Descriptive != "None")
|
|
||||||
{
|
|
||||||
<span class="detailRefDesc">@target.Info().Descriptive.Replace("_", " ")</span>
|
|
||||||
}
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Passives *@
|
|
||||||
@{
|
|
||||||
var passives = Current.Passives();
|
|
||||||
var passiveIds = Current.IdPassives();
|
|
||||||
}
|
|
||||||
@if (passives.Any() || passiveIds.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Passives</div>
|
|
||||||
@foreach (var p in passives)
|
|
||||||
{
|
|
||||||
<div class="detailPassive">
|
|
||||||
<div class="detailPassiveName">@p.Name</div>
|
|
||||||
<div class="detailPassiveDesc">@p.Description</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
@if (passiveIds.Any())
|
|
||||||
{
|
|
||||||
<div class="detailRefList">
|
|
||||||
@foreach (var pid in passiveIds)
|
|
||||||
{
|
|
||||||
var target = EntityData.Get().TryGetValue(pid.Id, out var p) ? p : null;
|
|
||||||
<button class="detailRefItem" @onclick="() => NavigateTo(pid.Id)">
|
|
||||||
<span class="detailRefBullet">→</span>
|
|
||||||
@(target?.Info().Name ?? pid.Id)
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Mechanics *@
|
|
||||||
@{
|
|
||||||
var mechanics = Current.Mechanics();
|
|
||||||
}
|
|
||||||
@if (mechanics.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Mechanics</div>
|
|
||||||
@foreach (var m in mechanics)
|
|
||||||
{
|
|
||||||
<div class="detailPassive">
|
|
||||||
<div class="detailPassiveName">@m.Name</div>
|
|
||||||
<div class="detailPassiveDesc">@m.Description</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Upgrades *@
|
|
||||||
@{
|
|
||||||
var upgradeIds = Current.IdUpgrades();
|
|
||||||
}
|
|
||||||
@if (upgradeIds.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Upgrades</div>
|
|
||||||
<div class="detailRefList">
|
|
||||||
@foreach (var uid in upgradeIds)
|
|
||||||
{
|
|
||||||
var target = EntityData.Get().TryGetValue(uid.Id, out var u) ? u : null;
|
|
||||||
<button class="detailRefItem" @onclick="() => NavigateTo(uid.Id)">
|
|
||||||
<span class="detailRefBullet">→</span>
|
|
||||||
@(target?.Info().Name ?? uid.Id)
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Vanguards *@
|
|
||||||
@{
|
|
||||||
var vanguardIds = Current.IdVanguards();
|
|
||||||
var vanguardAdded = Current.VanguardAdded();
|
|
||||||
}
|
|
||||||
@if (vanguardIds.Any())
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Vanguard Units</div>
|
|
||||||
<div class="detailRefList">
|
|
||||||
@foreach (var vid in vanguardIds)
|
|
||||||
{
|
|
||||||
var target = EntityData.Get().TryGetValue(vid.Id, out var v) ? v : null;
|
|
||||||
<button class="detailRefItem" @onclick="() => NavigateTo(vid.Id)">
|
|
||||||
<span class="detailRefBullet">→</span>
|
|
||||||
@(target?.Info().Name ?? vid.Id)
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
@* Notes *@
|
|
||||||
@if (!string.IsNullOrEmpty(Current.Info().Notes))
|
|
||||||
{
|
|
||||||
<div class="detailSection">
|
|
||||||
<div class="detailSectionTitle">Notes</div>
|
|
||||||
<div class="detailDescription">@Current.Info().Notes</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.catalogDetailOverlay {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catalogDetailPanel {
|
|
||||||
width: 620px;
|
|
||||||
max-width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: var(--paper);
|
|
||||||
border-left: 2px solid var(--paper-border);
|
|
||||||
box-shadow: -8px 0 32px rgba(0, 0, 0, 0.4);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
animation: slideIn 0.2s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@keyframes slideIn {
|
|
||||||
from { transform: translateX(100%); }
|
|
||||||
to { transform: translateX(0); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailHeader {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 14px 20px;
|
|
||||||
border-bottom: 1px solid var(--paper-border);
|
|
||||||
background-color: var(--accent);
|
|
||||||
gap: 10px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailHeaderLeft {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailBackBtn {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
color: rgba(255, 255, 255, 0.8);
|
|
||||||
font-size: 1.3rem;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 2px 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
transition: background 0.15s, color 0.15s;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailBackBtn:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailName {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 800;
|
|
||||||
color: #fff;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailBadge {
|
|
||||||
font-size: 0.65rem;
|
|
||||||
padding: 3px 10px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
white-space: nowrap;
|
|
||||||
color: #fff;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.type-bg-army { background: #1a6b8a; }
|
|
||||||
.type-bg-building { background: #5a7a1a; }
|
|
||||||
.type-bg-building-upgrade { background: #4a6a0a; }
|
|
||||||
.type-bg-ability { background: #8a1a6b; }
|
|
||||||
.type-bg-passive { background: #8a6b1a; }
|
|
||||||
.type-bg-immortal { background: #6b1a8a; }
|
|
||||||
.type-bg-worker { background: #1a6b4a; }
|
|
||||||
.type-bg-tech { background: #3a1a6b; }
|
|
||||||
.type-bg-spell { background: #1a3a8a; }
|
|
||||||
.type-bg-faction { background: #6b3a1a; }
|
|
||||||
.type-bg-command { background: #3a6b2a; }
|
|
||||||
.type-bg-none { background: #444; }
|
|
||||||
|
|
||||||
.detailCloseBtn {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
font-size: 1.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 0;
|
|
||||||
line-height: 1;
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 6px;
|
|
||||||
transition: background 0.15s, color 0.15s;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailCloseBtn:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailBody {
|
|
||||||
padding: 20px;
|
|
||||||
overflow-y: auto;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailTags {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 6px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailTag {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
padding: 4px 12px;
|
|
||||||
border-radius: 12px;
|
|
||||||
background: var(--secondary);
|
|
||||||
color: rgba(255, 255, 255, 0.85);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailTagImmortal {
|
|
||||||
background: #3a1a5a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailTagDesc {
|
|
||||||
background: #2a3a4a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailSection {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailSectionTitle {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.8px;
|
|
||||||
opacity: 0.35;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailStatGrid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailStatCard {
|
|
||||||
background: var(--secondary);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 6px;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailStatValue {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 800;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailStatLabel {
|
|
||||||
font-size: 0.6rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
opacity: 0.45;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailCostRow {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailCost {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
font-weight: 700;
|
|
||||||
padding: 4px 10px;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: var(--secondary);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailProducedBy {
|
|
||||||
font-size: 0.78rem;
|
|
||||||
opacity: 0.55;
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailDescription {
|
|
||||||
font-size: 0.88rem;
|
|
||||||
line-height: 1.55;
|
|
||||||
opacity: 0.85;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailFlavor {
|
|
||||||
font-style: italic;
|
|
||||||
opacity: 0.5;
|
|
||||||
margin-top: 8px;
|
|
||||||
font-size: 0.83rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeapon {
|
|
||||||
background: var(--secondary);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 14px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeaponRow {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 10px;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 0.83rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeaponDmg {
|
|
||||||
font-weight: 700;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeaponStat {
|
|
||||||
opacity: 0.65;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeaponTag {
|
|
||||||
font-size: 0.65rem;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: #4a3a2a;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailWeaponDmgBreakdown {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-top: 6px;
|
|
||||||
font-size: 0.78rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dmgLight { color: #6ba86b; }
|
|
||||||
.dmgMedium { color: #a8a86b; }
|
|
||||||
.dmgHeavy { color: #a86b6b; }
|
|
||||||
|
|
||||||
.detailRefList {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailRefItem {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
padding: 7px 12px;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: var(--secondary);
|
|
||||||
font-size: 0.83rem;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.15s;
|
|
||||||
border: none;
|
|
||||||
color: inherit;
|
|
||||||
font-family: inherit;
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailRefItem:hover {
|
|
||||||
background: var(--secondary-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailRefBullet {
|
|
||||||
opacity: 0.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailRefDesc {
|
|
||||||
font-weight: 400;
|
|
||||||
opacity: 0.5;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailPassive {
|
|
||||||
background: var(--secondary);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 14px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailPassiveName {
|
|
||||||
font-size: 0.83rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailPassiveDesc {
|
|
||||||
font-size: 0.78rem;
|
|
||||||
opacity: 0.7;
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
|
|
||||||
[Parameter] public EntityModel Entity { get; set; } = default!;
|
|
||||||
|
|
||||||
[Parameter] public EventCallback OnClose { get; set; }
|
|
||||||
|
|
||||||
List<string> history = new();
|
|
||||||
EntityModel Current => history.Count > 0 ? EntityModel.Get(history[^1]) : Entity;
|
|
||||||
|
|
||||||
protected override void OnInitialized()
|
|
||||||
{
|
|
||||||
base.OnInitialized();
|
|
||||||
if (Entity != null)
|
|
||||||
{
|
|
||||||
history.Add(Entity.DataType);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async Task Close()
|
|
||||||
{
|
|
||||||
await OnClose.InvokeAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
void NavigateTo(string entityId)
|
|
||||||
{
|
|
||||||
if (EntityData.Get().ContainsKey(entityId))
|
|
||||||
{
|
|
||||||
history.Add(entityId);
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void GoBack()
|
|
||||||
{
|
|
||||||
if (history.Count > 1)
|
|
||||||
{
|
|
||||||
history.RemoveAt(history.Count - 1);
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,197 +0,0 @@
|
|||||||
@using Model.Entity.Data
|
|
||||||
|
|
||||||
<div class="catalogFilters">
|
|
||||||
<div class="filterGroup">
|
|
||||||
<span class="filterLabel">Faction</span>
|
|
||||||
<div class="filterPills">
|
|
||||||
@foreach (var choice in EntityFilterService.GetFactionChoices())
|
|
||||||
{
|
|
||||||
<button class="filterPill @(choice.Equals(EntityFilterService.GetFactionType()) ? "active" : "")"
|
|
||||||
@onclick="() => OnChangeFaction(choice)">
|
|
||||||
@(choice == DataType.Any
|
|
||||||
? "Any"
|
|
||||||
: EntityData.Get().TryGetValue(choice, out var fac) ? fac.Info().Name : choice)
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (EntityFilterService.GetFactionType() != "Any" && EntityFilterService.GetFactionType() != "None")
|
|
||||||
{
|
|
||||||
<div class="filterGroup">
|
|
||||||
<span class="filterLabel">Immortal</span>
|
|
||||||
<div class="filterPills">
|
|
||||||
@foreach (var choice in EntityFilterService.GetImmortalChoices())
|
|
||||||
{
|
|
||||||
<button class="filterPill @(choice.Equals(EntityFilterService.GetImmortalType()) ? "active" : "")"
|
|
||||||
@onclick="() => OnChangeImmortal(choice)">
|
|
||||||
@(EntityData.Get().TryGetValue(choice, out var imm) ? imm.Info().Name : choice)
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
<div class="filterGroup">
|
|
||||||
<span class="filterLabel">Type</span>
|
|
||||||
<div class="filterPills">
|
|
||||||
@foreach (var choice in EntityFilterService.GetEntityChoices())
|
|
||||||
{
|
|
||||||
<button class="filterPill @(choice.Equals(EntityFilterService.GetEntityType()) ? "active" : "")"
|
|
||||||
@onclick="() => OnChangeEntity(choice)">
|
|
||||||
@choice.Replace("_", " ")
|
|
||||||
</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="filterSearch">
|
|
||||||
<svg class="searchIcon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="11" cy="11" r="8"/>
|
|
||||||
<line x1="21" y1="21" x2="16.65" y2="16.65"/>
|
|
||||||
</svg>
|
|
||||||
<input class="searchInput" type="text" placeholder="Search by name..."
|
|
||||||
@bind="searchText"
|
|
||||||
@bind:after="OnSearchChanged"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.catalogFilters {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterGroup {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterLabel {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
font-weight: 600;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
opacity: 0.5;
|
|
||||||
min-width: 64px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterPills {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterPill {
|
|
||||||
padding: 6px 16px;
|
|
||||||
border-radius: 20px;
|
|
||||||
border: 1px solid var(--primary-border);
|
|
||||||
background: var(--primary);
|
|
||||||
color: rgba(255, 255, 255, 0.8);
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterPill:hover {
|
|
||||||
background: var(--primary-hover);
|
|
||||||
border-color: var(--primary-border-hover);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterPill.active {
|
|
||||||
background: var(--secondary);
|
|
||||||
border-color: var(--primary-border-hover);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterSearch {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 4px;
|
|
||||||
max-width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchIcon {
|
|
||||||
position: absolute;
|
|
||||||
left: 12px;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
opacity: 0.5;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchInput {
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px 12px 10px 36px;
|
|
||||||
border-radius: 20px;
|
|
||||||
border: 2px solid var(--primary-border);
|
|
||||||
background: var(--primary);
|
|
||||||
color: #fff;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
outline: none;
|
|
||||||
transition: border-color 0.15s ease;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchInput::placeholder {
|
|
||||||
color: rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchInput:focus {
|
|
||||||
border-color: var(--primary-border-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
@@media only screen and (max-width: 600px) {
|
|
||||||
.filterGroup {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterLabel {
|
|
||||||
min-width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
|
|
||||||
[Inject] public IEntityFilterService EntityFilterService { get; set; } = default!;
|
|
||||||
|
|
||||||
string searchText = "";
|
|
||||||
|
|
||||||
protected override void OnInitialized()
|
|
||||||
{
|
|
||||||
base.OnInitialized();
|
|
||||||
searchText = EntityFilterService.GetSearchText();
|
|
||||||
}
|
|
||||||
|
|
||||||
void OnChangeFaction(string choice)
|
|
||||||
{
|
|
||||||
EntityFilterService.SelectFactionType(choice);
|
|
||||||
}
|
|
||||||
|
|
||||||
void OnChangeImmortal(string choice)
|
|
||||||
{
|
|
||||||
EntityFilterService.SelectImmortalType(choice);
|
|
||||||
}
|
|
||||||
|
|
||||||
void OnChangeEntity(string choice)
|
|
||||||
{
|
|
||||||
EntityFilterService.SelectEntityType(choice);
|
|
||||||
}
|
|
||||||
|
|
||||||
void OnSearchChanged()
|
|
||||||
{
|
|
||||||
EntityFilterService.EnterSearchText(searchText);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -14,17 +14,6 @@
|
|||||||
<div>
|
<div>
|
||||||
Refer to various aspects of "IMMORTAL: Gates of Pyre" from this external reference!
|
Refer to various aspects of "IMMORTAL: Gates of Pyre" from this external reference!
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<DevOnlyComponent>
|
|
||||||
<div class="cooldown-demo">
|
|
||||||
<div class="cooldown-demo-label">Cooldown Demo</div>
|
|
||||||
<CooldownButtonComponent CooldownSeconds="12"
|
|
||||||
Size="120"
|
|
||||||
OnClick="OnCooldownClick">
|
|
||||||
Click Me
|
|
||||||
</CooldownButtonComponent>
|
|
||||||
</div>
|
|
||||||
</DevOnlyComponent>
|
|
||||||
</div>
|
</div>
|
||||||
</PaperComponent>
|
</PaperComponent>
|
||||||
|
|
||||||
@@ -53,18 +42,6 @@
|
|||||||
.mainContainer {
|
.mainContainer {
|
||||||
padding-bottom: 32px;
|
padding-bottom: 32px;
|
||||||
}
|
}
|
||||||
.cooldown-demo {
|
|
||||||
margin-top: 32px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
.cooldown-demo-label {
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-secondary, #aaa);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
@@ -86,10 +63,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@code {
|
|
||||||
private Task OnCooldownClick()
|
|
||||||
{
|
|
||||||
return Task.CompletedTask;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
[JSInvokable("OnKeyPress")]
|
[JSInvokable("OnKeyPress")]
|
||||||
public async Task OnKeyPress(string code, bool ctrlKey, bool shiftKey, bool altKey, bool metaKey)
|
public async Task OnKeyPress(string code, bool ctrlKey, bool shiftKey, bool altKey, bool metaKey)
|
||||||
{
|
{
|
||||||
if (code.ToLower().Equals("/"))
|
if (code.ToLower().Equals("k") && (ctrlKey || shiftKey || altKey || metaKey))
|
||||||
{
|
{
|
||||||
if (searchService.IsVisible)
|
if (searchService.IsVisible)
|
||||||
{
|
{
|
||||||
|
|||||||
Vendored
+26
-11
@@ -28,16 +28,30 @@
|
|||||||
"state": {
|
"state": {
|
||||||
"type": "markdown",
|
"type": "markdown",
|
||||||
"state": {
|
"state": {
|
||||||
"file": "Tasks/Update the Reference Tables with Telerik.md",
|
"file": "Helper Tutorial Info Improvements.md",
|
||||||
"mode": "source",
|
"mode": "source",
|
||||||
"source": false
|
"source": false
|
||||||
},
|
},
|
||||||
"icon": "lucide-file",
|
"icon": "lucide-file",
|
||||||
"title": "Update the Reference Tables with Telerik"
|
"title": "Helper Tutorial Info Improvements"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "68e1ba2b54081b9a",
|
||||||
|
"type": "leaf",
|
||||||
|
"state": {
|
||||||
|
"type": "markdown",
|
||||||
|
"state": {
|
||||||
|
"file": "Build Calculator CmdLine.md",
|
||||||
|
"mode": "source",
|
||||||
|
"source": false
|
||||||
|
},
|
||||||
|
"icon": "lucide-file",
|
||||||
|
"title": "Build Calculator CmdLine"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"currentTab": 1
|
"currentTab": 2
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"direction": "vertical"
|
"direction": "vertical"
|
||||||
@@ -94,7 +108,7 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"direction": "horizontal",
|
"direction": "horizontal",
|
||||||
"width": 321.5
|
"width": 508.5
|
||||||
},
|
},
|
||||||
"right": {
|
"right": {
|
||||||
"id": "dd7c1dc4bd54d927",
|
"id": "dd7c1dc4bd54d927",
|
||||||
@@ -187,8 +201,8 @@
|
|||||||
"state": {
|
"state": {
|
||||||
"type": "calendar",
|
"type": "calendar",
|
||||||
"state": {},
|
"state": {},
|
||||||
"icon": "lucide-ghost",
|
"icon": "calendar-with-checkmark",
|
||||||
"title": "calendar"
|
"title": "Calendar"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -209,14 +223,12 @@
|
|||||||
"bases:Create new base": false
|
"bases:Create new base": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"active": "094e8bbc34e4a833",
|
"active": "68e1ba2b54081b9a",
|
||||||
"lastOpenFiles": [
|
"lastOpenFiles": [
|
||||||
"_Tasks Kanban.base",
|
|
||||||
"Cooldown Practice Tool.md",
|
|
||||||
"cooldown-button.md",
|
|
||||||
"Build Calculator CmdLine.md",
|
|
||||||
"Device MAUI Pages Setup.md",
|
"Device MAUI Pages Setup.md",
|
||||||
|
"Build Calculator CmdLine.md",
|
||||||
"Feature Proposals.md",
|
"Feature Proposals.md",
|
||||||
|
"_Tasks Kanban.base",
|
||||||
"Tasks/Worker Income UI and Tests.md",
|
"Tasks/Worker Income UI and Tests.md",
|
||||||
"Tasks/Update the Reference Tables with Telerik.md",
|
"Tasks/Update the Reference Tables with Telerik.md",
|
||||||
"Tasks/WebAssembly back to Azure.md",
|
"Tasks/WebAssembly back to Azure.md",
|
||||||
@@ -237,6 +249,9 @@
|
|||||||
"Tasks/Input building delay should have an effect on when a building is built. Tests against 0, 2, 4, 60.md",
|
"Tasks/Input building delay should have an effect on when a building is built. Tests against 0, 2, 4, 60.md",
|
||||||
"Tasks/Hotkey Tests.md",
|
"Tasks/Hotkey Tests.md",
|
||||||
"Tasks/Highest Alloy and Ether Tests.md",
|
"Tasks/Highest Alloy and Ether Tests.md",
|
||||||
|
"Tasks/Get AI to Add easy Test Tasks.md",
|
||||||
|
"Tasks/Helper Tutorial Info Improvements.md",
|
||||||
|
"Tasks/Fix Entity Recursion Error - Parent.md",
|
||||||
"Tasks",
|
"Tasks",
|
||||||
"Images/Pasted image 20260601093510.png",
|
"Images/Pasted image 20260601093510.png",
|
||||||
"Images/Pasted image 20260601083333.png",
|
"Images/Pasted image 20260601083333.png",
|
||||||
|
|||||||
@@ -1,66 +0,0 @@
|
|||||||
---
|
|
||||||
type: Task
|
|
||||||
status: Working On
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Tool to practice using Pyre spells and unit spells.
|
|
||||||
|
|
||||||
We are not going to reuse the already made hotkey UI because the buttons for this tool will have more complicated UI and logic.
|
|
||||||
|
|
||||||
D key for unit abilities.
|
|
||||||
|
|
||||||
V key for immortal abilities.
|
|
||||||
|
|
||||||
|
|
||||||
For example, Pillar of Heaven costs 150 Pyre and has a cooldown of 120 seconds. So one could use it every 2 minutes.
|
|
||||||
|
|
||||||
The Hotkey is R.
|
|
||||||
|
|
||||||
Perhaps one would want to do that, then click Deploy on Absolvers.
|
|
||||||
|
|
||||||
I am not sure what this accomplished from a tool perspective, besides training basic muscle memory.
|
|
||||||
|
|
||||||
|
|
||||||
So we are going to need filters for picking faction and immortal again.
|
|
||||||
|
|
||||||
If Q'Rath is selected with Orzum, the list of abilities are:
|
|
||||||
|
|
||||||
Standard
|
|
||||||
- Mobilize Q'Rath
|
|
||||||
- Smite
|
|
||||||
- Awestrike
|
|
||||||
- Windstep
|
|
||||||
- Deploy Magi
|
|
||||||
- Deploy Absolver
|
|
||||||
|
|
||||||
With Space
|
|
||||||
- Tithe Blades
|
|
||||||
- Ordained Passage
|
|
||||||
- Deploy Sentinel
|
|
||||||
- Radiant Ward
|
|
||||||
|
|
||||||
Immortal
|
|
||||||
- Summon Citadel
|
|
||||||
- Empire Unbroken
|
|
||||||
- Rook of Ira
|
|
||||||
- Pillars of the Heavens
|
|
||||||
|
|
||||||
|
|
||||||
Some of this abilities act differently.
|
|
||||||
|
|
||||||
Smite, Awestrike work on one unit at a time.
|
|
||||||
|
|
||||||
I am pretty sure Mobilize Q'Rath, Windstep, Deploy Magi, and Deploy Absolver will affect all units selected.
|
|
||||||
|
|
||||||
So I need to add the ability press selection activity for Single or Group.
|
|
||||||
|
|
||||||
Using these abilities need to depleted individual mana pools or the pyre pool.
|
|
||||||
|
|
||||||
I'll need toggles for regeneration on Pyre and Mana.
|
|
||||||
|
|
||||||
I'll also need button to fill all Pyre and Mana, refresh all abilities, or depleted all pools.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
---
|
---
|
||||||
type: Task
|
type: Task
|
||||||
status: Working On
|
status: Backlog
|
||||||
---
|
---
|
||||||
|
|||||||
+16
-2
@@ -55,8 +55,22 @@ views:
|
|||||||
- More Wait Tests.md
|
- More Wait Tests.md
|
||||||
- Timeline Tests.md
|
- Timeline Tests.md
|
||||||
Working On:
|
Working On:
|
||||||
- Tasks/Update the Reference Tables with Telerik.md
|
- Changing Factions and Immortal should clear out build.md
|
||||||
Backlog: []
|
- Helper Tutorial Info Improvements.md
|
||||||
|
- Highest Alloy and Ether Tests.md
|
||||||
|
Backlog:
|
||||||
|
- Fully Test the Build Calculator.md
|
||||||
|
- Add an Ability to Favourite Data.md
|
||||||
|
- Plan Calculator.md
|
||||||
|
- Basic Build Order Sheet.md
|
||||||
|
- Update the Reference Tables with Telerik.md
|
||||||
|
- Make Examples be based on Database Information.md
|
||||||
|
- Allow to Always see Advanced Options in Calculator without pressing Space.md
|
||||||
|
- Remove Items from anywhere in the build calc timeline.md
|
||||||
|
- Spells are currently a production item in data. Make the a ability item so they don't show under production table.md
|
||||||
|
- WebAssembly back to Azure.md
|
||||||
|
- Change Ctrl + K Hotkey to something that doesn't conflict with Edge or other browsers.md
|
||||||
|
- Language Support.md
|
||||||
AI Agent Work:
|
AI Agent Work:
|
||||||
- Top Borders in Calculator should change based on Selected Faction and Immortal.md
|
- Top Borders in Calculator should change based on Selected Faction and Immortal.md
|
||||||
Blocked Backlog:
|
Blocked Backlog:
|
||||||
|
|||||||
@@ -1,111 +0,0 @@
|
|||||||
# Cooldown Button Component
|
|
||||||
|
|
||||||
A square Blazor button with a 12-second cooldown animation: when clicked, the button greys out and a circular transparency wedge dials open clockwise, progressively revealing the normal button state underneath.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Visual Design
|
|
||||||
|
|
||||||
The button has two visual states:
|
|
||||||
|
|
||||||
**Idle state** – A solid square button with the project's standard `--paper` background and `--primary` border. Hover inverts or brightens the paper. Click triggers a brief scale-down.
|
|
||||||
|
|
||||||
**Cooldown state** – The native button fades to `opacity: 0` while an absolutely-positioned overlay covers it. The overlay uses a `conic-gradient` CSS mask to create a "dialling open" effect. A number in the centre shows the remaining seconds.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Core Technique: Conic-Gradient Mask
|
|
||||||
|
|
||||||
The cooldown reveal is accomplished with a **conic-gradient mask** applied to the overlay `<div>`:
|
|
||||||
|
|
||||||
```
|
|
||||||
mask-image: conic-gradient(
|
|
||||||
transparent 0deg,
|
|
||||||
transparent {angle}deg,
|
|
||||||
#000 {angle}deg,
|
|
||||||
#000 360deg
|
|
||||||
);
|
|
||||||
```
|
|
||||||
|
|
||||||
- **`transparent`** – lets the button underneath show through (revealed area)
|
|
||||||
- **`#000` (black)** – fully masks the overlay, making it visible (greyed-out area)
|
|
||||||
|
|
||||||
At `angle = 0deg`, transparent covers nothing and the mask is entirely black → the overlay is fully opaque (button completely greyed out).
|
|
||||||
|
|
||||||
At `angle = 360deg`, transparent covers the full circle and black covers nothing → the overlay is fully transparent (button completely visible).
|
|
||||||
|
|
||||||
The angle animates linearly from 0 to 360 over the cooldown duration. Because `conic-gradient` starts at the 12 o'clock position and sweeps clockwise, the reveal begins at the top of the button and rotates around, like a clock hand or a dial opening.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Implementation Architecture
|
|
||||||
|
|
||||||
### Component Parameters
|
|
||||||
|
|
||||||
| Parameter | Type | Default | Description |
|
|
||||||
|------------------|-------------------|---------|------------------------------------|
|
|
||||||
| `ChildContent` | `RenderFragment` | `null` | Text or content inside the button |
|
|
||||||
| `OnClick` | `EventCallback` | — | Fired when the button is clicked |
|
|
||||||
| `CooldownSeconds`| `int` | `12` | Duration of the cooldown in seconds|
|
|
||||||
| `Size` | `int` | `120` | Width and height in pixels (square)|
|
|
||||||
|
|
||||||
### Timer Loop
|
|
||||||
|
|
||||||
A `System.Timers.Timer` fires every ~33 ms (≈30 fps) during the cooldown:
|
|
||||||
|
|
||||||
```
|
|
||||||
OnTick:
|
|
||||||
elapsed = UtcNow - startTime
|
|
||||||
if elapsed >= CooldownSeconds → end cooldown, dispose timer
|
|
||||||
_elapsedAngle = (elapsed / CooldownSeconds) * 360
|
|
||||||
_remainingSeconds = CooldownSeconds - (int)elapsed
|
|
||||||
InvokeAsync(StateHasChanged)
|
|
||||||
```
|
|
||||||
|
|
||||||
On each tick, `_elapsedAngle` is written into the overlay's inline `style` attribute, causing Blazor to re-render the `mask-image`. The timer is disposed in `Dispose()` to prevent leaks.
|
|
||||||
|
|
||||||
### Disposal
|
|
||||||
|
|
||||||
The component implements `IDisposable` to clean up the timer when the component is removed from the render tree. This follows the same pattern used by `SearchDialogComponent` and `BuildChartComponent` elsewhere in the codebase.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## CSS Masking Details
|
|
||||||
|
|
||||||
Two vendor-prefixed properties are set to ensure cross-browser support:
|
|
||||||
|
|
||||||
```
|
|
||||||
mask-image: conic-gradient(...);
|
|
||||||
-webkit-mask-image: conic-gradient(...);
|
|
||||||
```
|
|
||||||
|
|
||||||
The overlay uses `pointer-events: none` and `user-select: none` so that interaction passes through to the button underneath (which is disabled and transparent).
|
|
||||||
|
|
||||||
An `rgba(22, 22, 24, 0.82)` semi-transparent background on the overlay produces the greyed-out appearance. The mask controls *where* this background is visible.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Usage on the Home Page
|
|
||||||
|
|
||||||
The component is added to `Pages/Pages/Home/HomePage.razor` inside the first `PaperComponent`:
|
|
||||||
|
|
||||||
```razor
|
|
||||||
<CooldownButtonComponent CooldownSeconds="12"
|
|
||||||
Size="120"
|
|
||||||
OnClick="OnCooldownClick">
|
|
||||||
Click Me
|
|
||||||
</CooldownButtonComponent>
|
|
||||||
```
|
|
||||||
|
|
||||||
The `OnCooldownClick` handler in the page's `@code` block currently returns `Task.CompletedTask` (a no-op). This is the extension point where real work (e.g. triggering a game action, calling an API, showing a toast) would go.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Adapting the Component
|
|
||||||
|
|
||||||
- **Change cooldown duration** – set `CooldownSeconds` to any positive integer.
|
|
||||||
- **Change button size** – set `Size` to any pixel dimension (button remains square).
|
|
||||||
- **Custom content** – pass any Blazor markup as `ChildContent` (text, icons, spinners).
|
|
||||||
- **Handle the click** – attach a handler to `OnClick` that returns `Task` or `void`.
|
|
||||||
|
|
||||||
The `--cooldown-size` CSS custom property is set inline on the wrapper so that the label, overlay, and button all scale together.
|
|
||||||
Reference in New Issue
Block a user