VincentVk/foundryvtt-reve-de-dragon
0
0
Fork 0
forked from public/foundryvtt-reve-de-dragon
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'dev-int' into 'master'

Browse Source 
Clean Actor-sheet + add style for Status tab and adjustement for visual clean sheet

See merge request LeRatierBretonnien/foundryvtt-reve-de-dragon!39
This commit is contained in:
Leratier Bretonnien 2020-11-26 23:03:53 +00:00
commit 8f5071aabb
2 changed files with 400 additions and 276 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
styles/simple.css
View File

@ -63,15 +63,15 @@
.window-app { .window-app {
font-family: CaslonAntique; font-family: CaslonAntique;
text-align: justify; text-align: justify;
font-size: 15px; font-size: 16px;
letter-spacing: 1px; letter-spacing: 1px;
} }
/* Fonts */ /* Fonts */
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"} .sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"} /* For title, sidebar character and scene */
.sheet nav.sheet-tabs {font-family: "GoudyAcc";} .sheet nav.sheet-tabs {font-family: "CaslonAntique";} /* For nav and title */
.window-app input, .foundryvtt-reve-de-dragon .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { .window-app input, .foundryvtt-reve-de-dragon .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
font-family: "CaslonAntique"; font-family: "CaslonAntique"; /* For sheet parts */
} }
.window-header{ .window-header{
@ -83,7 +83,7 @@
padding: 0; padding: 0;
} }
.tabs .item.active, a:hover { .tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
text-shadow: 1px 0px 0px #ff6600; text-shadow: 1px 0px 0px #ff6600;
} }
@ -95,8 +95,7 @@
table {border: 1px solid #7a7971;} table {border: 1px solid #7a7971;}
.grid, .grid, .grid-2col {
.grid-2col {
display: grid; display: grid;
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
@ -420,7 +419,7 @@ nav.sheet-tabs .item:after {
padding: 0; padding: 0;
} }
section.sheet-body:after, section.sheet-body div:after { section.sheet-body:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
@ -463,22 +462,63 @@ section.sheet-body:after, section.sheet-body div:after {
/* Global UI elements */ /* Global UI elements */
/* ======================================== */ /* ======================================== */
h1, h2, h3, h4 {
font-weight: bold;
}
ul, ol {
margin: 0;
padding: 0;
}
ul, li {
list-style-type: none;
}
.sheet li {
margin: 0.125rem;
padding: 0.25rem;
}
.header-fields li {
margin: 0;
padding: 0;
}
.alterne-list > .list-item:hover {
background: rgba(100, 100, 50, 0.25);
}
.alterne-list > .list-item:nth-child(even) { .alterne-list > .list-item:nth-child(even) {
background-color:#7b733b29; background: rgba(80, 60, 0, 0.10);
background: #7b733b29;
} }
.alterne-list > .list-item:nth-child(odd) { .alterne-list > .list-item:nth-child(odd) {
background-color: #9e856a0d; background: rgb(160, 130, 100, 0.05);
background: #9e856a0d;
} }
.blessures-list ul {
display: flex;
}
.blessures-list li {
flex: 1;
flex-basis: auto;
}
.blessures-list li ul li:first-child {
flex: 0;
align-items: center;
justify-content: center;
padding: 0.5rem;
cursor: pointer;
}
.carac-label { .carac-label {
font-weight: bold; font-weight: bold;
} }
.list-item { .list-item {
margin: 2px 2px 2px 2px; margin: 0.125rem;
box-shadow: inset 0px 0px 1px #00000096; box-shadow: inset 0px 0px 1px #00000096;
border-radius: 5px; border-radius: 0.25rem;
padding: 2px 5px 0px 5px; padding: 0.125rem;
flex: 1 1 5rem;
} }
.sheet-competence-img { .sheet-competence-img {
width: 24px; width: 24px;

302
templates/actor-sheet.html
View File

@ -109,7 +109,7 @@
<div class="tab items" data-group="primary" data-tab="carac"> <div class="tab items" data-group="primary" data-tab="carac">
<div class="grid grid-2col"> <div class="grid grid-2col">
<div class="flex-group-left flexcol"> <div class="flex-group-left flexcol">
<ol class="carac-list alterne-list"> <ul class="carac-list alterne-list">
{{#each data.carac as |carac key|}} {{#each data.carac as |carac key|}}
<li class="competence flexrow list-item" data-attribute="{{key}}"> <li class="competence flexrow list-item" data-attribute="{{key}}">
{{#if carac.isTaille}} {{#if carac.isTaille}}
@ -129,10 +129,10 @@
<span class="carac-label flexrow" name="carac-total">Total Caractéristiques </span> <span class="carac-label flexrow" name="carac-total">Total Caractéristiques </span>
<span class="competence-value flexrow" name="carac-total-value">{{data.caracSum}} </span> <span class="competence-value flexrow" name="carac-total-value">{{data.caracSum}} </span>
</li> </li>
</ol> </ul>
</div> </div>
<div class="flex-group-left flexcol" > <div class="flex-group-left flexcol" >
<ol class="carac-list"> <ul class="carac-list">
{{#each data.attributs as |attr key|}} {{#each data.attributs as |attr key|}}
<li class="competence flexrow" data-attribute="{{key}}"> <li class="competence flexrow" data-attribute="{{key}}">
<span class="competence-label flexrow" name="data.attributs.{{key}}.label">{{attr.label}} : {{attr.value}}</span> <span class="competence-label flexrow" name="data.attributs.{{key}}.label">{{attr.label}} : {{attr.value}}</span>
@ -143,7 +143,7 @@
<span class="competence-label flexrow" name="data.attributs.{{key}}.label">{{point.label}} : {{point.value}} / {{point.max}}</span> <span class="competence-label flexrow" name="data.attributs.{{key}}.label">{{point.label}} : {{point.value}} / {{point.max}}</span>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
</div> </div>
</div> </div>
@ -155,7 +155,7 @@
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences de base</span> <span class="competence-title">Compétences de base</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.generale as |comp key|}} {{#each data.competenceByCategory.generale as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -168,12 +168,12 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences Particulières</span> <span class="competence-title">Compétences Particulières</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.particuliere as |comp key|}} {{#each data.competenceByCategory.particuliere as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -186,11 +186,11 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences Spécialisées</span> <span class="competence-title">Compétences Spécialisées</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.specialisee as |comp key|}} {{#each data.competenceByCategory.specialisee as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -203,14 +203,14 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
<div class="flex-group-left flexcol competence-column"> <div class="flex-group-left flexcol competence-column">
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences De Mêlée</span> <span class="competence-title">Compétences De Mêlée</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.melee as |comp key|}} {{#each data.competenceByCategory.melee as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -223,12 +223,12 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences De Tir</span> <span class="competence-title">Compétences De Tir</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.tir as |comp key|}} {{#each data.competenceByCategory.tir as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -241,12 +241,12 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Compétences De Lancer</span> <span class="competence-title">Compétences De Lancer</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.lancer as |comp key|}} {{#each data.competenceByCategory.lancer as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -259,12 +259,12 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Connaissances</span> <span class="competence-title">Connaissances</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.connaissance as |comp key|}} {{#each data.competenceByCategory.connaissance as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -277,12 +277,12 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<header class="competence-header flexrow"> <header class="competence-header flexrow">
<span class="competence-title">Draconic</span> <span class="competence-title">Draconic</span>
</header> </header>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.competenceByCategory.draconic as |comp key|}} {{#each data.competenceByCategory.draconic as |comp key|}}
<li class="item flexrow list-item" data-item-id="{{comp._id}}"> <li class="item flexrow list-item" data-item-id="{{comp._id}}">
<img class="sheet-competence-img" src="{{comp.img}}"/> <img class="sheet-competence-img" src="{{comp.img}}"/>
@ -295,23 +295,22 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
<div> <div>
<ol class="item-list"> <ul class="item-list">
<li class="item flexrow"> <li class="item flexrow">
<span class="competence-label">Total XP compétences</span> <span class="competence-label">Total XP compétences</span>
<span class="competence-value">{{data.competenceXPTotal}}</span> <span class="competence-value">{{data.competenceXPTotal}}</span>
</li> </li>
</ol> </ul>
</div> </div>
<div></div>
</div> </div>
</div> </div>
</div> </div>
{{!-- Combat Tab --}} {{!-- Combat Tab --}}
<div class="tab combat" data-group="primary" data-tab="combat"> <div class="tab combat" data-group="primary" data-tab="combat">
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
<li class="competence-header flexrow"> <li class="competence-header flexrow">
<span class="competence-title competence-label">Armes</span> <span class="competence-title competence-label">Armes</span>
<span class="competence-title competence-label">Comp.</span> <span class="competence-title competence-label">Comp.</span>
@ -326,15 +325,15 @@
<span class="competence-value" name="data.armes[{{key}}].data.dommages">{{numberFormat arme.data.dommages decimals=0 sign=true}}</span> <span class="competence-value" name="data.armes[{{key}}].data.dommages">{{numberFormat arme.data.dommages decimals=0 sign=true}}</span>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
{{!-- Compteurs/Blessures Tab --}} {{!-- Compteurs/Blessures Tab --}}
<div class="tab blessurescompteurs" data-group="primary" data-tab="blessurescompteurs"> <div class="tab blessurescompteurs" data-group="primary" data-tab="blessurescompteurs">
<div class="flex-group-left flexrow"> <div class="flex-group-left">
<ol class="item-list alterne-list"> <ul class="item-list flexrow">
{{#each data.compteurs as |compteur key|}} {{#each data.compteurs as |compteur key|}}
<li class="item flexrow list-item"> <li class="item list-item">
<span class="competence-label">{{compteur.label}}</span> <span class="competence-label">{{compteur.label}}</span>
{{#if compteur.isInput}} {{#if compteur.isInput}}
<input class="stress-value stress-style compteur-edit" id="{{key}}-edit" type="text" name="{{key}}" value="{{compteur.value}}" data-dtype="number"/> <input class="stress-value stress-style compteur-edit" id="{{key}}-edit" type="text" name="{{key}}" value="{{compteur.value}}" data-dtype="number"/>
@ -349,97 +348,152 @@
{{/if}} {{/if}}
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
{{!-- Liste de blessures --}}
<div class="flex-group-left flexcol competence-column"> <div class="flex-group-left flexcol competence-column">
<span class="blessures-title">Blessures Légeres :</span> <h3 class="blessures-title">Blessures Légeres :</h3>
<div class="blessure-data alterne-list"> <ul class="blessure-data flexrow alterne-list blessures-list">
{{#each data.blessures.legeres.liste as |bless key|}} {{#each data.blessures.legeres.liste as |bless key|}}
<li class="item flexrow blessure-data list-item" data-blessure-type="legere" data-attribute={{key}} data-blessure-index="{{key}}"> <li class="item flexrow blessure-data list-item" data-blessure-type="legere" data-attribute={{key}} data-blessure-index="{{key}}">
<a class="item-control blessure-control" title="Blessure Légère" data-blessure-active="{{bless.active}}">{{#if bless.active}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a> <ul>
Premiers soins <input class="blessures-soins" type="text" name='premiers_soins' data-dtype="number" value="{{this.premiers_soins}}"/> - <li class="item-control blessure-control" title="Blessure Légère" data-blessure-active="{{bless.active}}">
Soins complets <input class="blessures-soins" type="text" name='soins_complets' data-dtype="number" value="{{this.soins_complets}}"/> - {{#if bless.active}}
Jours <input class="blessures-soins" type="text" name='jours' data-dtype="number" value="{{this.jours}}"/> - <i class="fas fa-circle"></i>
Loc. <input class="blessures-soins" type="text" name='localisation' data-dtype="String" value="{{this.localisation}}"/> {{else}}
<i class="fas fa-genderless"></i>
{{/if}}
</li>
<li>
Premiers soins
<input class="blessures-soins" type="text" name="premiers_soins" data-dtype="number" value="{{bless.premiers_soins}}"/>
</li>
<li>
Soins complets
<input class="blessures-soins" type="text" name="soins_complets" data-dtype="number" value="{{bless.soins_complets}}"/>
</li>
<li>
Jours
<input class="blessures-soins" type="text" name="jours" data-dtype="number" value="{{bless.jours}}"/>
</li>
<li>
Loc.
<input class="blessures-soins" type="text" name="localisation" data-dtype="String" value="{{bless.localisation}}"/>
</li>
</ul>
</li> </li>
{{/each}} {{/each}}
</div> </ul>
<span class="blessures-title">Blessures Graves :</span> <h3 class="blessures-title">Blessures Graves :</h3>
<div> <ul class="flexrow alterne-list blessures-list">
{{#each data.blessures.graves.liste as |bless key|}} {{#each data.blessures.graves.liste as |bless key|}}
<li class="item flexrow" data-blessure-type="grave" data-attribute={{key}} data-blessure-index="{{key}}" > <li class="item flexrow list-item" data-blessure-type="grave" data-attribute={{key}} data-blessure-index="{{key}}" >
<a class="item-control blessure-control" title="Blessure Grave" data-blessure-active="{{bless.active}}">{{#if bless.active}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a> <ul>
Premiers soins <input class="blessures-soins" type="text" name="premiers_soins" data-dtype="number" value="{{bless.premiers_soins}}"/> - <li class="item-control blessure-control" title="Blessure Grave" data-blessure-active="{{bless.active}}">
Soins complets <input class="blessures-soins" type="text" name="soins_complets" data-dtype="number" value="{{bless.soins_complets}}"/> - {{#if bless.active}}
Jours <input class="blessures-soins" type="text" name="jours" data-dtype="number" value="{{bless.jours}}"/> - <i class="fas fa-circle"></i>
Loc. <input class="blessures-soins" type="text" name="localisation" data-dtype="String" value="{{bless.localisation}}"/> {{else}}
<i class="fas fa-genderless"></i>
{{/if}}
</li>
<li>
Premiers soins
<input class="blessures-soins" type="text" name="premiers_soins" data-dtype="number" value="{{bless.premiers_soins}}"/>
</li>
<li>
Soins complets
<input class="blessures-soins" type="text" name="soins_complets" data-dtype="number" value="{{bless.soins_complets}}"/>
</li>
<li>
Jours
<input class="blessures-soins" type="text" name="jours" data-dtype="number" value="{{bless.jours}}"/>
</li>
<li>
Loc.
<input class="blessures-soins" type="text" name="localisation" data-dtype="String" value="{{bless.localisation}}"/>
</li>
</ul>
</li> </li>
{{/each}} {{/each}}
</div> </ul>
<span class="blessures-title">Blessure Critique :</span> <h3 class="blessures-title">Blessure Critique :</h3>
<div> <ul class="flexrow alterne-list blessures-list">
{{#each data.blessures.critiques.liste as |bless key|}} {{#each data.blessures.critiques.liste as |bless key|}}
<li class="item flexrow" data-blessure-type="critique" data-attribute={{key}} data-blessure-index="{{key}}" > <li class="item list-item flexrow" data-blessure-type="critique" data-attribute={{key}} data-blessure-index="{{key}}" >
<a class="item-control blessure-control" title="Blessure Critique" data-blessure-active="{{bless.active}}">{{#if bless.active}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a> <ul>
Premiers soins <input class="blessures-soins" type="text" name="premiers_soins" data-dtype="number" value="{{bless.premiers_soins}}"/> - <li class="flex-group-center item-control blessure-control" title="Blessure Critique" data-blessure-active="{{bless.active}}">
Soins complets <input class="blessures-soins" type="text" name="soins_complets" data-dtype="number" value="{{bless.soins_complets}}"/> - {{#if bless.active}}
Jours <input class="blessures-soins" type="text" name="jours" data-dtype="number" value="{{bless.jours}}"/> - <i class="fas fa-circle"></i>
Loc. <input class="blessures-soins" type="text" name="localisation" data-dtype="String" value="{{bless.localisation}}"/> {{else}}
<i class="fas fa-genderless"></i>
{{/if}}
</li> </li>
<li>
Premiers soins
<input class="blessures-soins" type="text" name="premiers_soins" data-dtype="number" value="{{bless.premiers_soins}}"/>
</li>
<li>
Soins complets
<input class="blessures-soins" type="text" name="soins_complets" data-dtype="number" value="{{bless.soins_complets}}"/>
</li>
<li>
Jours
<input class="blessures-soins" type="text" name="jours" data-dtype="number" value="{{bless.jours}}"/>
</li>
<li>
Loc.
<input class="blessures-soins" type="text" name="localisation" data-dtype="String" value="{{bless.localisation}}"/>
</li>
</ul>
</li> </li>
{{/each}} {{/each}}
</ul>
</div> </div>
</div> {{!-- Queues, Souffles, Tetes, Ombre --}}
<div> <ul class="flex-group-left">
<span><strong>Queues:</strong></span>
{{#each data.queues as |queue key|}}
<li class="item flexrow" data-attribute={{key}} data-item-id="{{queue._id}}"> <li class="item flexrow" data-attribute={{key}} data-item-id="{{queue._id}}">
<h3>Queues:</h3>
{{#each data.queues as |queue key|}}
<span class="queuesouffle-label"> <a data-item-id="{{queue._id}}">{{queue.name}}</a></span> <span class="queuesouffle-label"> <a data-item-id="{{queue._id}}">{{queue.name}}</a></span>
<div class="item-controls"> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div> </div>
</li>
{{/each}} {{/each}}
</div> </li>
<div>
<span><strong>Souffles:</strong></span>
{{#each data.souffles as |souffle key|}}
<li class="item flexrow" data-attribute={{key}} data-item-id="{{souffle._id}}"> <li class="item flexrow" data-attribute={{key}} data-item-id="{{souffle._id}}">
<h3>Souffles:</h3>
{{#each data.souffles as |souffle key|}}
<span class="queuesouffle-label"> <a data-item-id="{{souffle._id}}">{{souffle.name}}</a></span> <span class="queuesouffle-label"> <a data-item-id="{{souffle._id}}">{{souffle.name}}</a></span>
<div class="item-controls"> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div> </div>
</li>
{{/each}} {{/each}}
</div> </li>
<div>
<span><strong>Tetes:</strong></span>
{{#each data.tetes as |tete key|}}
<li class="item flexrow" data-attribute={{key}} data-item-id="{{tete._id}}"> <li class="item flexrow" data-attribute={{key}} data-item-id="{{tete._id}}">
<h3>Tetes:</h3>
{{#each data.tetes as |tete key|}}
<span class="queuesouffle-label"> <a data-item-id="{{tete._id}}">{{tete.name}}</a></span> <span class="queuesouffle-label"> <a data-item-id="{{tete._id}}">{{tete.name}}</a></span>
<div class="item-controls"> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div> </div>
</li>
{{/each}} {{/each}}
</div> </li>
<div>
<span><strong>Ombres de Thanatos:</strong></span>
{{#each data.ombres as |ombre key|}}
<li class="item flexrow" data-attribute={{key}} data-item-id="{{ombre._id}}"> <li class="item flexrow" data-attribute={{key}} data-item-id="{{ombre._id}}">
<h3>Ombres de Thanatos:</h3>
{{#each data.ombres as |ombre key|}}
<span class="queuesouffle-label"> <a data-item-id="{{ombre._id}}">{{ombre.name}}</a></span> <span class="queuesouffle-label"> <a data-item-id="{{ombre._id}}">{{ombre.name}}</a></span>
<div class="item-controls"> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div> </div>
</li>
{{/each}} {{/each}}
</div> </li>
</ul>
</div> </div>
{{!-- hautreve Tab --}} {{!-- hautreve Tab --}}
<div class="tab hautreve" data-group="primary" data-tab="hautreve" style="height:200px"> <div class="tab hautreve " data-group="primary" data-tab="hautreve" style="height:200px">
<div> <div>
<ol class="item-list"> <ul class="item-list">
<li class="item flexrow"> <li class="item flexrow">
<span class="competence-label">Position en TMR :</span> <span class="competence-label">Position en TMR :</span>
<span> <span>
@ -470,12 +524,11 @@
{{/if}} {{/if}}
</span> </span>
</li> </li>
</ul>
</ol>
</div> </div>
<div> <div>
<span><strong>Sorts:</strong></span> <span><strong>Sorts:</strong></span>
<ol class="item-list"> <ul class="item-list">
{{#each data.sorts as |mysort key|}} {{#each data.sorts as |mysort key|}}
<li class="item flexrow" data-item-id="{{mysort._id}}" data-attribute="{{key}}"> <li class="item flexrow" data-item-id="{{mysort._id}}" data-attribute="{{key}}">
<span class="sort-label"> <a data-id="{{mysort._id}}">{{mysort.name}}</a></span> <span class="sort-label"> <a data-id="{{mysort._id}}">{{mysort.name}}</a></span>
@ -485,26 +538,25 @@
</div> </div>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
<div> <div>
<span><strong>Sorts en Réserve:</strong></span> <span><strong>Sorts en Réserve:</strong></span>
<ol class="item-list"> <ul class="item-list">
{{#each data.sortReserve as |reserve key|}} {{#each data.sortReserve as |reserve key|}}
<li class="item flexrow" data-item-id="{{mysort._id}}" data-attribute="{{key}}"> <li class="item flexrow" data-item-id="{{mysort._id}}" data-attribute="{{key}}">
<span class="sort-label"> {{reserve.sort.name}} - {{reserve.coord}}</span> <span class="sort-label"> {{reserve.sort.name}} - {{reserve.coord}}</span>
</li> </li>
{{/each}} {{/each}}
</ol> </ul>
</div> </div>
</div> </div>
{{!-- Equipment Tab --}} {{!-- Equipment Tab --}}
<div class="tab items" data-group="primary" data-tab="items"> <div class="tab items" data-group="primary" data-tab="items">
<span cass=item-name>Encombrement total/max : {{numberFormat data.encombrementTotal decimals=1}} / {{data.attributs.encombrement.value}}</span> <span cass=item-name>Encombrement total/max : {{numberFormat data.encombrementTotal decimals=1}} / {{data.attributs.encombrement.value}}</span>
<hr>
<span cass=item-name>Porté sur soi</span> <span cass=item-name>Porté sur soi</span>
<ol class="item-list alterne-list"> <ul class="item-list alterne-list">
{{#each data.objets as |item id|}} {{#each data.objets as |item id|}}
{{#unless item.estContenu}} {{#unless item.estContenu}}
{{#if (ne item.type 'conteneur')}} {{#if (ne item.type 'conteneur')}}
@ -526,40 +578,72 @@
{{#each data.conteneurs as |conteneur id|}} {{#each data.conteneurs as |conteneur id|}}
{{buildConteneur this}} {{buildConteneur this}}
{{/each}} {{/each}}
</ul>
</div> </div>
{{!-- Biography Tab --}} {{!-- Biography Tab --}}
<div class="tab biography" data-group="primary" data-tab="description"> <div class="tab biography" data-group="primary" data-tab="description">
<div class="grid grid-2col"> <article class="flexrow">
<div class="flex-group-left flexcol competence-column"> <ul class="item-list alterne-list">
<ol class="item-list alterne-list"> <li class="item flexrow list-item">
<li class="item flexrow list-item" ><span class="description-label competence-label">Sexe : </span><input class="description-value flexrow" type="text" name="data.sexe" value="{{data.sexe}}" data-dtype="String"/></li> <label class="description-label competence-label">Sexe :
<li class="item flexrow list-item" ><span class="description-label competence-label">Poids : </span><input class="description-value flexrow" type="text" name="data.poids" value="{{data.poids}}" data-dtype="String"/></li> <input class="description-value flexrow" type="text" name="data.sexe" value="{{data.sexe}}" data-dtype="String"/>
<li class="item flexrow list-item" ><span class="description-label competence-label">Taille : </span><input class="description-value flexrow" type="text" name="data.taille" value="{{data.taille}}" data-dtype="String"/></li> </label>
<li class="item flexrow list-item" ><span class="description-label competence-label">Cheveux : </span><input class="description-value flexrow" type="text" name="data.cheveux" value="{{data.cheveux}}" data-dtype="String"/></li> </li>
<li class="item flexrow list-item" ><span class="description-label competence-label">Yeux : </span><input class="description-value flexrow" type="text" name="data.yeux" value="{{data.yeux}}" data-dtype="String"/></li> <li class="item flexrow list-item">
</ol> <label class="description-label competence-label">Poids :
</div> <input class="description-value flexrow" type="text" name="data.poids" value="{{data.poids}}" data-dtype="String"/>
<div> </label>
<ol class="item-list alterne-list"> </li>
<li class="item flexrow list-item" ><span class="description-label competence-label">Age : </span><input class="description-value flexrow" type="text" name="data.age" value="{{data.age}}" data-dtype="String"/></li> <li class="item flexrow list-item">
<li class="item flexrow list-item" ><span class="description-label competence-label">Heure de naissance : </span><input class="description-value flexrow" type="text" name="data.heure" value="{{data.heure}}" data-dtype="String"/></li> <label class="description-label competence-label">Taille :
<li class="item flexrow list-item" ><span class="description-label competence-label">Beauté : </span><input class="description-value flexrow" type="text" name="data.beaute" value="{{data.beaute}}" data-dtype="String"/></li> <input class="description-value flexrow" type="text" name="data.taille" value="{{data.taille}}" data-dtype="String"/>
<li class="item flexrow list-item" ><span class="description-label competence-label">Main directrice : </span><input class="description-value flexrow" type="text" name="data.main" value="{{data.main}}" data-dtype="String"/></li> </label>
</ol> </li>
</div> <li class="item flexrow list-item">
</div> <label class="description-label competence-label">Cheveux :
<hr> <input class="description-value flexrow" type="text" name="data.cheveux" value="{{data.cheveux}}" data-dtype="String"/>
<div class="flexcol"> </label>
<span><label>Biographie : </label></span> </li>
<li class="item flexrow list-item">
<label class="description-label competence-label">Yeux :
<input class="description-value flexrow" type="text" name="data.yeux" value="{{data.yeux}}" data-dtype="String"/>
</label>
</li>
</ul>
<ul class="item-list alterne-list">
<li class="item flexrow list-item">
<label class="description-label competence-label">Age :
<input class="description-value flexrow" type="text" name="data.age" value="{{data.age}}" data-dtype="String"/>
</label>
</li>
<li class="item flexrow list-item">
<label class="description-label competence-label">Heure de naissance :
<input class="description-value flexrow" type="text" name="data.heure" value="{{data.heure}}" data-dtype="String"/>
</label>
</li>
<li class="item flexrow list-item">
<label class="description-label competence-label">Beauté :
<input class="description-value flexrow" type="text" name="data.beaute" value="{{data.beaute}}" data-dtype="String"/>
</label>
</li>
<li class="item flexrow list-item">
<label class="description-label competence-label">Main directrice :
<input class="description-value flexrow" type="text" name="data.main" value="{{data.main}}" data-dtype="String"/>
</label>
</li>
</ul>
</article>
<article class="flexcol">
<h3>Biographie : </h3>
<div class="form-group editor"> <div class="form-group editor">
{{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}} {{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
</div> </div>
<span><label>Notes : </label></span> <h3>Notes : </h3>
<div class="form-group editor"> <div class="form-group editor">
{{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}} {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
</div> </div>
</div> </article>
</div> </div>
</section> </section>