uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replaced moving description in items by a big popup on hover.

Browse Source
This commit is contained in:
Vlyan
2021-06-23 09:20:34 +02:00
parent 30a6d96014
commit 08a3d2cceb
37 changed files with 508 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
system/templates/items/armor/armor-entry.html
View File

@@ -1,10 +1,10 @@
<li class="item armor flexcol toggle-on-click" data-toggle="item-description-{{armor.id}}" data-item-id="{{armor.id}}">
<li class="item armor flexcol" data-item-id="{{armor.id}}">
<ul class="item-header item-control">
<li class="item-img"><img src="{{armor.img}}" title="{{armor.name}}" width="32px" height="32px"/></li>
<li class="item-name">{{armor.name}}</li>
<li class="item-name l5r5e-tooltip" data-item-id="{{armor.id}}">{{armor.name}}</li>
<li class="icon-stat-container">
<i class="fas fa-tint" title="{{localize 'l5r5e.armors.type'}} {{localize 'l5r5e.armors.physical'}}"> {{armor.data.data.armor.physical}}</i>
<i class="fas fa-bolt" title="{{ localize 'l5r5e.armors.type'}} {{localize 'l5r5e.armors.supernatural'}}"> {{armor.data.data.armor.supernatural}}</i>
<i class="fas fa-bolt" title="{{localize 'l5r5e.armors.type'}} {{localize 'l5r5e.armors.supernatural'}}"> {{armor.data.data.armor.supernatural}}</i>
</li>
{{#if editable}}
<li data-item-id="{{armor.id}}" class="item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
@@ -13,10 +13,7 @@
</ul>
<ul class="item-properties">
{{#each armor.data.data.properties as |property id|}}
<li>{{{ property.name }}}</li>
<li class="l5r5e-tooltip" data-property-id="{{property.id}}">{{{property.name}}}</li>
{{/each}}
</ul>
{{#if armor.data.data.description}}
<div class="item-description item-description-{{armor.id}}">{{{ armor.data.data.description }}}</div>
{{/if}}
</li>

37
system/templates/items/armor/armor-text.html Normal file
View File

@@ -0,0 +1,37 @@
<div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data.data._id}}">
<header class="card-header flexrow">
<img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/>
<h3 class="item-name">{{data.name}}</h3>
</header>
<section class="sheet-body">
{{localize 'l5r5e.weapons.sheathed'}} : {{#if data.data.equipped}}{{localize 'Yes'}}{{else}}{{localize 'No'}}{{/if}}
<br>
{{localize 'l5r5e.weapons.readied'}} : {{#if data.data.readied}}{{localize 'Yes'}}{{else}}{{localize 'No'}}{{/if}}
{{!--item-value--}}
<br>
{{localize 'l5r5e.quantity'}} : {{data.data.quantity}}
<br>
{{localize 'l5r5e.weight'}} :{{data.data.weight}}
<br>
{{localize 'l5r5e.rarity'}} : {{data.data.rarity}}
<br>
{{localize 'l5r5e.value'}} : {{data.data.zeni}}
<br>
{{localize 'l5r5e.armors.physical'}} : {{data.data.armor.physical}}
<br>
{{localize 'l5r5e.armors.supernatural'}} : {{data.data.armor.supernatural}}
{{!--properties--}}
<br>
{{localize 'l5r5e.properties'}} :
{{#each data.data.properties as |property idx|}}{{#ifCond idx '>' 0}}, {{/ifCond}}{{property.name}}{{/each}}
{{!--item-infos--}}
<br>
{{localize 'l5r5e.description'}} : {{{data.data.description}}}
<br>
{{localize 'l5r5e.book_reference'}} : {{data.data.book_reference}}
</section>
</div>