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

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

View File

@@ -1,7 +1,7 @@
<li class="item flexcol toggle-on-click" data-toggle="item-description-{{item._id}}" data-item-id="{{item._id}}">
<li class="item flexcol" data-item-id="{{item._id}}">
<ul class="item-header item-control">
<li class="item-img"><img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/></li>
<li class="item-name">{{ item.name }} <sub>x{{item.data.quantity}}</sub></li>
<li class="item-name l5r5e-tooltip" data-item-id="{{item._id}}">{{item.name}} <sub>x{{item.data.quantity}}</sub></li>
{{#if editable}}
<li data-item-id="{{item._id}}" data-type="equipped" class="item-equip equip-readied-control" title="{{localize 'l5r5e.armors.equipped'}}"><i class="fas {{#if item.data.equipped}}fa-tshirt{{else}}fa-weight-hanging{{/if}}"></i></li>
<li data-item-id="{{item._id}}" class="item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
@@ -9,11 +9,8 @@
{{/if}}
</ul>
<ul class="item-properties">
{{#each item.data.properties as |property id|}}
<li>{{{property.name}}}</li>
{{#each item.data.properties as |property idx|}}
<li class="l5r5e-tooltip" data-property-id="{{property.id}}">{{{property.name}}}</li>
{{/each}}
</ul>
{{#if item.data.description}}
<div class="item-description item-description-{{item._id}}">{{{item.data.description}}}</div>
{{/if}}
</li>

View File

@@ -0,0 +1,32 @@
<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}}
{{!--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>

View File

@@ -1,13 +1,13 @@
<label class="value">
{{ localize 'l5r5e.quantity' }}
{{localize 'l5r5e.quantity'}}
<input class="select-on-focus" type="number" name="data.quantity" value="{{data.data.quantity}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="value">
{{ localize 'l5r5e.weight' }}
{{localize 'l5r5e.weight'}}
<input class="select-on-focus" type="number" name="data.weight" value="{{data.data.weight}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="value">
{{ localize 'l5r5e.rarity' }}
{{localize 'l5r5e.rarity'}}
<input class="select-on-focus" type="number" name="data.rarity" value="{{data.data.rarity}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="value">