SessionZeroWasm/SessionZero/Pages/Library/CharacterTemplates/CharacterTemplates.razor

74 lines
2.9 KiB
Plaintext

@page "/library/character-templates"
@switch (_currentPageState)
{
case PageState.Main:
<NavLink class="button-secondary" href="/library/" style="align-self: flex-start;">
<img src="res/icons/outline/arrows/arrow-left.svg" class="button-icon" />
Back to Library
</NavLink>
<h1 class="page-title">Character Templates</h1>
<div class="library-card-container">
<div class="card" onclick="@(() => { SetPageState(PageState.Create); })">
<img src="res/icons/outline/general/plus.svg" class="icon"/>
<h1>Create</h1>
<p>Create a new template</p>
</div>
<div class="card" onclick="@(() => { SetPageState(PageState.List); })">
<img src="res/icons/outline/general/edit.svg" class="icon"/>
<h1>Manage</h1>
<p>Manage and edit saved templates</p>
</div>
<div class="card" onclick="@(() => { SetPageState(PageState.SessionZeroDb); })">
<img src="res/icons/outline/general/search.svg" class="icon"/>
<h1>SessionZeroDB</h1>
<p>Search online for new templates (NOT FUNCTIONAL)</p>
</div>
</div>
break;
case PageState.Create:
<div class="button-secondary" href="/library/" style="align-self: flex-start;" onclick="@(() => { SetPageState(PageState.Main); })">
<img src="res/icons/outline/arrows/arrow-left.svg" class="button-icon" />
Go Back
</div>
<h1 class="page-title">Create new Character</h1>
<p>Here you can create a new character template</p>
break;
case PageState.List:
<div class="button-secondary" href="/library/" style="align-self: flex-start;" onclick="@(() => { SetPageState(PageState.Main); })">
<img src="res/icons/outline/arrows/arrow-left.svg" class="button-icon" />
Go Back
</div>
<h1 class="page-title">Characters</h1>
<p>Here you can manage your saved character templates</p>
break;
case PageState.SessionZeroDb:
<div class="button-secondary" href="/library/" style="align-self: flex-start;" onclick="@(() => { SetPageState(PageState.Main); })">
<img src="res/icons/outline/arrows/arrow-left.svg" class="button-icon" />
Go Back
</div>
<h1 class="page-title">Create new Character</h1>
<p>Here you will be able to search for and download new character templates</p>
break;
default:
<div class="button-secondary" href="/library/" style="align-self: flex-start;" onclick="@(() => { SetPageState(PageState.Main); })">
<img src="res/icons/outline/arrows/arrow-left.svg" class="button-icon" />
Go Back
</div>
<h1 class="page-title">Oh no!</h1>
<p>You're not supposed to be here! Go back and try again.</p>
break;
}