SessionZeroWasm/SessionZero/Pages/Library/Datasets/Datasets.razor

79 lines
3.0 KiB
Plaintext

@page "/Library/Datasets"
@using SessionZero.Data
@using SessionZero.Models
@using SessionZero.Components.Datasets
@inject NavigationManager NavigationManager
@inject SessionZero.Services.ISzfStorageService SzfStorageService
@inject SzfParser SzfParser
@inject SzfGenerator SzfGenerator
@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">Datasets</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 datasets</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 datasets</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 datasets (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 Dataset</h1>
<DatasetEditor/>
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">Manage Datasets</h1>
<p>Here you can manage your saved datasets</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">SessionZeroDB</h1>
<p>This is where you will be able to search online for new datasets</p>
break;
default:
<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">Oops!</h1>
<p>Something went wrong.</p>
break;
}