Item first iteration style, added item infos and value

This commit is contained in:
Mandar
2020-12-22 01:28:48 +01:00
parent 78079e2288
commit 82f3acb91e
19 changed files with 352 additions and 315 deletions

View File

@@ -1,71 +1,52 @@
<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>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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 flexcol" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{item.data.book_reference}}" />
</div>
</article>
{{!-- Attributes Tab --}}
<article class="tab attributes" data-group="primary" data-tab="attributes">
<article class="attributes" data-group="primary" data-tab="attributes">
<!-- TODO j'ai mis tous les attributs en vrac, à réorganiser -->
<div>
<select name="data.advancement_type">
{{#select item.data.advancement_type}}
<select name="data.advancement_type">
{{#select item.data.advancement_type}}
{{#each item.data.subTypesList as |type|}}
<option value="{{type}}">{{type}}</option>
<option value="{{type}}">{{type}}</option>
{{/each}}
{{/select}}
</select>
{{/select}}
</select>
{{#ifCond item.data.advancement_type '==' 'advantage' }}
{{#ifCond item.data.advancement_type '==' 'advantage' }}
<!-- TODO zone de drag n drop de l'item sélectionné ? -->
{{/ifCond}}
{{/ifCond}}
{{#ifCond item.data.advancement_type '==' 'ring' }}
<select name="data.ring">
{{#select item.data.ring}}
{{#ifCond item.data.advancement_type '==' 'ring' }}
<select name="data.ring">
{{#select item.data.ring}}
{{#each item.data.ringsList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{/select}}
</select>
{{/ifCond}}
{{/select}}
</select>
{{/ifCond}}
{{#ifCond item.data.advancement_type '==' 'skill' }}
{{#ifCond item.data.advancement_type '==' 'skill' }}
<select name="data.skill">
<option value="none">{{localize 'l5r5e.twenty_questions.choosef'}}</option>
{{#select item.data.skill}}
{{#each item.data.skillsList as |skills catId|}}
<optgroup label="{{localizeSkill catId 'title'}}">
{{#each skills as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{#each item.data.skillsList as |skills catId|}}
<optgroup label="{{localizeSkill catId 'title'}}">
{{#each skills as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
</optgroup>
{{/each}}
</optgroup>
{{/each}}
{{/select}}
</select>
{{/ifCond}}
</div>
<label class="attribute-value checkbox">
{{/ifCond}}
<label class="cursus attribute-value checkbox">
<input type="checkbox" name="data.in_curriculum" {{checked item.data.in_curriculum}} />
in curriculum
{{ localize 'l5r5e.advancements.curriculum' }}
</label>
<label class="attribute">
{{ localize 'l5r5e.advancements.spent' }}
@@ -80,5 +61,6 @@
<input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number" placeholder="0"/>
</label>
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -1,67 +1,30 @@
<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>
<div class="header-fields">
<div class="resource">
<label>{{ localize 'l5r5e.rarity' }}</label>
<input type="text" name="data.rarity" value="{{data.rarity}}" data-dtype="Number"/>
</div>
<div class="resource">
<label>{{ localize 'l5r5e.zeni' }}</label>
<input type="text" name="data.zeni" value="{{data.zeni}}" data-dtype="Number"/>
</div>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
equipped
</label>
</div>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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">
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.description' }}</legend>
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{data.book_reference}}" />
</div>
</fieldset>
<fieldset class="weapon-stats-content">
{{!-- attributes --}}
<article class="attributes" data-group="primary" data-tab="description">
<label class="equipped checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
{{ localize 'l5r5e.armors.equipped' }}
</label>
{{> 'systems/l5r5e/templates/items/item/item-value.html' }}
<fieldset class="attribute type">
<legend class="text-header">{{ localize 'l5r5e.armors.title' }}</legend>
<label class="attribute-label">
<label>
{{ localize 'l5r5e.armors.physical' }}
<input type="text" name="data.armor.physical" value="{{data.armor.physical}}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute-label">
<label>
{{ localize 'l5r5e.armors.supernatural' }}
<input type="text" name="data.armor.supernatural" value="{{data.armor.supernatural}}" data-dtype="Number" placeholder="0"/>
</label>
</fieldset>
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.properties' }}</legend>
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</fieldset>
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -0,0 +1,11 @@
{{!-- infos --}}
<article class="infos" data-group="primary" data-tab="description">
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.description' }}</legend>
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</fieldset>
<label class="reference">
{{ localize 'l5r5e.book_reference' }}
<input type="text" name="data.book_reference" value="{{data.book_reference}}" />
</label>
</article>

View File

@@ -1,54 +1,19 @@
<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>
<div class="header-fields">
<div class="resource">
<label>{{ localize 'l5r5e.rarity' }}</label>
<input type="text" name="data.rarity" value="{{data.rarity}}" data-dtype="Number"/>
</div>
<div class="resource">
<label>{{ localize 'l5r5e.zeni' }}</label>
<input type="text" name="data.zeni" value="{{data.zeni}}" data-dtype="Number"/>
</div>
</div>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
equipped
</label>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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="properties">Properties</a>
</nav>
{{!-- Description Tab --}}
<article class="tab flexcol" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{data.book_reference}}" />
</div>
</article>
{{!-- properties Tab --}}
<article class="tab properties" data-group="primary" data-tab="properties">
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.properties' }}</legend>
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</fieldset>
<article class="attributes" data-group="primary" data-tab="properties">
<label class="equipped checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
{{ localize 'l5r5e.armors.equipped' }}
</label>
{{> 'systems/l5r5e/templates/items/item/item-value.html' }}
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -0,0 +1,16 @@
<label class="value">
{{ localize 'l5r5e.quantity' }}
<input type="text" name="data.quantity" value="{{data.quantity}}" data-dtype="Number"/>
</label>
<label class="value">
{{ localize 'l5r5e.weight' }}
<input type="text" name="data.weight" value="{{data.weight}}" data-dtype="Number"/>
</label>
<label class="value">
{{ localize 'l5r5e.rarity' }}
<input type="text" name="data.rarity" value="{{data.rarity}}" data-dtype="Number"/>
</label>
<label class="value">
{{ localize 'l5r5e.zeni' }}
<input type="text" name="data.zeni" value="{{data.zeni}}" data-dtype="Number"/>
</label>

View File

@@ -1,55 +1,35 @@
<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>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name" /></h1>
</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 flexcol" data-group="primary" data-tab="description">
{{editor content=item.data.description target="item.data.description" button=true owner=owner editable=editable}}
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{item.data.book_reference}}" />
</div>
</article>
{{!-- Attributes Tab --}}
<article class="tab attributes" data-group="primary" data-tab="attributes">
<label class="attribute-value checkbox">
<input type="checkbox" name="data.in_curriculum" {{checked item.data.in_curriculum}} />
in curriculum
</label>
<!-- TODO j'ai mis tous les attributs en vrac, à réorganiser -->
<select name="data.ring">
{{#select item.data.ring}}
{{#each item.data.ringsList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{#each item.data.ringsList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{/select}}
</select>
<select class="attribute" name="data.peculiarity_type">
{{#select item.data.peculiarity_type}}
{{#each item.data.subTypesList as |type|}}
<option value="{{type}}">{{type}}</option>
{{/each}}
{{#each item.data.subTypesList as |type|}}
<option value="{{type}}">{{type}}</option>
{{/each}}
{{/select}}
</select>
<label class="attribute">
{{ localize 'l5r5e.data.types' }}
<input type="text" name="data.types" value="{{item.data.types}}" />
</label>
<label class="attribute">
{{ localize 'l5r5e.advancements.spent' }}
<input type="text" name="data.xp_used" value="{{item.data.xp_used}}" data-dtype="Number" placeholder="0" />
@@ -60,9 +40,9 @@
</label>
<label class="attribute">
{{ localize 'l5r5e.bought_at_rank' }}
<input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number"
placeholder="0" />
<input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number" placeholder="0" />
</label>
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -1,5 +1,5 @@
<!--<fieldset class="properties-content">-->
<!-- <legend class="section-header">{{ localize 'l5r5e.properties' }}</legend>-->
<fieldset class="properties">
<legend class="section-header">{{ localize 'l5r5e.properties' }}</legend>
<ul class="item-list">
{{#each properties as |item id|}}
<!-- {{#ifCond item.type '==' 'property'}}-->
@@ -7,4 +7,4 @@
<!-- {{/ifCond}}-->
{{/each}}
</ul>
<!--</fieldset>-->
</fieldset>

View File

@@ -1,26 +1,10 @@
<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>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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">
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.description' }}</legend>
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</fieldset>
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{data.book_reference}}" />
</div>
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -1,50 +1,31 @@
<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>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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 flexcol" data-group="primary" data-tab="description">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</article>
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{item.data.book_reference}}" />
</div>
{{!-- Attributes Tab --}}
<article class="tab attributes" data-group="primary" data-tab="attributes">
<article class="attributes" data-group="primary" data-tab="attributes">
<!-- TODO j'ai mis tous les attributs en vrac, à réorganiser -->
<select name="data.ring">
{{#select item.data.ring}}
{{#each item.data.ringsList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{#each item.data.ringsList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{/select}}
</select>
<select name="data.technique_type">
{{#select item.data.technique_type}}
{{#each item.data.techniquesList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{#each item.data.techniquesList as |obj|}}
<option value="{{obj.id}}">{{obj.label}}</option>
{{/each}}
{{/select}}
</select>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.in_curriculum" {{checked item.data.in_curriculum}} />
in curriculum
</label>
<label class="attribute">
{{ localize 'l5r5e.advancements.spent' }}
<input type="text" name="data.xp_used" value="{{item.data.xp_used}}" data-dtype="Number" placeholder="0"/>
@@ -62,7 +43,7 @@
{{ localize 'l5r5e.effects' }}
<input type="text" name="data.effects" value="{{item.data.effects}}"/>
</label>
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

View File

@@ -1,95 +1,57 @@
<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>
<div class="header-fields">
<div class="resource">
<label>{{ localize 'l5r5e.category' }}</label>
<input type="text" name="data.category" value="{{data.category}}" />
</div>
<div class="resource">
<label>{{ localize 'l5r5e.skill' }}</label>
<select class="attribute-dtype" name="data.skill">
{{#select data.skill}}
{{#each data.skills as |id cat|}}
<option value="{{id}}">{{localizeSkillId id}}</option>
{{/each}}
{{/select}}
</select>
</div>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
equipped / sheathed (rengainée)
</label>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.readied" {{checked item.data.readied}} />
readied (apprêté)
</label>
</div>
<div class="header-fields">
<div class="resource">
<label>{{ localize 'l5r5e.rarity' }}</label>
<input type="text" name="data.rarity" value="{{data.rarity}}" data-dtype="Number"/>
</div>
<div class="resource">
<label>{{ localize 'l5r5e.zeni' }}</label>
<input type="text" name="data.zeni" value="{{data.zeni}}" data-dtype="Number"/>
</div>
</div>
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
</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">
<fieldset class="weapon-stats-content">
<label class="attribute-label">
{{ localize 'l5r5e.damage' }}
{{!-- attributes--}}
<article class="attributes" data-group="primary" data-tab="description">
<label class="attribute-value checkbox">
<input type="checkbox" name="data.equipped" {{checked item.data.equipped}} />
{{ localize 'l5r5e.weapons.sheathed' }}
</label>
<label class="attribute-value checkbox">
<input type="checkbox" name="data.readied" {{checked item.data.readied}} />
{{ localize 'l5r5e.weapons.readied' }}
</label>
{{> 'systems/l5r5e/templates/items/item/item-value.html' }}
<label class="category">
{{ localize 'l5r5e.weapons.category' }}
<input type="text" name="data.category" value="{{data.category}}" />
</label>
<label class="skillType">
{{ localize 'l5r5e.skill' }}
<select class="attribute-dtype" name="data.skill">
{{#select data.skill}}
{{#each data.skills as |id cat|}}
<option value="{{id}}">{{localizeSkillId id}}</option>
{{/each}}
{{/select}}
</select>
</label>
<fieldset class="stats">
<legend class="text-block-header">{{ localize 'l5r5e.weapons.stats' }}</legend>
<label>
{{ localize 'l5r5e.weapons.damage' }}
<input type="text" name="data.damage" value="{{data.damage}}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.range' }}
<label>
{{ localize 'l5r5e.weapons.range' }}
<input type="text" name="data.range" value="{{data.range}}" data-dtype="Number" placeholder="0"/>
</label>
</fieldset>
<fieldset class="weapon-stats-content">
<label class="attribute-label">
{{ localize 'l5r5e.deadliness' }}
<label>
{{ localize 'l5r5e.weapons.deadliness' }}
<input type="text" name="data.deadliness" value="{{data.deadliness}}" data-dtype="Number" placeholder="0"/>
</label>
<label class="attribute-label">
{{ localize 'l5r5e.grips' }}
<input type="text" name="data.grip_1" value="{{data.grip_1}}" />
<input type="text" name="data.grip_2" value="{{data.grip_2}}" />
<label>
{{ localize 'l5r5e.weapons.grips' }}
<input class="grip" type="text" name="data.grip_1" value="{{data.grip_1}}" />
<input class="grip" type="text" name="data.grip_2" value="{{data.grip_2}}" />
</label>
</fieldset>
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.properties' }}</legend>
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</fieldset>
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.description' }}</legend>
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</fieldset>
<div class="resource">
<label>{{ localize 'l5r5e.book_reference' }}</label>
<input type="text" name="data.book_reference" value="{{data.book_reference}}" />
</div>
{{> 'systems/l5r5e/templates/items/property/properties.html' properties=data.propertiesList }}
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>