fvtt-celestopol/templates/character-competences.hbs

<div class="tab competences {{tab.cssClass}}" data-group="sheet" data-tab="competences">
  {{!-- Grille des 4 stats × 4 domaines --}}
  <div class="stats-grid">
    {{#each stats as |stat statId|}}
    <div class="stat-block">
      <div class="stat-header">
        <span class="stat-name">{{localize stat.label}}</span>
        <div class="stat-res">
          <label>{{localize "CELESTOPOL.Stat.res"}}</label>
          {{#if ../isEditMode}}
            <input type="number" name="system.stats.{{statId}}.res" value="{{lookup (lookup ../system.stats statId) 'res'}}" min="0" max="8" class="stat-res-input">
          {{else}}
            <span class="stat-res-value">{{lookup (lookup ../system.stats statId) 'res'}}</span>
          {{/if}}
        </div>
      </div>
      <div class="skills-list">
        {{#each (lookup ../skills statId) as |skill skillId|}}
        {{#if @root.isEditMode}}
        <div class="skill-row edit-mode" data-stat-id="{{statId}}" data-skill-id="{{skillId}}">
          <span class="skill-name">{{localize skill.label}}</span>
          <div class="skill-checkboxes-container">
            <div class="skill-checkboxes">
              {{#each (array 1 2 3 4 5 6 7 8) as |level|}}
              <label class="skill-checkbox-wrapper">
                <input type="checkbox" name="system.stats.{{statId}}.{{skillId}}.level{{level}}"
                       {{#if (lookup (lookup (lookup @root.system.stats statId) skillId) (concat 'level' level))}}checked{{/if}}
                       class="skill-level-checkbox">
              </label>
              {{/each}}
            </div>
          </div>
          <input type="number" name="system.stats.{{statId}}.{{skillId}}.value"
                 value="{{lookup (lookup @root.system.stats statId) skillId 'value'}}"
                 min="0" max="8" class="skill-value-input">
        </div>
        {{else}}
        <div class="skill-row rollable" data-stat-id="{{statId}}" data-skill-id="{{skillId}}"
             title="{{localize 'CELESTOPOL.Roll.clickToRoll'}}">
          <span class="skill-name">{{localize skill.label}}</span>
          <div class="skill-checkboxes-container">
            <div class="skill-checkboxes">
              {{#each (array 1 2 3 4 5 6 7 8) as |level|}}
              <label class="skill-checkbox-wrapper">
                <input type="checkbox"
                       {{#if (lookup (lookup (lookup @root.system.stats statId) skillId) (concat 'level' level))}}checked{{/if}}
                       disabled class="skill-level-checkbox">
              </label>
              {{/each}}
            </div>
          </div>
          <span class="skill-value">{{lookup (lookup @root.system.stats statId) skillId 'value'}}</span>
        </div>
        {{/if}}
        {{/each}}
      </div>
    </div>
    {{/each}}
  </div>

  {{!-- Items : Anomalies, Aspects, Attributs --}}
  <div class="items-section">
    {{!-- Anomalies --}}
    <div class="items-group">
      <div class="items-header">
        <span>{{localize "CELESTOPOL.Item.anomalies"}}</span>
        {{#if isEditMode}}
          <a data-action="createAnomaly" title="{{localize 'CELESTOPOL.Item.newAnomaly'}}"><i class="fas fa-plus"></i></a>
        {{/if}}
      </div>
      {{#each anomalies as |item|}}
      <div class="item-row" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
        <img src="{{item.img}}" class="item-icon" alt="{{item.name}}">
        <span class="item-name">{{item.name}}</span>
        <span class="item-value">{{item.system.value}}</span>
        <div class="item-controls">
          <a data-action="edit" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}<a data-action="delete" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>{{/if}}
        </div>
      </div>
      {{/each}}
    </div>

    {{!-- Aspects --}}
    <div class="items-group">
      <div class="items-header">
        <span>{{localize "CELESTOPOL.Item.aspects"}}</span>
        {{#if isEditMode}}
          <a data-action="createAspect" title="{{localize 'CELESTOPOL.Item.newAspect'}}"><i class="fas fa-plus"></i></a>
        {{/if}}
      </div>
      {{#each aspects as |item|}}
      <div class="item-row" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
        <img src="{{item.img}}" class="item-icon" alt="{{item.name}}">
        <span class="item-name">{{item.name}}</span>
        <span class="item-value">{{item.system.value}}</span>
        <div class="item-controls">
          <a data-action="edit" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}<a data-action="delete" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>{{/if}}
        </div>
      </div>
      {{/each}}
    </div>

    {{!-- Attributs --}}
    <div class="items-group">
      <div class="items-header">
        <span>{{localize "CELESTOPOL.Item.attributes"}}</span>
        {{#if isEditMode}}
          <a data-action="createAttribute" title="{{localize 'CELESTOPOL.Item.newAttribute'}}"><i class="fas fa-plus"></i></a>
        {{/if}}
      </div>
      {{#each attributes as |item|}}
      <div class="item-row" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
        <img src="{{item.img}}" class="item-icon" alt="{{item.name}}">
        <span class="item-name">{{item.name}}</span>
        <span class="item-value">{{item.system.value}}</span>
        <div class="item-controls">
          <a data-action="edit" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}<a data-action="delete" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>{{/if}}
        </div>
      </div>
      {{/each}}
    </div>
  </div>
</div>