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

This commit is contained in:
Mandar 2020-11-26 23:33:05 +01:00
parent 25822afead
commit cb8c29382b
2 changed files with 400 additions and 276 deletions

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;

View File

@ -109,41 +109,41 @@
<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}}
<span class="carac-label flexrow" name="data.carac.{{key}}.label">{{carac.label}}</span> <span class="carac-label flexrow" name="data.carac.{{key}}.label">{{carac.label}}</span>
{{else}}
<span class="carac-label flexrow" name="data.carac.{{key}}.label"><a name={{key}}>{{carac.label}}</a></span>
{{/if}}
{{#if carac.derivee}}
<label class="competence-value flexrow">{{carac.value}}</label>
{{else}} {{else}}
<input class="carac-value flexrow" type="text" name="data.carac.{{key}}.value" value="{{carac.value}}" data-dtype="{{carac.type}}" {{#unless @root.data.editCaracComp}}disabled{{/unless}} /> <span class="carac-label flexrow" name="data.carac.{{key}}.label"><a name={{key}}>{{carac.label}}</a></span>
<input class="competence-xp flexrow" type="text" name="data.carac.{{key}}.xp" value="{{carac.xp}}" data-dtype="number" {{#unless @root.data.editCaracComp}}disabled{{/unless}} />
{{/if}} {{/if}}
</li> {{#if carac.derivee}}
{{/each}} <label class="competence-value flexrow">{{carac.value}}</label>
<li class="competence flexrow"> {{else}}
<span class="carac-label flexrow" name="carac-total">Total Caractéristiques </span> <input class="carac-value flexrow" type="text" name="data.carac.{{key}}.value" value="{{carac.value}}" data-dtype="{{carac.type}}" {{#unless @root.data.editCaracComp}}disabled{{/unless}} />
<span class="competence-value flexrow" name="carac-total-value">{{data.caracSum}} </span> <input class="competence-xp flexrow" type="text" name="data.carac.{{key}}.xp" value="{{carac.xp}}" data-dtype="number" {{#unless @root.data.editCaracComp}}disabled{{/unless}} />
</li> {{/if}}
</ol> </li>
{{/each}}
<li class="competence flexrow">
<span class="carac-label flexrow" name="carac-total">Total Caractéristiques </span>
<span class="competence-value flexrow" name="carac-total-value">{{data.caracSum}} </span>
</li>
</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>
</li> </li>
{{/each}} {{/each}}
{{#each data.sante as |point key|}} {{#each data.sante as |point 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">{{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,8 +155,8 @@
<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}}"/>
<span class="competence-label" name="data.competenceByCategory.generale[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.generale[{{key}}].name"><a>{{comp.name}}</a></span>
@ -167,14 +167,14 @@
<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> </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}}"/>
<span class="competence-label" name="data.competenceByCategory.particuliere[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.particuliere[{{key}}].name"><a>{{comp.name}}</a></span>
@ -185,13 +185,13 @@
<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> </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}}"/>
<span class="competence-label" name="data.competenceByCategory.specialisee[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.specialisee[{{key}}].name"><a>{{comp.name}}</a></span>
@ -202,16 +202,16 @@
<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> </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}}"/>
<span class="competence-label" name="data.competenceByCategory.melee[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.melee[{{key}}].name"><a>{{comp.name}}</a></span>
@ -222,14 +222,14 @@
<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> </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}}"/>
<span class="competence-label" name="data.competenceByCategory.tir[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.tir[{{key}}].name"><a>{{comp.name}}</a></span>
@ -240,13 +240,13 @@
<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> </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}}"/>
@ -258,14 +258,14 @@
<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> </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}}"/>
<span class="competence-label" name="data.competenceByCategory.connaissance[{{key}}].name"><a>{{comp.name}}</a></span> <span class="competence-label" name="data.competenceByCategory.connaissance[{{key}}].name"><a>{{comp.name}}</a></span>
@ -276,13 +276,13 @@
<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> </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,156 +325,210 @@
<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"/>
{{#if compteur.isStress}} {{#if compteur.isStress}}
<a class="item-control stress-test" id="stress-test" title="Faire un jet de Stress">Faire un jet de Stress</a> <a class="item-control stress-test" id="stress-test" title="Faire un jet de Stress">Faire un jet de Stress</a>
{{else}}
<label></label>
{{/if}}
<label></label>
{{else}} {{else}}
<span class="competence-label">{{compteur.value}}</span> <label></label>
{{/if}} {{/if}}
</li> <label></label>
{{/each}} {{else}}
</ol> <span class="competence-label">{{compteur.value}}</span>
</div> {{/if}}
<div class="flex-group-left flexcol competence-column"> </li>
<span class="blessures-title">Blessures Légeres :</span> {{/each}}
<div class="blessure-data alterne-list"> </ul>
</div>
{{!-- Liste de blessures --}}
<div class="flex-group-left flexcol competence-column">
<h3 class="blessures-title">Blessures Légeres :</h3>
<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}}
</li> <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>
</div> </div>
<div> {{!-- Queues, Souffles, Tetes, Ombre --}}
<span><strong>Queues:</strong></span> <ul class="flex-group-left">
{{#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}}">
<span class="queuesouffle-label"> <a data-item-id="{{queue._id}}">{{queue.name}}</a></span> <h3>Queues:</h3>
<div class="item-controls"> {{#each data.queues as |queue key|}}
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <span class="queuesouffle-label"> <a data-item-id="{{queue._id}}">{{queue.name}}</a></span>
</div> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
{{/each}}
</li> </li>
{{/each}}
</div>
<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}}">
<span class="queuesouffle-label"> <a data-item-id="{{souffle._id}}">{{souffle.name}}</a></span> <h3>Souffles:</h3>
<div class="item-controls"> {{#each data.souffles as |souffle key|}}
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <span class="queuesouffle-label"> <a data-item-id="{{souffle._id}}">{{souffle.name}}</a></span>
</div> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
{{/each}}
</li> </li>
{{/each}}
</div>
<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}}">
<span class="queuesouffle-label"> <a data-item-id="{{tete._id}}">{{tete.name}}</a></span> <h3>Tetes:</h3>
<div class="item-controls"> {{#each data.tetes as |tete key|}}
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <span class="queuesouffle-label"> <a data-item-id="{{tete._id}}">{{tete.name}}</a></span>
</div> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
{{/each}}
</li> </li>
{{/each}}
</div>
<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}}">
<span class="queuesouffle-label"> <a data-item-id="{{ombre._id}}">{{ombre.name}}</a></span> <h3>Ombres de Thanatos:</h3>
<div class="item-controls"> {{#each data.ombres as |ombre key|}}
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a> <span class="queuesouffle-label"> <a data-item-id="{{ombre._id}}">{{ombre.name}}</a></span>
</div> <div class="item-controls">
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
{{/each}}
</li> </li>
{{/each}} </ul>
</div>
</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>
{{#if data.isGM}} {{#if data.isGM}}
<input class="competence-value" type="text" name="data.reve.tmrpos.coord" value="{{data.reve.tmrpos.coord}}" data-dtype="String"/> <input class="competence-value" type="text" name="data.reve.tmrpos.coord" value="{{data.reve.tmrpos.coord}}" data-dtype="String"/>
{{else}} {{else}}
{{data.reve.tmrpos.coord}} {{data.reve.tmrpos.coord}}
{{/if}} {{/if}}
</span> </span>
</li> </li>
<li class="item flexrow"> <li class="item flexrow">
<span class="competence-label">Seuil de Rêve :</span> <span class="competence-label">Seuil de Rêve :</span>
<span> <span>
{{#if data.isGM}} {{#if data.isGM}}
<input class="seuil-reve-value" type="text" name="data.reve.seuil.value" value="{{data.reve.seuil.value}}" data-dtype="Number"/> <input class="seuil-reve-value" type="text" name="data.reve.seuil.value" value="{{data.reve.seuil.value}}" data-dtype="Number"/>
{{else}} {{else}}
{{data.reve.seuil.value}} {{data.reve.seuil.value}}
{{/if}} {{/if}}
</span> </span>
</li> </li>
<li class="item flexrow" > <li class="item flexrow" >
<span class="competence-label">Refoulement : </span> <span class="competence-label">Refoulement : </span>
<span> <span>
{{#if data.isGM}} {{#if data.isGM}}
<input class="competence-value" type="text" name="data.reve.refoulement.value" value="{{data.reve.refoulement.value}}" data-dtype="Number"/> <input class="competence-value" type="text" name="data.reve.refoulement.value" value="{{data.reve.refoulement.value}}" data-dtype="Number"/>
{{else}} {{else}}
{{data.reve.refoulement.value}} {{data.reve.refoulement.value}}
{{/if}} {{/if}}
</span> </span>
</li> </li>
</ul>
</ol> </div>
</div> <div>
<div> <span><strong>Sorts:</strong></span>
<span><strong>Sorts:</strong></span> <ul class="item-list">
<ol 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,82 +538,113 @@
</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> <ul class="item-list alterne-list">
<ol 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')}} <li class="item flexrow list-item" data-item-id="{{item._id}}">
<li class="item flexrow list-item" data-item-id="{{item._id}}"> <img class="sheet-competence-img" src="{{item.img}}" title="{{item.name}}"/>
<img class="sheet-competence-img" src="{{item.img}}" title="{{item.name}}"/> <h4 class="item-name">{{item.name}}</h4>
<h4 class="item-name">{{item.name}}</h4> {{#if item.data.quantite}}
{{#if item.data.quantite}} <h4 class="item-quantite">{{item.data.quantite}}</h4>
<h4 class="item-quantite">{{item.data.quantite}}</h4> {{/if}}
{{/if}} <div class="item-controls">
<div class="item-controls"> <a class="item-control item-equip" title="Equiper">{{#if item.data.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
<a class="item-control item-equip" title="Equiper">{{#if item.data.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a> <a class="item-control item-edit" title="Editer"><i class="fas fa-edit"></i></a>
<a class="item-control item-edit" title="Editer"><i class="fas fa-edit"></i></a> <a class="item-control item-delete" title="Supprimer"><i class="fas fa-trash"></i></a>
<a class="item-control item-delete" title="Supprimer"><i class="fas fa-trash"></i></a> </div>
</div> </li>
</li> {{/if}}
{{/if}} {{/unless}}
{{/unless}} {{/each}}
{{/each}} {{#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">
<label class="description-label competence-label">Cheveux :
<input class="description-value flexrow" type="text" name="data.cheveux" value="{{data.cheveux}}" data-dtype="String"/>
</label>
</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">
{{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
</div> </div>
<hr> <h3>Notes : </h3>
<div class="flexcol"> <div class="form-group editor">
<span><label>Biographie : </label></span> {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
<div class="form-group editor">
{{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
</div>
<span><label>Notes : </label></span>
<div class="form-group editor">
{{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
</div>
</div> </div>
</div> </article>
</div>
</section> </section>
</form> </form>