uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

20
system/templates/item/feat-entry.html
View File

@@ -1,13 +1,9 @@
<li class="feat flexcolumn" data-feat-id="{{feat._id}}">
<div class="feat-header">
<img src="{{feat.img}}" title="{{feat.name}}" width="32px" height="32px"/>
<h4 class="feat-name">{{ feat.name }}</h4>
<div class="feat-controls" style="margin-left: auto;">
<a class="feat-control feat-edit" title="Edit Feat"><i class="fas fa-edit"></i></a>
<a class="faet-control feat-delete" title="Delete Feat"><i class="fas fa-trash"></i></a>
</div>
</div>
<div class="feat-description">
{{{ feat.data.description }}}
</div>
<li class="item feat flexcol" data-feat-id="{{feat._id}}">
<ul class="item-header feat-controls">
<li class="item-img"><img src="{{feat.img}}" title="{{feat.name}}" width="32px" height="32px"/></li>
<li class="item-name">{{ feat.name }}</li>
<li class="item-control feat-edit" title="Edit Feat"><i class="fas fa-edit"></i></li>
<li class="item-control feat-delete" title="Delete Feat"><i class="fas fa-trash"></i></li>
</ul>
<div class="item-description">{{{ feat.data.description }}}</div>
</li>

24
system/templates/item/feat-sheet.html
View File

@@ -5,33 +5,27 @@
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</div>
</header>
{{!-- 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 --}}
<article class="tab" data-group="primary" data-tab="description">
<article class="tab flexcol" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</article>
{{!-- Attributes Tab --}}
<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>
<input type="text" name="data.xp_used" value="{{data.xp_used}}" data-dtype="Number" placeholder="0"/>
</div>
<div class="attribute-container">
<label class="attribute-label">{{ localize 'l5r5e.rank' }}</label>
<input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0"/>
</div>
</div>
<label class="attribute">
{{ localize 'l5r5e.xp.spent' }}
<input type="text" name="data.xp_used" value="{{data.xp_used}}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute">
{{ localize 'l5r5e.rank' }}
<input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0"/>
</label>
</article>
</section>
</form>

15
system/templates/item/item-entry.html
View File

@@ -1,8 +1,9 @@
<li class="item flexrow" data-item-id="{{item._id}}" style="height: auto !important; align-items: center;">
<img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/>
<h4 class="item-name">{{ item.name }} x{{ item.data.quantity }}</h4>
<div class="item-controls">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
<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 }} x{{ item.data.quantity }}</li>
<li class="item-edit" title="Edit Feat"><i class="fas fa-edit"></i></li>
<li class="item-delete" title="Delete Feat"><i class="fas fa-trash"></i></li>
</ul>
<div class="item-description">{{{ feat.data.description }}}</div>
</li>

21
system/templates/item/item-sheet.html
View File

@@ -13,31 +13,26 @@
</div>
</div>
</header>
{{!-- 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 --}}
<article class="tab" data-group="primary" data-tab="description">
<article class="tab flexcol" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</article>
{{!-- Attributes Tab --}}
<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>
<span class="attribute-label">Label</span>
<span class="attribute-dtype">Data Type</span>
<a class="attribute-control" data-action="create"><i class="fas fa-plus"></i></a>
</header>
<ul class="attributes-header flexrow">
<li class="attribute-key">Attribute Key</li>
<li class="attribute-value">Value</li>
<li class="attribute-label">Label</li>
<li class="attribute-dtype">Data Type</li>
<li class="attribute-control" data-action="create"><i class="fas fa-plus"></i></li>
</ul>
<ol class="attributes-list">
{{#each data.attributes as |attr key|}}
<li class="attribute flexrow" data-attribute="{{key}}">

5
system/templates/item/items.html
View File

@@ -1,4 +1,5 @@
<div class="items-content">
<fieldset class="items-content">
<legend>{{ localize 'l5r5e.equipment' }}</legend>
<ul class="item-list">
{{#each actor.items as |item id|}}
{{#if item.isEquipment }}
@@ -6,4 +7,4 @@
{{/if}}
{{/each}}
</ul>
</div>
</fieldset>

25
system/templates/item/weapon-entry.html
View File

@@ -1,16 +1,11 @@
<li class="item flexrow" data-item-id="{{item._id}}" style="height: auto !important; align-items: center;">
<img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/>
<h4 class="item-name">{{ item.name }}</h4>
<div class="icon-stat-container">
<i class="fas fa-certificate"></i>
<span class="centered-input" style="width: 32px;">{{item.data.damage}}</span>
</div>
<div class="icon-stat-container">
<i class="fas fa-arrows-alt-h"></i>
<span class="centered-input" style="width: 32px;">{{item.data.range}}</span>
</div>
<div class="item-controls">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
<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 }}</li>
<li class="icon-stat-container">{{item.data.damage}} <i class="fas fa-certificate"></i></li>
<li class="icon-stat-container">{{item.data.range}} <i class="fas fa-arrows-alt-h"></i></li>
<li class="item-edit" title="Edit Feat"><i class="fas fa-edit"></i></li>
<li class="item-delete" title="Delete Feat"><i class="fas fa-trash"></i></li>
</ul>
<div class="item-description">{{{ item.data.properties }}}</div>
</li>

25
system/templates/item/weapon-sheet.html
View File

@@ -13,29 +13,28 @@
</div>
</div>
</header>
{{!-- 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 --}}
<article class="tab" data-group="primary" data-tab="description">
<div class="weapon-stats-content">
<div>
<label class="attribute-label">{{ localize 'l5r5e.damage' }}</label>
<fieldset class="weapon-stats-content">
<label class="attribute-label">
{{ localize 'l5r5e.damage' }}
<input type="text" name="data.damage" value="{{data.damage}}" data-dtype="Number" placeholder="0"/>
</div>
<div>
<label class="attribute-label">{{ localize 'l5r5e.range' }}</label>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.range' }}
<input type="text" name="data.range" value="{{data.range}}" data-dtype="Number" placeholder="0"/>
</div>
</div>
<h4 class="text-block-header">{{ localize 'l5r5e.properties' }}</h4>
{{editor content=data.properties target="data.properties" button=true owner=owner editable=editable}}
</label>
</fieldset>
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.properties' }}</legend>
{{editor content=data.properties target="data.properties" button=true owner=owner editable=editable}}
</fieldset>
</article>
</section>
</form>

6
system/templates/item/weapons.html
View File

@@ -1,5 +1,5 @@
<div class="weapons-content">
<h4 class="section-header">{{ localize 'l5r5e.weapons' }}</h4>
<fieldset class="weapons-content">
<legend class="section-header">{{ localize 'l5r5e.weapons' }}</legend>
<ul class="item-list">
{{#each actor.items as |item id|}}
{{#if item.isWeapon }}
@@ -7,4 +7,4 @@
{{/if}}
{{/each}}
</ul>
</div>
</fieldset>