116 lines
5.0 KiB
HTML
116 lines
5.0 KiB
HTML
<div class="tab gear container is-fluid" data-group="primary" data-tab="items">
|
|
|
|
{{#each gear as |item id|}}
|
|
<div class="box item-card my-2 py-2" data-item-id="{{item.id}}">
|
|
<div class="media">
|
|
<div class="media-left">
|
|
<figure class="image is-square">
|
|
<img class="is-cover" src="{{item.img}}" title="{{item.name}}">
|
|
</figure>
|
|
|
|
<nav class="media-center">
|
|
<div class="field has-addons">
|
|
<p class="control">
|
|
<button class="button is-small item-edit">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-edit"></i>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
<p class="control">
|
|
<button class="button is-small item-delete">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-times"></i>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
<div class="media-content">
|
|
{{#if (ne item.data.data.damage null)}}
|
|
<div class="is-capitalized is-size-5 has-text-weight-bold weapon-attack"><a>{{item.name}} <i class="fas fa-dice-d20"></i></a></div>
|
|
{{else}}
|
|
<div class="is-capitalized is-size-5 has-text-weight-bold">{{item.name}}</div>
|
|
{{/if}}
|
|
<div class="field is-grouped is-grouped-multiline">
|
|
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-dark">{{item.data.data.category}}</span>
|
|
{{#if (ne item.data.subcategory "None")}}
|
|
<span class="tag is-light">{{item.data.data.subcategory}}</span>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
|
|
{{#if (ne item.data.data.damage null)}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-info">{{localize Damage}}</span>
|
|
<span class="tag is-info is-light">{{item.data.data.damage}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (ne item.data.data.range null)}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-info">{{localize Range}}</span>
|
|
<span class="tag is-info is-light">{{item.data.data.range}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (ne item.data.data.armour null)}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-info">{{localize Armour}}</span>
|
|
<span class="tag is-info is-light">{{item.data.data.armour}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (and (ne item.data.data.effect "") (ne item.data.data.effect null))}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-primary">{{localize Effect}}</span>
|
|
<span class="tag is-primary is-light">{{item.data.effect}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (ne item.data.data.price null)}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-warning">{{localize Price}}</span>
|
|
<span class="tag is-warning is-light">{{item.data.data.price}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (ne item.data.data.sale null)}}
|
|
<div class="control">
|
|
<div class="tags has-addons">
|
|
<span class="tag is-warning">{{localize Sale}}</span>
|
|
<span class="tag is-warning is-light">{{item.data.data.sale}}</span>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
</div>
|
|
<div class="media-content">{{{item.data.data.description}}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
|
|
<button class="button is-outlined is-fullwidth item-create mb-4" data-type="item">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-plus"></i>
|
|
</span>
|
|
<span>{{localize "FROSTGRAVE.AddItem"}}</span>
|
|
</button>
|
|
|
|
</div> |