Update Style for sheet, item list and tab + update ui + add svg dice

Update Style for sheet, item list and tab
Update ui
Add svg dice
This commit is contained in:
Mandar
2020-12-15 02:16:10 +01:00
parent a86a0f3ab6
commit 0b51804f21
83 changed files with 3752 additions and 615 deletions

View File

@@ -42,6 +42,7 @@
{{!-- Conflict Tab --}}
<article class="tab conflict" data-group="primary" data-tab="conflict">
{{> 'systems/l5r5e/templates/sheets/actor/conflict.html' }}
{{> 'systems/l5r5e/templates/item/weapons.html' }}
</article>
<article class="tab inventory" data-group="primary" data-tab="inventory">

View File

@@ -1,5 +1,5 @@
<div class="flexrow row">
<span class="name" name="acquisition.name">{{ acquisition.name }}</span>
<span class="xp" name="acquisition.xp">{{ acquisition.data.xp_used }}</span>
<span class="rank" name="acquisition.rank">{{ acquisition.data.rank }}</span>
</div>
<tr class="flexrow row">
<th class="name" name="acquisition.name">{{ acquisition.name }}</li>
<td class="xp" name="acquisition.xp">{{ acquisition.data.xp_used }}</li>
<td class="rank" name="acquisition.rank">{{ acquisition.data.rank }}</li>
</tr>

View File

@@ -1,47 +1,47 @@
<ul class="attributes-wrapper">
<li class="endurance-content">
<label class="attribute-label">
{{ localize 'l5r5e.attributes.endurance' }}
<strong>{{ localize 'l5r5e.attributes.endurance' }}</strong>
<input class="centered-input" type="text" name="data.endurance" value="{{data.endurance}}" data-dtype="Number" disabled/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.attributes.fatigue' }}
<strong>{{ localize 'l5r5e.attributes.fatigue' }}</strong>
<input class="centered-input" type="text" name="data.fatigue" value="{{data.fatigue}}" data-dtype="Number"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.endurancetip' }}</p>
</li>
<li class="composure-content">
<label class="attribute-label">
{{ localize 'l5r5e.attributes.composure' }}
<strong>{{ localize 'l5r5e.attributes.composure' }}</strong>
<input class="centered-input" type="text" name="data.composure" value="{{data.composure}}" data-dtype="Number" disabled/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.attributes.strife' }}
<strong>{{ localize 'l5r5e.attributes.strife' }}</strong>
<input class="centered-input" type="text" name="data.strife" value="{{data.strife}}" data-dtype="Number"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.composuretip' }}</p>
</li>
<li class="focus-content">
<label class="attribute-label">
{{ localize 'l5r5e.attributes.focus' }}
<strong>{{ localize 'l5r5e.attributes.focus' }}</strong>
<input class="centered-input" type="text" name="data.focus" value="{{data.focus}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.focustip' }}</p>
</li>
<li class="vigilante-content">
<label class="attribute-label">
{{ localize 'l5r5e.attributes.vigilante' }}
<strong>{{ localize 'l5r5e.attributes.vigilante' }}</strong>
<input class="centered-input" type="text" name="data.vigilante" value="{{data.vigilante}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.vigilantetip' }}</p>
</li>
<li class="void-content">
<label class="attribute-label">
{{ localize 'l5r5e.attributes.voidpoints' }}
<strong>{{ localize 'l5r5e.attributes.voidpoints' }}</strong>
<input class="centered-input" type="text" name="data.void_points.current" value="{{data.void_points.current}}" data-dtype="Number"/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.max' }}
<strong>{{ localize 'l5r5e.max' }}</strong>
<input class="centered-input" type="text" name="data.void_points.max" value="{{data.void_points.max}}" data-dtype="Number" disabled/>
</label>
</li>

View File

