Add Templates Html + Gulp Sass + Css + Basic Tree and Files
- Add Templates Html - Gulp Sass - Css - Basic Tree and Files
This commit is contained in:
Mandar
13
system/templates/item/feat-entry.html
Normal file
13
system/templates/item/feat-entry.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<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>
|
||||
37
system/templates/item/feat-sheet.html
Normal file
37
system/templates/item/feat-sheet.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
|
||||
<div class="header-fields">
|
||||
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
|
||||
</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">
|
||||
|
||||
{{!-- Description Tab --}}
|
||||
<div class="tab" data-group="primary" data-tab="description">
|
||||
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
|
||||
</div>
|
||||
|
||||
{{!-- Attributes Tab --}}
|
||||
<div 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>
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
8
system/templates/item/item-entry.html
Normal file
8
system/templates/item/item-entry.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<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>
|
||||
64
system/templates/item/item-sheet.html
Normal file
64
system/templates/item/item-sheet.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
|
||||
<div class="header-fields">
|
||||
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
|
||||
<div class="resource">
|
||||
<label>Quantity</label>
|
||||
<input type="text" name="data.quantity" value="{{data.quantity}}" data-dtype="Number"/>
|
||||
</div>
|
||||
<div class="resource">
|
||||
<label>Weight</label>
|
||||
<input type="text" name="data.weight" value="{{data.weight}}" data-dtype="Number"/>
|
||||
</div>
|
||||
</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">
|
||||
|
||||
{{!-- Description Tab --}}
|
||||
<div class="tab" data-group="primary" data-tab="description">
|
||||
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
|
||||
</div>
|
||||
|
||||
{{!-- Attributes Tab --}}
|
||||
<div 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>
|
||||
|
||||
<ol class="attributes-list">
|
||||
{{#each data.attributes as |attr key|}}
|
||||
<li class="attribute flexrow" data-attribute="{{key}}">
|
||||
<input class="attribute-key" type="text" name="data.attributes.{{key}}.key" value="{{key}}"/>
|
||||
{{#if attr.isCheckbox}}
|
||||
<label class="attribute-value checkbox"><input type="checkbox" name="data.attributes.{{key}}.value" {{checked attr.value}}/></label>
|
||||
{{else}}
|
||||
<input class="attribute-value" type="text" name="data.attributes.{{key}}.value" value="{{attr.value}}" data-dtype="{{attr.dtype}}"/>
|
||||
{{/if}}
|
||||
<input class="attribute-label" type="text" name="data.attributes.{{key}}.label" value="{{attr.label}}"/>
|
||||
<select class="attribute-dtype" name="data.attributes.{{key}}.dtype">
|
||||
{{#select attr.dtype}}
|
||||
{{#each ../dtypes as |t|}}
|
||||
<option value="{{t}}">{{t}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
<a class="attribute-control" data-action="delete"><i class="fas fa-trash"></i></a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
9
system/templates/item/items.html
Normal file
9
system/templates/item/items.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="items-content">
|
||||
<ul class="item-list">
|
||||
{{#each actor.items as |item id|}}
|
||||
{{#if item.isEquipment }}
|
||||
{{> 'systems/l5r5e/templates/item/item-entry.html' item=item id=id }}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
16
system/templates/item/weapon-entry.html
Normal file
16
system/templates/item/weapon-entry.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<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>
|
||||
41
system/templates/item/weapon-sheet.html
Normal file
41
system/templates/item/weapon-sheet.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
|
||||
<div class="header-fields">
|
||||
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
|
||||
<div class="resource">
|
||||
<label>{{ localize 'L5r5e.Quantity' }}</label>
|
||||
<input type="text" name="data.quantity" value="{{data.quantity}}" data-dtype="Number"/>
|
||||
</div>
|
||||
<div class="resource">
|
||||
<label>{{ localize 'L5r5e.Weight' }}</label>
|
||||
<input type="text" name="data.weight" value="{{data.weight}}" data-dtype="Number"/>
|
||||
</div>
|
||||
</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">
|
||||
|
||||
{{!-- Description Tab --}}
|
||||
<div class="tab" data-group="primary" data-tab="description">
|
||||
<div class="weapon-stats-content">
|
||||
<div>
|
||||
<label class="attribute-label">{{ localize 'L5r5e.Damage' }}</label>
|
||||
<input type="text" name="data.damage" value="{{data.damage}}" data-dtype="Number" placeholder="0"/>
|
||||
</div>
|
||||
<div>
|
||||
<label class="attribute-label">{{ localize 'L5r5e.Range' }}</label>
|
||||
<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}}
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
10
system/templates/item/weapons.html
Normal file
10
system/templates/item/weapons.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<div class="weapons-content">
|
||||
<h4 class="section-header">{{ localize 'L5r5e.Weapons' }}</h4>
|
||||
<ul class="item-list">
|
||||
{{#each actor.items as |item id|}}
|
||||
{{#if item.isWeapon }}
|
||||
{{> 'systems/l5r5e/templates/item/weapon-entry.html' item=item id=id }}
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
Reference in New Issue
Block a user