fvtt-vadentis/templates/actor-sheet.html

<form class="{{cssClass}}" autocomplete="off">

    {{!-- Sheet Header --}}
    <header class="sheet-header">
      <div class="header-fields">
        <div class="flexrow">
          <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
          <h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
        </div>
      </div>
    </header>

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="principal">Principal</a>
        <a class="item" data-tab="competences">Compétences</a>
        <a class="item" data-tab="sorts">Sorts</a>
        <a class="item" data-tab="equpement">Equipement</a>
        <a class="item" data-tab="description">Description</a>
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body">

        {{!-- Carac Tab --}}
        <div class="tab items" data-group="primary" data-tab="principal">
          <div class="grid grid-2col">
            <div class="flex-group-left flexcol">

              <span class="generic-label">Données</span>
              <ul>
                {{#each donnees as |donnee key|}}
                <li class="stat flexrow list-item" data-attribute="{{key}}">
                  <span class="stat-label flexrow tooltip tooltip-nobottom" name="donnee.name">{{donnee.name}}</span>
                </li>
                {{/each}}
              </ul>  

              <span class="generic-label">Eglise</span>
              <ul>
                {{#each donnees as |donnee key|}}
                <li class="stat flexrow list-item" data-attribute="{{key}}">
                  <span class="stat-label flexrow tooltip tooltip-nobottom" name="donnee.name">{{donnee.name}}</span>
                </li>
                {{/each}}
              </ul>  
                    
              <span><a class="lock-unlock-sheet"><img class="small-button-container" 
                src="systems/foundryvtt-vadentis/images/icons/{{#if editScore}}unlocked.svg{{else}}locked.svg{{/if}}" alt="Editable/Vérouillé"
                >{{#if editScore}}Editable{{else}}Vérouillé{{/if}}</a></span>
              <ul class="stat-list alternate-list">
                <li class="stat flexrow" >
                  <li class="stat flexrow" >
                    <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Désignation</span>
                    <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Valeur</span>
                    <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Max</span>
                </li>
                  {{#each data.stats as |stat key|}}
                    <li class="stat flexrow list-item" data-attribute="{{key}}">
                      <span class="stat-label flexrow tooltip tooltip-nobottom" name="data.stats.{{key}}.label">{{stat.label}}</span>
                      <select class="stat-value flexrow" type="text" name="data.stats.{{key}}.value" value="{{stat.value}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                        {{#select stat.value}}
                        {{>"systems/foundryvtt-vadentis/templates/score-option-list.html"}}
                        {{/select}}
                      </select> 
                      <select class="stat-value flexrow" type="text" name="data.stats.{{key}}.max" value="{{stat.max}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                        {{#select stat.max}}
                        {{>"systems/foundryvtt-vadentis/templates/score-option-list.html"}}
                        {{/select}}
                      </select> 
                      </li>
                {{/each}}
              </ul>          
            </div>
            <div class="flex-group-left flexcol">
              <ul class="stat-list alternate-list">
                <li class="stat flexrow" >
                  <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Désignation</span>
                  <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Valeur</span>
                  <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Bonus</span>
                  <span class="generic-label flexrow tooltip tooltip-nobottom" name="statlabel">Malus</span>
                </li>
                {{#each data.combat as |combat key|}}
                  <li class="stat flexrow list-item" data-attribute="{{key}}">
                    <span class="stat-label combat-label flexrow tooltip tooltip-nobottom" name="data.combat.{{key}}.label"><a name="{{key}}">{{combat.label}}</a></span>
                    <select class="stat-value flexrow" type="text" name="data.combat.{{key}}.base" value="{{combat.base}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{#select combat.base}}
                      {{>"systems/foundryvtt-vadentis/templates/score-option-list.html"}}
                      {{/select}}
                    </select> 
                    <select class="stat-value flexrow" type="text" name="data.combat.{{key}}.malus" value="{{combat.malus}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{#select combat.malus}}
                      {{>"systems/foundryvtt-vadentis/templates/malus-option-list.html"}}
                      {{/select}}
                    </select> 
                    <select class="stat-value flexrow" type="text" name="data.combat.{{key}}.bonus" value="{{combat.bonus}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{#select combat.bonus}}
                      {{>"systems/foundryvtt-vadentis/templates/bonus-option-list.html"}}
                      {{/select}}
                    </select> 
                  </li>
                {{/each}}
              </ul>          
            </div>
          </div>
          
        </div>
        
        {{!-- Skills Tab --}}
        <div class="tab competences" data-group="primary" data-tab="competences">
          <div class="flexrow">
            <span><a class="lock-unlock-sheet"><img class="small-button-container" 
              src="systems/foundryvtt-shadows-over-sol/img/icons/{{#if data.editStatSkill}}unlocked.svg{{else}}locked.svg{{/if}}" alt="lock/unlock"
              >{{#if data.editStatSkill}}Lock{{else}}Unlock{{/if}}</a></span>
          </div>
          
          <span class="generic-label">Compétences</span>
          <div class="grid grid-2col">

            <ul class="item-list alterne-list">
              {{#each competences as |competence key|}}
                <li class="item flexrow list-item" data-item-id="{{competence._id}}">
                  <img class="sheet-competence-img" src="{{competence.img}}"/>
                  <span class="competence-label"><a>{{competence.name}}</a></span>
                  <select class="competence-base flexrow" type="text" skillname="{{competence.name}}" value="{{competence.data.base}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                    {{#select competence.data.base}}
                    {{>"systems/foundryvtt-vadentis/templates/score-option-list.html"}}
                    {{/select}}
                  </select> 
                  <input class="competence-malus" type="text" skillname="{{competence.name}}" value="{{competence.data.malus}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                  <input class="competence-bonus" type="text" skillname="{{competence.name}}" value="{{competence.data.bonus}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                  <div class="item-controls">
                    <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>                  
              {{/each}}
            </ul>

        </div>
      </div>

        {{!-- Sort Tab --}}
        <div class="tab sorts" data-group="primary" data-tab="sorts">
          <span><a class="lock-unlock-sheet"><img class="small-button-container" 
            src="systems/foundryvtt-shadows-over-sol/img/icons/{{#if data.editStatSkill}}unlocked.svg{{else}}locked.svg{{/if}}" alt="lock/unlock"
            >{{#if data.editStatSkill}}Lock{{else}}Unlock{{/if}}</a></span>
            <h4>Sorts</h4>
            <div class="flex-group-left flexcol skill-column">
              <ul class="item-list alterne-list">
                <li class="item flexrow list-item" data-wound-name="light"><h4>Wounds : </h4></li>
                <li class="item flexrow list-item" data-wound-name="light"><span class="skill-label">Light :</span>
                  <input class="wound-value" type="text" woundname="light" value="{{numberFormat data.wounds.light decimals=0}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                </li>
                <li class="item flexrow list-item" data-wound-name="moderate"><span class="skill-label">Moderate :</span> 
                  <input class="wound-value" type="text" woundname="moderate" value="{{numberFormat data.wounds.moderate decimals=0}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                </li>
                <li class="item flexrow list-item" data-wound-name="severe"><span class="skill-label">Severe :</span>
                <input class="wound-value" type="text" woundname="severe" value="{{numberFormat data.wounds.severe decimals=0}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                </li>
                <li class="item flexrow list-item" data-wound-name="critical"><span class="skill-label">Critical :</span> 
                  <input class="wound-value" type="text" woundname="critical" value="{{numberFormat data.wounds.critical decimals=0}}" data-dtype="number" {{#unless @root.data.editStatSkill}}disabled{{/unless}}/>
                </li>
                <li class="item flexrow list-item" data-wound-name="critical"><span class="skill-label">Total :</span> 
                  <span class="skill-label">{{data.currentWounds}} / {{data.totalWounds}}</span>
                </li>
              </ul>
          </div>
        </div>

        {{!-- Equipeme,t Tab --}}
        <div class="tab equipement" data-group="primary" data-tab="equipement">
          <div><h4>Armes</h4></div>
          <ul class="item-list alternate-list">
            {{#each data.weapons as |weapon key|}}
            <li class="item flexrow list-item" data-item-id="{{weapon._id}}">
              <img class="sheet-skill-img" src="{{weapon.img}}"/>
              <span class="weapon-label"><a>{{weapon.name}}</a></span>
              <div class="item-controls">
                <a class="item-control item-equip" title="Equipped">{{#if weapon.data.equiped}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>                  
          {{/each}}
          </ul>
          <div><h4>Armures</h4></div>
          <ul class="item-list alternate-list">
            {{#each data.armors as |armor key|}}
            <li class="item flexrow list-item" data-item-id="{{armor._id}}">
              <img class="sheet-skill-img" src="{{armor.img}}"/>
              <span class="armor-label">{{armor.name}}</span>
              <div class="item-controls">
                <a class="item-control item-worn" title="Worn">{{#if armor.data.worn}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>                  
          {{/each}}
          </ul>
          <div><h4>Equipement</h4></div>
          <ul class="item-list alternate-list">
            {{#each data.gearsRoot as |gear key|}}
            <li class="item flexrow list-item" data-item-id="{{gear._id}}">
              <img class="sheet-skill-img" src="{{gear.img}}"/>
              <span class="conseq-label">{{gear.name}}</span>
              <div class="item-controls">
                <a class="item-control item-equip" title="Worn">{{#if armor.data.worn}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>                  
          {{/each}}
          </ul>
        </div>


      {{!-- Biography Tab --}}
      <div class="tab description" data-group="primary" data-tab="description">        
        <article class="flexrow">          
          <ul class="item-list alternate-list">
            <li class="item flexrow list-item">
              <label class="description-label generic-label">Geneline : </label>
              <label class="description-label generic-label item-link"><a data-item-id="{{data.geneline._id}}">{{data.geneline.name}}</a></label>
            </li>
            <li class="item flexrow list-item">
              <label class="description-label generic-label">Main Subculture :</label>
              <select class="stat-value flexrow" type="text" name="data.subculture" value="{{data.subculture}}" data-dtype="String">
                {{#select data.subculture}}
                {{#each data.subcultureList as |subculture key|}}
                <option value="{{subculture.name}}">{{subculture.name}}</option>
                {{/each}}
                {{/select}}
              </select>     
            </li>
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Genre : </label>
              <input class="description-value flexrow" type="text" name="data.sex" value="{{data.sex}}" data-dtype="String"/>
            </li>
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Weight : </label>
              <input class="description-value flexrow" type="text" name="data.weight" value="{{data.weight}}" data-dtype="String"/>              
            </li>
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Size : </label>
              <input class="description-value flexrow" type="text" name="data.taille" value="{{data.taille}}" data-dtype="String"/>
            </li>
          </ul>
          <ul class="item-list alterne-list">
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Hair : </label>
              <input class="description-value flexrow" type="text" name="data.hair" value="{{data.hair}}" data-dtype="String"/>
            </li>
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Eyes : </label>
              <input class="description-value flexrow" type="text" name="data.eyes" value="{{data.eyes}}" data-dtype="String"/>
            </li>
            <li class="item flexrow list-item">
              <label class="description-label stat-label">Age : </label>
              <input class="description-value flexrow" type="text" name="data.age" value="{{data.age}}" data-dtype="String"/>
            </li>
          </ul>
        </article>
        <hr>
        <article class="flexcol">
          <div class="grid grid-3col">

            <div class="flex-group-left flexcol genelang-column">  
              <span class="description-label">Familiar Subcultures</span>
              <ul class="item-list alternate-list">
                {{#each data.subcultureList as |subculture key|}}
                <li class="item flexrow list-item" data-item-id="{{subculture._id}}">
                  <img class="sheet-skill-img" src="{{subculture.img}}"/>
                  <span class="conseq-label genelang-label">{{subculture.name}}</span>
                  <div class="item-controls">
                    <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>                  
                {{/each}}
              </ul>
            </div>
            <div class="flex-group-left flexcol genelang-column">  
              <span class="description-label">Known Languages</span>
              <ul class="item-list alternate-list">
                {{#each data.languageList as |language key|}}
                <li class="item flexrow list-item" data-item-id="{{language._id}}">
                  <img class="sheet-skill-img" src="{{language.img}}"/>
                  <span class="conseq-label">{{language.name}}</span>
                  <div class="item-controls">
                    <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>                  
                {{/each}}
              </ul>
            </div>
            <div class="flex-group-left flexcol genelang-column">  
              <span class="description-label">Weaknesses</span>
              <ul class="item-list alternate-list">
                {{#each data.weaknessList as |weakness key|}}
                <li class="item flexrow list-item" data-item-id="{{weakness._id}}">
                  <img class="sheet-skill-img" src="{{weakness.img}}"/>
                  <span class="conseq-label">{{weakness.name}}</span>
                  <div class="item-controls">
                    <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>                  
                {{/each}}
              </ul>
            </div>
          </div>          
        </article>

        <hr>

        <article class="flexcol">
          <hr>
          <h3>Biography : </h3>
          <div class="form-group editor">
            {{editor content=data.history target="data.history" button=true owner=owner editable=editable}}
          </div>
          <hr>
          <h3>Notes : </h3>
          <div class="form-group editor">
            {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
          </div>
          <hr>
          {{>"systems/foundryvtt-vadentis/templates/editor-notes-gm.html"}}
        </article>
      </div>

    </section>
</form>