mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-13 20:21:06 +01:00
Add ability to toggle between list and card views
This commit is contained in:
parent
c6cede40b2
commit
798c07dffe
6 changed files with 66 additions and 43 deletions
|
|
@ -11,18 +11,29 @@
|
|||
<input type="text" name="" id="" placeholder="Search...">
|
||||
</div>
|
||||
<a><i class="fa-solid fa-filter"></i></a>
|
||||
<button class="btn-toogle-view">
|
||||
<span class="{{#if listView}}list-active{{/if}}list-active list-icon">
|
||||
<button class="btn-toggle-view" data-action="toggleLoadoutView" data-value="{{this.abilities.loadout.listView}}">
|
||||
<span class="{{#if this.abilities.loadout.listView}}list-active{{/if}} list-icon">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</span>
|
||||
<span class="{{#if gridView}}grid-active{{/if}} grid-icon">
|
||||
<span class="{{#unless this.abilities.loadout.listView}}grid-active{{/unless}} grid-icon">
|
||||
<i class="fa-solid fa-grip"></i>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="items-section">
|
||||
{{#if this.abilities.loadout.listView}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.Sheets.PC.Tabs.Loadout') type='domainCard' isGlassy=true cardView='list'}}
|
||||
{{else}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.Sheets.PC.Tabs.Loadout') type='domainCard' isGlassy=true cardView='card'}}
|
||||
{{/if}}
|
||||
|
||||
{{#if this.abilities.loadout.listView}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.Sheets.PC.Tabs.Vault') type='domainCard' isGlassy=true cardView='list'}}
|
||||
{{else}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.Sheets.PC.Tabs.Vault') type='domainCard' isGlassy=true cardView='card'}}
|
||||
{{/if}}
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,38 +1,40 @@
|
|||
<fieldset class="{{#if isGlassy}}glassy{{/if}}">
|
||||
<legend>{{title}}</legend>
|
||||
<ul class="items-list">
|
||||
{{#each document.items as |item|}}
|
||||
{{#if (eq item.type ../type)}}
|
||||
{{#unless (or (eq ../type 'ancestry') (eq item.type 'class') (eq item.type 'subclass'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=item type=../type}}
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.ancestry.system.actions as |action|}}
|
||||
{{#if (or (eq ../type 'ancestry'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=action type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.ancestry.system.actions as |action|}}
|
||||
{{#if (or (eq ../type 'ancestry'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=action type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.class.value.system.classFeatures as |classFeature|}}
|
||||
{{#if (or (eq ../type 'class'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=classFeature type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.class.value.system.classFeatures as |classFeature|}}
|
||||
{{#if (or (eq ../type 'class'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=classFeature type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.appliedEffects as |effect|}}
|
||||
{{#if (or (eq ../type 'effect'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=effect type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#unless (eq cardView 'card') }}
|
||||
{{#each document.items as |item|}}
|
||||
{{#if (eq item.type ../type)}}
|
||||
{{#unless (or (eq ../type 'ancestry') (eq item.type 'class') (eq item.type 'subclass'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=item type=../type}}
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.ancestry.system.actions as |action|}}
|
||||
{{#if (or (eq ../type 'ancestry'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=action type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.ancestry.system.actions as |action|}}
|
||||
{{#if (or (eq ../type 'ancestry'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=action type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.class.value.system.classFeatures as |classFeature|}}
|
||||
{{#if (or (eq ../type 'class'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=classFeature type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.system.class.value.system.classFeatures as |classFeature|}}
|
||||
{{#if (or (eq ../type 'class'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=classFeature type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#each document.appliedEffects as |effect|}}
|
||||
{{#if (or (eq ../type 'effect'))}}
|
||||
{{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=effect type=../type}}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{/unless}}
|
||||
|
||||
</ul>
|
||||
<ul class="card-list">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue