Update sheet for 100% height and make editor functional

This commit is contained in:
Mandar
2020-12-12 20:43:46 +01:00
parent c9c1b4f206
commit eb76d38aa1
10 changed files with 170 additions and 98 deletions

View File

@@ -6,22 +6,22 @@
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
<a class="item" data-tab="attributes">Attributes</a>
</nav>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
<a class="item" data-tab="attributes">Attributes</a>
</nav>
{{!-- Description Tab --}}
<div class="tab" data-group="primary" data-tab="description">
<article class="tab" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</div>
</article>
{{!-- Attributes Tab --}}
<div class="tab attributes" data-group="primary" data-tab="attributes">
<article class="tab attributes" data-group="primary" data-tab="attributes">
<div class="flexrow">
<div class="attribute-container">
<label class="attribute-label">{{ localize 'l5r5e.xp.spent' }}</label>
@@ -32,6 +32,6 @@
<input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0"/>
</div>
</div>
</div>
</article>
</section>
</form>

View File

@@ -14,22 +14,22 @@
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
<a class="item" data-tab="attributes">Attributes</a>
</nav>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
<a class="item" data-tab="attributes">Attributes</a>
</nav>
{{!-- Description Tab --}}
<div class="tab" data-group="primary" data-tab="description">
<article class="tab" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</div>
</article>
{{!-- Attributes Tab --}}
<div class="tab attributes" data-group="primary" data-tab="attributes">
<article class="tab attributes" data-group="primary" data-tab="attributes">
<header class="attributes-header flexrow">
<span class="attribute-key">Attribute Key</span>
<span class="attribute-value">Value</span>
@@ -59,6 +59,6 @@
</li>
{{/each}}
</ol>
</div>
</article>
</section>
</form>

View File

@@ -14,16 +14,16 @@
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
</nav>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
</nav>
{{!-- Description Tab --}}
<div class="tab" data-group="primary" data-tab="description">
<article class="tab" data-group="primary" data-tab="description">
<div class="weapon-stats-content">
<div>
<label class="attribute-label">{{ localize 'l5r5e.damage' }}</label>
@@ -36,6 +36,6 @@
</div>
<h4 class="text-block-header">{{ localize 'l5r5e.properties' }}</h4>
{{editor content=data.properties target="data.properties" button=true owner=owner editable=editable}}
</div>
</article>
</section>
</form>

View File

@@ -13,18 +13,17 @@
{{> 'systems/l5r5e/templates/sheets/actor/attributes.html' }}
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="skills">{{ localize 'l5r5e.skills.title' }}</a>
<a class="item" data-tab="narrative">{{ localize 'l5r5e.narrative' }}</a>
<a class="item" data-tab="conflict">{{ localize 'l5r5e.conflict.title' }}</a>
<a class="item" data-tab="inventory">{{ localize 'l5r5e.inventory' }}</a>
<a class="item" data-tab="experience">{{ localize 'l5r5e.experience' }}</a>
</nav>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="skills">{{ localize 'l5r5e.skills.title' }}</a>
<a class="item" data-tab="narrative">{{ localize 'l5r5e.narrative' }}</a>
<a class="item" data-tab="conflict">{{ localize 'l5r5e.conflict.title' }}</a>
<a class="item" data-tab="inventory">{{ localize 'l5r5e.inventory' }}</a>
<a class="item" data-tab="experience">{{ localize 'l5r5e.experience' }}</a>
</nav>
{{!-- Skills Tab --}}
<article class="tab skills" data-group="primary" data-tab="skills">
<ul class="skills-wrapper">

View File

@@ -12,5 +12,7 @@
<input type="text" name="data.social_standing.titles" value="{{data.social_standing.titles}}"/>
</li>
</ul>
<h4 class="text-block-header">{{ localize 'l5r5e.notes' }}</h4>
{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.notes' }}</legend>
{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
</fieldset>