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,13 +1,10 @@
<li class="item item-pattern flexcol toggle-on-click" data-toggle="item-description-{{pattern.id}}" data-item-id="{{pattern.id}}">
<li class="item item-pattern flexcol" data-item-id="{{pattern.id}}">
<ul class="item-header pattern-controls">
<li class="item-img"><img src="{{pattern.img}}" title="{{pattern.name}}" width="24px" height="24px"/></li>
<li class="item-name">{{pattern.name}}</li>
<li class="item-name l5r5e-tooltip" data-item-id="{{pattern.id}}">{{pattern.name}}</li>
{{#if editable}}
<li data-item-id="{{pattern.id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
<li data-item-id="{{pattern.id}}" class="item-control item-delete" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></li>
{{/if}}
</ul>
{{#if pattern.data.data.description}}
<div class="item-description item-description-{{pattern.id}}">{{{pattern.data.data.description}}}</div>
{{/if}}
</li>

View File

@@ -8,31 +8,31 @@
{{!-- Attributes Tab --}}
<article class="attributes item-list" data-group="primary" data-tab="attributes">
<label class="attribute">
{{ localize 'l5r5e.advancements.rarity_modifier' }}
{{localize 'l5r5e.advancements.rarity_modifier'}}
<input class="select-on-focus" type="number" name="data.rarity_modifier" value="{{data.data.rarity_modifier}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="attribute">
{{ localize 'l5r5e.advancements.cost' }}
{{localize 'l5r5e.advancements.cost'}}
<input class="select-on-focus" type="number" name="data.xp_cost" value="{{data.data.xp_cost}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="attribute">
{{ localize 'l5r5e.advancements.spent' }}
{{localize 'l5r5e.advancements.spent'}}
<input class="select-on-focus" type="number" name="data.xp_used" value="{{data.data.xp_used}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="attribute">
{{ localize 'l5r5e.rank' }}
{{localize 'l5r5e.rank'}}
<input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="attribute">
{{ localize 'l5r5e.bought_at_rank' }}
{{localize 'l5r5e.bought_at_rank'}}
<input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label class="attribute item">
{{ localize 'l5r5e.linked_property' }}
{{localize 'l5r5e.linked_property'}}
{{#if data.linkedProperty}}
<ul class="item-properties">
<li>
{{{ data.linkedProperty.name }}}
{{{data.linkedProperty.name}}}
{{#if options.editable}}
<span data-item-id="{{data.linkedProperty.id}}" class="item-control linked-property-delete" title="{{localize 'Delete'}}"> <i class="fas fa-trash"></i></span>
{{/if}}

View File

@@ -0,0 +1,29 @@
<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.advancements.rarity_modifier'}} : {{data.data.rarity_modifier}}
<br>
{{localize 'l5r5e.advancements.cost'}} : {{data.data.xp_cost}}
<br>
{{localize 'l5r5e.advancements.spent'}} : {{data.data.xp_used}}
<br>
{{localize 'l5r5e.rank'}} : {{data.data.rank}}
<br>
{{localize 'l5r5e.bought_at_rank'}} : {{data.data.bought_at_rank}}
{{!--Linked property--}}
{{!--
<br>
{{localize 'l5r5e.linked_property'}} : {{{data.data.linkedProperty.name}}} linked_property_id
--}}
{{!--item-infos--}}
<br>
{{localize 'l5r5e.description'}} : {{{data.data.description}}}
<br>
{{localize 'l5r5e.book_reference'}} : {{data.data.book_reference}}
</section>
</div>