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

Add Templates Html + Gulp Sass + Css + Basic Tree and Files

Browse Source 
- Add Templates Html
- Gulp Sass
- Css
- Basic Tree and Files
This commit is contained in:
Mandar
2020-12-04 20:17:51 +01:00
parent 9332985ec7
commit a0a99eb08c
60 changed files with 7771 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
system/templates/.gitkeep
View File

13
system/templates/item/feat-entry.html Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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>

54
system/templates/sheets/actor-sheet.html Normal file
View File

@@ -0,0 +1,54 @@
<form class="{{cssClass}}" autocomplete="off">
{{!-- Sheet Header --}}
<header class="sheet-header">
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
{{> 'systems/l5r5e/templates/sheets/actor/rings.html' }}
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="narrative">{{ localize 'L5r5e.Narrative' }}</a>
<a class="item" data-tab="skills">{{ localize 'L5r5e.Skills.Title' }}</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">
{{!-- Narrative Tab --}}
<article class="tab narrative" data-group="primary" data-tab="narrative">
{{> 'systems/l5r5e/templates/sheets/actor/identity.html' }}
{{> 'systems/l5r5e/templates/sheets/actor/social.html' }}
<h4 class="text-block-header">{{ localize 'L5r5e.Notes' }}</h4>
{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
</article>
{{!-- Skills Tab --}}
<article class="tab skills" data-group="primary" data-tab="skills">
<ul class="skills-wrapper">
{{#each data.skills as |category id|}}
{{> 'systems/l5r/templates/sheets/actor/category.html' category=category categoryId=id}}
{{/each}}
</ul>
{{> 'systems/l5r5e/templates/sheets/actor/feats.html' }}
</article>
{{!-- Conflict Tab --}}
<article class="tab conflict" data-group="primary" data-tab="conflict">
{{> 'systems/l5r5e/templates/sheets/actor/conflict.html' }}
</article>
<article class="tab narrative" data-group="primary" data-tab="inventory">
{{> 'systems/l5r5e/templates/item/items.html' }}
</article>
{{!-- Experience Tab --}}
<article class="tab experience" data-group="primary" data-tab="experience">
{{> 'systems/l5r5e/templates/sheets/actor/experience.html' }}
</article>
</section>
</form>

5
system/templates/sheets/actor/adquisition.html Normal file
View File

@@ -0,0 +1,5 @@
<div class="flexrow row">
<span class="name" name="adquisition.name">{{ adquisition.name }}</span>
<span class="xp" name="adquisition.xp">{{ adquisition.data.xp_used }}</span>
<span class="rank" name="adquisition.rank">{{ adquisition.data.rank }}</span>
</div>

15
system/templates/sheets/actor/category.html Normal file
View File

@@ -0,0 +1,15 @@
<li class="category-wrapper category-content">
<h4 class="section-header">{{ localizeSkillCategory categoryId }}</h4>
<ul class="skill-category-skills-list">
{{#each category as |skill id| }}
{{> 'systems/l5r/templates/sheets/actor/skill.html' categoryId=../categoryId skill=skill skillId=id }}
{{/each}}
</ul>
<div class="skill-category-ring-actions">
<label name="air" class="air"><i class="i_air"></i> {{ localizeSkill categoryId 'Air' }} </label>
<label name="earth" class="earth"><i class="i_earth"></i> {{ localizeSkill categoryId 'Earth' }} </label>
<label name="fire" class="fire"><i class="i_fire"></i> {{ localizeSkill categoryId 'Fire' }} </label>
<label name="water" class="water"><i class="i_water"></i> {{ localizeSkill categoryId 'Water' }} </label>
<label name="void" class="void"><i class="i_void"></i> {{ localizeSkill categoryId 'Void' }} </label>
</div>
</li>

70
system/templates/sheets/actor/conflict.html Normal file
View File

@@ -0,0 +1,70 @@
<div class="conflict-wrapper">
<div class="conflict-top-content">
<div class="conflict-stats-content">
<div>
<div class="endurance-content">
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Endurance' }}</label>
<input class="centered-input" type="text" name="data.endurance" value="{{data.endurance}}" data-dtype="Number" disabled/>
</div>
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Fatigue' }}</label>
<input class="centered-input" type="text" name="data.fatigue" value="{{data.fatigue}}" data-dtype="Number"/>
</div>
</div>
<p class="quick-rules"> {{ localize 'L5r5e.Conflict.EnduranceTip' }}</p>
</div>
<div>
<div class="composure-content">
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Composure' }}</label>
<input class="centered-input" type="text" name="data.composure" value="{{data.composure}}" data-dtype="Number" disabled/>
</div>
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Strife' }}</label>
<input class="centered-input" type="text" name="data.strife" value="{{data.strife}}" data-dtype="Number"/>
</div>
</div>
<p class="quick-rules"> {{ localize 'L5r5e.Conflict.ComposureTip' }}</p>
</div>
<div>
<div class="focus-content">
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Focus' }}</label>
<input class="centered-input" type="text" name="data.focus" value="{{data.focus}}" data-dtype="Number" disabled/>
</div>
</div>
<p class="quick-rules"> {{ localize 'L5r5e.Conflict.FocusTip' }}</p>
</div>
<div>
<div class="vigilante-content">
<div>
<label class="attribute-label">{{ localize 'L5r5e.Conflict.Vigilante' }}</label>
<input class="centered-input" type="text" name="data.vigilante" value="{{data.vigilante}}" data-dtype="Number" disabled/>
</div>
</div>
<p class="quick-rules"> {{ localize 'L5r5e.Conflict.VigilanteTip' }}</p>
</div>
<div>
<div class="void-points-content">
<div>
<label class="attribute-label"> {{ localize 'L5r5e.Conflict.VoidPoints' }}</label>
<input class="centered-input" type="text" name="data.void_points.current" value="{{data.void_points.current}}" data-dtype="Number"/>
</div>
<div>
<label class="attribute-label"> {{ localize 'L5r5e.Max' }}</label>
<input class="centered-input" type="text" name="data.void_points.max" value="{{data.void_points.max}}" data-dtype="Number" disabled/>
</div>
</div>
</div>
</div>
<div class="conflict-stances-content">
<h4 class="section-header">{{ localize 'L5r5e.Conflict.Stance' }}</h4>
{{#each data.stances as |stance stanceId|}}
{{> 'systems/l5r5e/templates/sheets/actor/stance.html' stance=stance stanceId=stanceId }}
{{/each}}
</div>
{{> 'systems/l5r5e/templates/item/weapons.html' }}
</div>
</div>
</div>

31
system/templates/sheets/actor/experience.html Normal file
View File

@@ -0,0 +1,31 @@
<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="adquisitions">
<h4 class="section-header flexrow">{{ localize 'L5r5e.XP.Adquisitions'}}</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/adquisition.html' adquisition=feat }}
{{/each}}
<div class="tools">
<a class="adquisition-control adquisition-add" title="{{ localize 'L5r5e.Add'}}"><i class="fas fa-plus"></i></a>
</div>
</div>
</div>

15
system/templates/sheets/actor/feats.html Normal file
View File

@@ -0,0 +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">
<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>
</div>

22
system/templates/sheets/actor/identity.html Normal file
View File

@@ -0,0 +1,22 @@
<ul class="identity-wrapper">
<li>
<label class="attribute-label">{{ localize 'L5r5e.Clan' }}</label>
<input type="text" name="data.identity.clan" value="{{data.identity.clan}}"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.Family' }}</label>
<input type="text" name="data.identity.family" value="{{data.identity.family}}"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.School' }}</label>
<input type="text" name="data.identity.school" value="{{data.identity.school}}"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.SchoolRank' }}</label>
<input type="text" name="data.identity.school_rank" value="{{data.identity.school_rank}}" data-dtype="Number" placeholder="0"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.Roles' }}</label>
<input type="text" name="data.identity.roles" value="{{data.identity.roles}}"/>
</li>
</ul>

22
system/templates/sheets/actor/rings.html Normal file
View File

@@ -0,0 +1,22 @@
<ul class="rings">
<li id="earth">
<label class="attribute-label earth centered-input"><i class="i_earth"></i> {{ localizeRing 'Earth' }}</label>
<input class="centered-input" type="text" name="data.rings.earth" value="{{data.rings.earth}}" data-dtype="Number" placeholder="0"/>
</li>
<li id="air">
<label class="attribute-label air centered-input"><i class="i_air"></i> {{ localizeRing 'Air' }}</label>
<input class="centered-input" type="text" name="data.rings.air" value="{{data.rings.air}}" data-dtype="Number" placeholder="0"/>
</li>
<li id="water">
<label class="attribute-label water centered-input"><i class="i_water"></i> {{ localizeRing 'Water' }}</label>
<input class="centered-input" type="text" name="data.rings.water" value="{{data.rings.water}}" data-dtype="Number" placeholder="0"/>
</li>
<li id="fire">
<label class="attribute-label fire centered-input"><i class="i_fire"></i> {{ localizeRing 'Fire' }}</label>
<input class="centered-input" type="text" name="data.rings.fire" value="{{data.rings.fire}}" data-dtype="Number" placeholder="0"/>
</li>
<li id="void">
<label class="attribute-label void centered-input"><i class="i_void"></i> {{ localizeRing 'Void' }}</label>
<input class="centered-input" type="text" name="data.rings.void" value="{{data.rings.void}}" data-dtype="Number" placeholder="0"/>
</li>
</ul>

6
system/templates/sheets/actor/skill.html Normal file
View File

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

26
system/templates/sheets/actor/social.html Normal file
View File

@@ -0,0 +1,26 @@
<ul class="social-wrapper">
<li>
<label class="attribute-label centered-input">{{ localize 'L5r5e.SocialStanding.Honor' }}</label>
<input class="centered-input" type="text" name="data.social_standing.honor" value="{{data.social_standing.honor}}" placeholder="0"/>
</li>
<li>
<label class="attribute-label centered-input">{{ localize 'L5r5e.SocialStanding.Glory' }}</label>
<input class="centered-input" type="text" name="data.social_standing.glory" value="{{data.social_standing.glory}}" placeholder="0"/>
</li>
<li>
<label class="attribute-label centered-input">{{ localize 'L5r5e.SocialStanding.Status' }}</label>
<input class="centered-input" type="text" name="data.social_standing.status" value="{{data.social_standing.status}}" placeholder="0"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.SocialStanding.Ninjo' }}</label>
<input type="text" name="data.social_standing.ninjo" value="{{data.social_standing.ninjo}}"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.SocialStanding.Giri' }}</label>
<input type="text" name="data.social_standing.giri" value="{{data.social_standing.giri}}"/>
</li>
<li>
<label class="attribute-label">{{ localize 'L5r5e.SocialStanding.SocialTitles' }}</label>
<input type="text" name="data.social_standing.titles" value="{{data.social_standing.titles}}"/>
</li>
</ul>

5
system/templates/sheets/actor/stance.html Normal file
View File

@@ -0,0 +1,5 @@
<div class="stance-content">
<input type="checkbox" name="data.stances.{{stanceId}}.isSelected.value" {{ checked stance.isSelected.value }}/>
<label class="stance-title {{stanceId}}">{{ localizeRing stanceId }}</label>
<p class="quick-rules" style="display: inline;"> {{ localizeStanceTip stanceId }}</p>
</div>