fvtt-cthulhu-eternal/templates/protagonist-main.hbs

<section class="protagonist-main protagonist-main-{{ifThen isPlayMode 'play' 'edit'}}">
  {{!log "protagonist-main" this}}

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.protagonist"}}</legend>
    <div class="protagonist-pc protagonist-pc-{{ifThen isPlayMode 'play' 'edit'}}">
      <div class="protagonist-left">
        <div class="protagonist-left-image">
          <img class="protagonist-img" src="{{actor.img}}" data-edit="img" data-action="editImage"
            data-tooltip="{{actor.name}}" />
        </div>
        <fieldset>
          <legend>{{localize "CTHULHUETERNAL.Label.HP"}}</legend>
          <div class="flexrow">
            {{formField systemFields.hp.fields.value value=system.hp.value}}
            /
            {{formField systemFields.hp.fields.max value=system.hp.max rootId=partId disabled=isPlayMode}}
          </div>
        </fieldset>

      </div>
      <div class="protagonist-right">
        <div class="protagonist-name">
          {{formInput fields.name value=source.name rootId=partId disabled=isPlayMode}}
          <a class="control" data-action="toggleSheet" data-tooltip="CTHULHUETERNAL.ToggleSheet"
            data-tooltip-direction="UP">
            <i class="fa-solid fa-user-{{ifThen isPlayMode 'lock' 'pen'}}"></i>
          </a>
        </div>


        <fieldset>
          <legend>{{localize "CTHULHUETERNAL.Label.SAN"}}</legend>
          <div class="flexrow">
            {{localize "CTHULHUETERNAL.Label.current"}} {{formField systemFields.san.fields.value
            value=system.san.value}}
            {{localize "CTHULHUETERNAL.Label.max"}} {{formField systemFields.san.fields.max value=system.san.max
            rootId=partId disabled=isPlayMode}}
            {{localize "CTHULHUETERNAL.Label.recovery"}} {{formField systemFields.san.fields.recovery
            value=system.san.recovery}}
            <span data-tooltip='{{localize "CTHULHUETERNAL.Tooltip.sanBP"}}'>{{localize "CTHULHUETERNAL.Label.breakingPoint"}}</span> {{formField systemFields.san.fields.breakingPoint
            value=system.san.breakingPoint}}
          </div>
          <div class="flexrow">
            {{localize "CTHULHUETERNAL.Label.violence"}}
            {{#each system.san.violence as |violence idx|}}
            <input type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}" data-name="violence" {{#if
              violence}} checked {{/if}}>
            {{/each}}
          </div>
          <div class="flexrow">
            {{localize "CTHULHUETERNAL.Label.helplessness"}}
            {{#each system.san.helplessness as |helplessness idx|}}
            <input type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}" data-name="helplessness"
              {{#if helplessness}} checked {{/if}}>
            {{/each}}
          </div>
        </fieldset>
        <fieldset>
          <legend>{{localize "CTHULHUETERNAL.Label.willpower"}}</legend>
          <div class="flexrow">
            {{localize "CTHULHUETERNAL.Label.current"}}{{formField systemFields.wp.fields.value value=system.wp.value}}            
            {{localize "CTHULHUETERNAL.Label.max"}}{{formField systemFields.wp.fields.max value=system.wp.max rootId=partId disabled=isPlayMode}}
            {{localize "CTHULHUETERNAL.Label.exhausted"}}{{formField systemFields.wp.fields.exhausted value=system.wp.exhausted }}

          </div>
        </fieldset>


      </div>
    </div>
  </fieldset>

  <fieldset class="protagonist-characteristics protagonist-characteristics-{{ifThen isPlayMode 'play' 'edit'}}">
    <legend>{{localize "CTHULHUETERNAL.Label.characteristics"}}</legend>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.strShort"}}</label>
      {{formField systemFields.characteristics.fields.str.fields.value value=system.characteristics.str.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.str}}
      {{mul system.characteristics.str.value 5}}
    </div>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.dexShort"}}</label>
      {{formField systemFields.characteristics.fields.dex.fields.value value=system.characteristics.dex.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.dex}}
      {{mul system.characteristics.dex.value 5}}
    </div>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.conShort"}}</label>
      {{formField systemFields.characteristics.fields.con.fields.value value=system.characteristics.con.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.con}}
      {{mul system.characteristics.con.value 5}}
    </div>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.intShort"}}</label>
      {{formField systemFields.characteristics.fields.int.fields.value value=system.characteristics.int.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.int}}
      {{mul system.characteristics.int.value 5}}
    </div>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.powShort"}}</label>
      {{formField systemFields.characteristics.fields.pow.fields.value value=system.characteristics.pow.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.pow}}
      {{mul system.characteristics.pow.value 5}}
    </div>
    <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
      <label>{{localize "CTHULHUETERNAL.Label.chaShort"}}</label>
      {{formField systemFields.characteristics.fields.cha.fields.value value=system.characteristics.cha.value
      rootId=partId disabled=isPlayMode classes="rollable" dataset=rollType.cha}}
      {{mul system.characteristics.cha.value 5}}
    </div>
  </fieldset>

</section>