fvtt-celestopol/templates/character-factions.hbs

<div class="tab factions {{tab.cssClass}}" data-group="sheet" data-tab="factions">
  <div class="factions-layout">
    <section class="faction-aspect-summary">
      <div class="faction-aspect-summary-header">
        <div class="faction-aspect-summary-title">{{localize "CELESTOPOL.FactionAspect.title"}}</div>
        {{#if isGM}}
        <a class="faction-aspect-manage" data-action="manageFactionAspects">
          <i class="fa-solid fa-sliders"></i> {{localize "CELESTOPOL.FactionAspect.manage"}}
        </a>
        {{/if}}
      </div>

      {{#if factionAspectSummary}}
      <div class="faction-aspect-points">
        <div class="faction-aspect-point">
          <span class="label">{{localize "CELESTOPOL.FactionAspect.pointsMax"}}</span>
          <span class="value">{{factionAspectSummary.pointsMax}}</span>
        </div>
        <div class="faction-aspect-point">
          <span class="label">{{localize "CELESTOPOL.FactionAspect.pointsSpent"}}</span>
          <span class="value">{{factionAspectSummary.pointsSpent}}</span>
        </div>
        <div class="faction-aspect-point">
          <span class="label">{{localize "CELESTOPOL.FactionAspect.pointsRemaining"}}</span>
          <span class="value">{{factionAspectSummary.pointsRemaining}}</span>
        </div>
      </div>

      {{#if factionAspectSummary.sourceLabels.length}}
      <div class="faction-aspect-source-line">
        <strong>{{localize "CELESTOPOL.FactionAspect.sources"}} :</strong>
        {{#each factionAspectSummary.sourceLabels as |label|}}
          <span class="faction-aspect-source">{{label}}</span>
        {{/each}}
      </div>
      {{else}}
      <div class="faction-aspect-empty">{{localize "CELESTOPOL.FactionAspect.officialSourcesEmpty"}}</div>
      {{/if}}

      <div class="faction-aspect-active-block">
        <div class="faction-aspect-active-title">{{localize "CELESTOPOL.FactionAspect.activeTitle"}}</div>
        {{#if factionAspectSummary.activatedAspects.length}}
        <div class="faction-aspect-active-list">
          {{#each factionAspectSummary.activatedAspects as |aspect|}}
          <div class="faction-aspect-chip {{#if aspect.relevantToActor}}is-relevant{{/if}}">
            <span class="name">{{aspect.label}}</span>
            <span class="value">+{{aspect.value}}</span>
          </div>
          {{/each}}
        </div>
        {{else}}
        <div class="faction-aspect-empty">{{localize "CELESTOPOL.FactionAspect.noneActive"}}</div>
        {{/if}}
      </div>
      {{/if}}
    </section>

    <table class="factions-table">
      <thead>
        <tr>
          <th>{{localize "CELESTOPOL.Faction.label"}}</th>
          <th>{{localize "CELESTOPOL.Faction.relation"}}</th>
        </tr>
      </thead>
      <tbody>
        {{!-- Factions standard --}}
        {{#each factionRows as |faction|}}
        <tr class="faction-row" data-faction="{{faction.id}}">
          <td class="faction-name">{{localize faction.label}}</td>
          <td class="faction-value">
            <div class="faction-checkboxes-container">
              <div class="faction-checkboxes">
                {{#each faction.dots as |dot|}}
                <span class="faction-dot {{dot.type}} {{#if dot.filled}}filled{{/if}}"
                      {{#if @root.isEditable}}data-action="factionLevel" data-faction="{{../id}}" data-index="{{dot.index}}"{{/if}}></span>
                {{/each}}
              </div>
              <span class="faction-count">{{faction.valueStr}}</span>
            </div>
          </td>
        </tr>
        {{/each}}

        {{!-- Factions personnalisées --}}
        {{#each factionCustom as |faction|}}
        <tr class="faction-row custom" data-faction="{{faction.id}}">
          <td>
            {{#if @root.isEditMode}}
              <input type="text" name="system.factions.{{faction.id}}.label"
                     value="{{faction.label}}"
                     placeholder="{{localize 'CELESTOPOL.Faction.custom'}}">
            {{else}}
              <span>{{#if faction.label}}{{faction.label}}{{else}}—{{/if}}</span>
            {{/if}}
          </td>
          <td>
            <div class="faction-checkboxes-container">
              <div class="faction-checkboxes">
                {{#each faction.dots as |dot|}}
                <span class="faction-dot {{dot.type}} {{#if dot.filled}}filled{{/if}}"
                      {{#if @root.isEditable}}data-action="factionLevel" data-faction="{{../id}}" data-index="{{dot.index}}"{{/if}}></span>
                {{/each}}
              </div>
              <span class="faction-count">{{faction.valueStr}}</span>
            </div>
          </td>
        </tr>
        {{/each}}
      </tbody>
    </table>

    <aside class="factions-legend">
      <div class="factions-legend-title">{{localize "CELESTOPOL.Faction.legendTitle"}}</div>
      <div class="factions-legend-list">
        {{#each factionLegend as |entry|}}
        <div class="factions-legend-row">
          <span class="factions-legend-value">{{entry.value}}</span>
          <span class="factions-legend-label">{{entry.label}}</span>
        </div>
        {{/each}}
      </div>
    </aside>
  </div>
</div>