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 weapon flexcol toggle-on-click" data-toggle="item-description-{{weapon.id}}">
<li class="item weapon flexcol">
<ul class="item-header item-control">
<li class="item-img"><img src="{{weapon.img}}" title="{{weapon.name}}" width="32px" height="32px"/></li>
<li class="item-name dice-picker" data-weapon-id="{{weapon.id}}">{{weapon.name}}</li>
<li class="item-name dice-picker l5r5e-tooltip" data-item-id="{{weapon.id}}" data-weapon-id="{{weapon.id}}">{{weapon.name}}</li>
<li class="icon-stat-container">
<i class="fas fa-arrows-alt-h" title="{{localize 'l5r5e.weapons.range'}}"> {{weapon.data.data.range}}</i>
<i class="fas fa-tint" title="{{localize 'l5r5e.weapons.damage'}}"> {{weapon.data.data.damage}}</i>
@@ -16,11 +16,8 @@
<li class="equip-readied-control" data-item-id="{{weapon.id}}" data-type="readied">
<i class="i_readied fa{{^if weapon.data.data.readied}}r{{/if}} fa-check-circle" title="{{#if weapon.data.data.readied}}{{localize 'l5r5e.weapons.readied'}}{{else}}{{localize 'l5r5e.weapons.sheathed'}}{{/if}}"></i>
</li>
{{#each weapon.data.data.properties as |property id|}}
<li>{{{property.name}}}</li>
{{#each weapon.data.data.properties as |property|}}
<li class="l5r5e-tooltip" data-property-id="{{property.id}}">{{{property.name}}}</li>
{{/each}}
</ul>
{{#if weapon.data.data.description}}
<div class="item-description item-description-{{weapon.id}}">{{{weapon.data.data.description}}}</div>
{{/if}}
</li>

View File

@@ -1,29 +1,29 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="profile-img" src="{{document.img}}" data-edit="img" title="{{document.name}}"/>
<h1 class="charname"><input name="name" type="text" value="{{document.name}}" placeholder="Name"/></h1>
<img class="profile-img" src="{{data.img}}" data-edit="img" title="{{data.name}}"/>
<h1 class="charname"><input name="name" type="text" value="{{data.name}}" placeholder="Name"/></h1>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- attributes--}}
<article class="attributes" data-group="primary" data-tab="description">
<label class="attribute-value checkbox">
<input type="checkbox" name="data.equipped" {{checked document.data.data.equipped}} />
<input type="checkbox" name="data.equipped" {{checked data.data.equipped}} />
{{localize 'l5r5e.weapons.sheathed'}}
</label>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.readied" {{checked document.data.data.readied}} />
<input type="checkbox" name="data.readied" {{checked data.data.readied}} />
{{localize 'l5r5e.weapons.readied'}}
</label>
{{> 'systems/l5r5e/templates/items/item/item-value.html' }}
{{> 'systems/l5r5e/templates/items/item/item-value.html'}}
<label class="category">
{{localize 'l5r5e.weapons.category'}}
<input type="text" name="data.category" value="{{document.data.data.category}}" />
<input type="text" name="data.category" value="{{data.data.category}}" />
</label>
<label class="skillType">
{{localize 'l5r5e.skill'}}
<select class="attribute-dtype" name="data.skill">
{{#select document.data.data.skill}}
{{#select data.data.skill}}
{{#each data.skills as |id cat|}}
<option value="{{id}}">{{localizeSkillId id}}</option>
{{/each}}
@@ -34,26 +34,26 @@
<legend class="text-block-header">{{localize 'l5r5e.weapons.stats'}}</legend>
<label>
{{localize 'l5r5e.weapons.range'}}
<input class="select-on-focus" type="text" name="data.range" value="{{document.data.data.range}}" data-dtype="String" placeholder="0"/>
<input class="select-on-focus" type="text" name="data.range" value="{{data.data.range}}" data-dtype="String" placeholder="0"/>
</label>
<label>
{{localize 'l5r5e.weapons.damage'}}
<input class="select-on-focus" type="number" name="data.damage" value="{{document.data.data.damage}}" data-dtype="Number" min="0" placeholder="0"/>
<input class="select-on-focus" type="number" name="data.damage" value="{{data.data.damage}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<label>
{{localize 'l5r5e.weapons.deadliness'}}
<input class="select-on-focus" type="number" name="data.deadliness" value="{{document.data.data.deadliness}}" data-dtype="Number" min="0" placeholder="0"/>
<input class="select-on-focus" type="number" name="data.deadliness" value="{{data.data.deadliness}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
</fieldset>
<fieldset class="stats">
<legend class="text-block-header">{{localize 'l5r5e.weapons.grips'}}</legend>
<label>
{{localize 'l5r5e.weapons.1hand'}}
<input class="grip" type="text" name="data.grip_1" value="{{document.data.data.grip_1}}" />
<input class="grip" type="text" name="data.grip_1" value="{{data.data.grip_1}}" />
</label>
<label>
{{localize 'l5r5e.weapons.2hand'}}
<input class="grip" type="text" name="data.grip_2" value="{{document.data.data.grip_2}}" />
<input class="grip" type="text" name="data.grip_2" value="{{data.data.grip_2}}" />
</label>
</fieldset>
</article>

View File

@@ -0,0 +1,47 @@
<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.weapons.category'}} : {{data.data.category}}
<br>
{{localize 'l5r5e.skill'}} : {{localizeSkillId data.data.skill}}
<br>
{{localize 'l5r5e.weapons.range'}} : {{data.data.range}}
<br>
{{localize 'l5r5e.weapons.damage'}} : {{data.data.damage}}
<br>
{{localize 'l5r5e.weapons.deadliness'}} : {{data.data.deadliness}}
<br>
{{localize 'l5r5e.weapons.1hand'}} : {{data.data.grip_1}}
<br>
{{localize 'l5r5e.weapons.2hand'}} : {{data.data.grip_2}}
{{!--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>