Implement the Inventory tab's sub-navigation (closes #97)

This commit is contained in:
Oliver-Akins 2024-03-02 22:40:32 -07:00
parent 2065596686
commit 5f09f92790
12 changed files with 90 additions and 23 deletions

View file

@ -0,0 +1,5 @@
<div class="tab inventory-page" data-group="page" data-tab="inventory">
{{> dotdungeon.pc.v2.storage }}
{{> dotdungeon.pc.v2.player }}
{{> dotdungeon.pc.v2.transportation }}
</div>

View file

@ -0,0 +1,3 @@
<div class="tab" data-group="inventory" data-tab="player">
</div>

View file

@ -0,0 +1 @@
<div class="tab" data-group="inventory" data-tab="storage">Storage</div>

View file

@ -0,0 +1 @@
<div class="tab" data-group="inventory" data-tab="transportation">Transporation</div>

View file

@ -1,20 +1,29 @@
<form autocomplete="off" class="actor--pc">
<form autocomplete="off" class="actor--pc-v2">
{{!-- All panels here --}}
<section class="page-content">
<div class="tab" data-group="page" data-tab="avatar">Avatar</div>
{{> dotdungeon.pc.v2.stats }}
<div class="tab" data-group="page" data-tab="combat">Combat</div>
<div class="tab" data-group="page" data-tab="inventory">Inventory</div>
{{> dotdungeon.pc.v2.inventory }}
<div class="tab" data-group="page" data-tab="spells">Spells</div>
<div class="tab" data-group="page" data-tab="settings">Settings</div>
</section>
{{!-- Tab list here --}}
<nav data-group="page">
<button type="button" data-tab="avatar">Avatar</button>
<button type="button" data-tab="stats">Stats / Skills</button>
<button type="button" data-tab="combat">Combat</button>
<button type="button" data-tab="inventory">Inventory</button>
<button type="button" data-tab="spells">Spells</button>
</nav>
<div class="nav-bar">
<nav class="inventory" data-group="inventory">
<button type="button" data-group="inventory" data-tab="storage">Storage</button>
<button type="button" data-group="inventory" data-tab="player">Player</button>
<button type="button" data-group="inventory" data-tab="transportation">Transportation</button>
</nav>
<nav class="page" data-group="page">
<button type="button" data-group="page" data-tab="avatar">Avatar</button>
<button type="button" data-group="page" data-tab="stats">Stats / Skills</button>
<button type="button" data-group="page" data-tab="combat">Combat</button>
<button type="button" data-group="page" data-tab="inventory">Inventory</button>
<button type="button" data-group="page" data-tab="spells">Spells</button>
<button type="button" data-group="page" data-tab="settings">Settings</button>
</nav>
</div>
</form>