@@ -1,11 +1,8 @@
<div class="conflict-wrapper">
<div class="conflict-top-content">
<div class="conflict-stances-content">
<h4 class="section-header">{{ localize 'l5r5e.conflict.stance' }}</h4>
{{#each data.rings as |ringValue ringId|}}
{{> 'systems/l5r5e/templates/sheets/actor/stance.html' stance=../data.stance ringId=ringId }}
{{/each}}
</div>
{{> 'systems/l5r5e/templates/item/weapons.html' }}
</div>
</div>
<fieldset class="stances-content flexrow">
<legend class="section-header">{{ localize 'l5r5e.conflict.stance' }}</legend>
<ul>
{{#each data.rings as |ringValue ringId|}}
{{> 'systems/l5r5e/templates/sheets/actor/stance.html' stance=../data.stance ringId=ringId }}
{{/each}}
</ul>
</fieldset>

View File

@@ -1,31 +1,32 @@
<div class="tab-container">
<div class="flexrow" style="flex: 0 0 100px; justify-content: center;">
<div class="short-attribute-container">
<h4 class="attribute-label center">{{ localize 'l5r5e.xp.total' }}</h4>
<input type="text" name="data.xp_total" value="{{ data.xp_total }}" data-dtype="Number" placeholder="0"/>
</div>
<div class="short-attribute-container">
<h4 class="attribute-label">{{ localize 'l5r5e.xp.spent' }}</h4>
<input type="text" name="data.xp_spent" value="{{ data.xp_spent }}" data-dtype="Number" placeholder="0"/>
</div>
<div class="short-attribute-container">
<h4 class="attribute-label">{{ localize 'l5r5e.xp.saved' }}</h4>
<input type="text" name="data.xp_saved" value="{{ data.xp_saved }}" data-dtype="Number" placeholder="0"/>
</div>
</div>
<div class="acquisitions">
<h4 class="section-header flexrow">{{ localize 'l5r5e.xp.acquisitions'}}</h4>
<header class="flexrow row">
<h4 class="name">{{ localize 'l5r5e.name' }}</h4>
<h4 class="xp">{{ localize 'l5r5e.xp.spent' }}</h4>
<h4 class="rank">{{ localize 'l5r5e.rank' }}</h4>
</header>
{{#each data.feats as |feat featId| }}
{{> 'systems/l5r5e/templates/sheets/actor/acquisition.html' acquisition=feat }}
{{/each}}
<div class="tools">
<a class="acquisition-control acquisition-add" title="{{ localize 'l5r5e.add'}}"><i class="fas fa-plus"></i></a>
</div>
</div>
</div>
<fieldset class="xp">
<legend>{{ localize 'l5r5e.experience'}}</legend>
<label class="attribute-label">
{{ localize 'l5r5e.xp.total' }}
<input type="text" name="data.xp_total" value="{{ data.xp_total }}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.xp.spent' }}
<input type="text" name="data.xp_spent" value="{{ data.xp_spent }}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.xp.saved' }}
<input type="text" name="data.xp_saved" value="{{ data.xp_saved }}" data-dtype="Number" placeholder="0"/>
</label>
</fieldset>
<fieldset class="acquisitions">
<legend class="tools">{{ localize 'l5r5e.xp.acquisitions'}} <a class="acquisition-control acquisition-add" title="{{ localize 'l5r5e.add'}}"><i class="fas fa-plus"></i></a></legend>
<table>
<thead class="flex">
<tr class="flexrow row">
<th class="name">{{ localize 'l5r5e.name' }}</th>
<th class="xp">{{ localize 'l5r5e.xp.spent' }}</th>
<th class="rank">{{ localize 'l5r5e.rank' }}</th>
</tr>
</thead>
<tbody class="flex">
{{#each data.feats as |feat featId| }}
{{> 'systems/l5r5e/templates/sheets/actor/acquisition.html' acquisition=feat }}
{{/each}}
</tbody>
</table>
</fieldset>

View File

@@ -1,15 +1,15 @@
<div class="feats-wrapper">
<div class="section-header flexrow">
<h4 style="margin: 0; font-weight: bold;">{{ localize 'l5r5e.feats' }}</h4>
<div class="feat-controls">
<fieldset class="section-header flexrow">
<legend class="feat-controls">
{{ localize 'l5r5e.feats' }}
<a class="feat-control feat-add" title="Add Item"><i class="fas fa-plus"></i></a>
</div>
</div>
<ul class="item-list">
{{#each actor.items as |item id|}}
{{#if item.isFeat }}
{{> 'systems/l5r5e/templates/item/feat-entry.html' feat=item }}
{{/if}}
{{/each}}
</ul>
</legend>
<ul class="item-list">
{{#each actor.items as |item id|}}
{{#if item.isFeat }}
{{> 'systems/l5r5e/templates/item/feat-entry.html' feat=item }}
{{/if}}
{{/each}}
</ul>
</fieldset>
</div>

View File

@@ -1,6 +1,6 @@
<li class="skill skill-wrapper" data-skill="{{skillId}}">
<label class="skill-content">
<strong class="skill-name attribute-label rollable">{{ localizeSkill categoryId skillId }}</strong>
<span class="skill-name attribute-label rollable">{{ localizeSkill categoryId skillId }}</span>
<input type="text" name="data.skills.{{categoryId}}.{{skillId}}.value" value="{{skill.value}}" data-dtype="Number" placeholder="0"/>
</label>
<!-- Roll button -->

View File

@@ -1,5 +1,7 @@
<div class="stance-content">
<input id="stance_{{ringId}}" type="radio" name="data.stance" value="{{ringId}}" {{radioChecked ringId stance}}/>
<label for="stance_{{ringId}}" class="stance-title {{ringId}}">{{ localizeRing ringId }}</label>
<p class="quick-rules" style="display: inline;"> {{ localizeStanceTip ringId }}</p>
</div>
<li class="stance-content">
<label for="stance_{{ringId}}" class="stance-title {{ringId}}">
{{ localizeRing ringId }}
<input id="stance_{{ringId}}" type="radio" name="data.stance" value="{{ringId}}" {{radioChecked ringId stance}}/>
</label>
<p class="quick-rules">{{ localizeStanceTip ringId }}</p>
</li>