lanpartytools/LANCommander
lanpartytools/LANCommander
1
0
Fork 0
Code Issues Pull requests Projects Releases 17 Packages Activity

Use CSS to show/hide panel contents

Browse source 
Fixes #23
This commit is contained in:
Pat Hartl 2023-08-01 18:48:50 -05:00
parent a7e494b995
commit 4bbeb3d891
1 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
LANCommander/Pages/Games/Edit.razor
View file

@ -41,8 +41,7 @@
</PageHeader> </PageHeader>
<div class="site-layout-content"> <div class="site-layout-content">
@if (Panel == "General" || String.IsNullOrWhiteSpace(Panel)) <div data-panel="General">
{
<Form Model="@Game" Layout="@FormLayout.Vertical"> <Form Model="@Game" Layout="@FormLayout.Vertical">
<FormItem Label="Title"> <FormItem Label="Title">
<GameMetadataLookup @ref="GameMetadataLookup" OnResultSelected="OnGameLookupResultSelected" /> <GameMetadataLookup @ref="GameMetadataLookup" OnResultSelected="OnGameLookupResultSelected" />
@ -94,41 +93,35 @@
<TagsInput Entities="Tags" @bind-Values="Game.Tags" OptionLabelSelector="c => c.Name" TItem="Data.Models.Tag" /> <TagsInput Entities="Tags" @bind-Values="Game.Tags" OptionLabelSelector="c => c.Name" TItem="Data.Models.Tag" />
</FormItem> </FormItem>
</Form> </Form>
} </div>
@if (Game != null && Game.Id != Guid.Empty) @if (Game != null && Game.Id != Guid.Empty)
{ {
if (Panel == "Actions") <div data-panel="Actions">
{
<ActionEditor @bind-Actions="Game.Actions" GameId="Game.Id" ArchiveId="@LatestArchiveId" /> <ActionEditor @bind-Actions="Game.Actions" GameId="Game.Id" ArchiveId="@LatestArchiveId" />
} </div>
if (Panel == "Multiplayer") <div data-panel="Multiplayer">
{
<MultiplayerModeEditor @bind-Value="Game.MultiplayerModes" /> <MultiplayerModeEditor @bind-Value="Game.MultiplayerModes" />
} </div>
if (Panel == "Saves") <div data-panel="Saves">
{
<SavePathEditor @bind-Value="Game.SavePaths" GameId="Game.Id" ArchiveId="@LatestArchiveId" /> <SavePathEditor @bind-Value="Game.SavePaths" GameId="Game.Id" ArchiveId="@LatestArchiveId" />
} </div>
if (Panel == "Keys") <div data-panel="Keys">
{
<KeysEditor @ref="KeysEditor" @bind-Keys="Game.Keys" GameId="Game.Id" /> <KeysEditor @ref="KeysEditor" @bind-Keys="Game.Keys" GameId="Game.Id" />
<Button OnClick="() => KeysEditor.Edit()">Edit</Button> <Button OnClick="() => KeysEditor.Edit()">Edit</Button>
} </div>
if (Panel == "Scripts") <div data-panel="Scripts">
{
<ScriptEditor @bind-Scripts="Game.Scripts" GameId="Game.Id" ArchiveId="@LatestArchiveId" /> <ScriptEditor @bind-Scripts="Game.Scripts" GameId="Game.Id" ArchiveId="@LatestArchiveId" />
} </div>
if (Panel == "Archives") <div data-panel="Archives">
{
<ArchiveUploader Game="Game" /> <ArchiveUploader Game="Game" />
} </div>
} }
</div> </div>
@ -147,6 +140,14 @@
.ant-layout-content > .ant-page-header-heading { .ant-layout-content > .ant-page-header-heading {
padding-top: 0; padding-top: 0;
} }
[data-panel] {
display: none;
}
[data-panel="@Panel"] {
display: block;
}
</style> </style>
@code { @code {