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
2020-12-04 20:17:51 +01:00
parent 9332985ec7
commit a0a99eb08c
60 changed files with 7771 additions and 34 deletions

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>