fvtt-prism-rpg/templates/character-combat.hbs

<section
  class="tab character-{{tab.id}} {{tab.cssClass}}"
  data-tab="combat"
  data-group="sheet"
>
  <div class="main-div">

    <fieldset>
      <legend>{{localize "PRISMRPG.Label.weapons"}}</legend>
      <div class="weapons">
        {{#each weapons as |item|}}
          <div
            class="weapon"
            data-item-id="{{item.id}}"
            data-item-uuid="{{item.uuid}}"
            data-drag="true"
            data-drag-type="damage"
          >
            {{#if (ne item.img "icons/svg/item-bag.svg")}}
              <img
                class="item-img"
                src="{{item.img}}"
                data-tooltip="{{item.name}}"
              />
            {{/if}}
            <div class="name" data-tooltip="{{item.system.description}}">
              {{item.name}}
            </div>
            <div class="attack-icons">

              <a
                class="rollable"
                data-roll-type="weapon-attack"
                data-roll-key="{{item.id}}"
                data-tooltip="Roll Attack"
              >
                <i
                  class="lf-roll-small fa-solid fa-swords"
                  data-roll-type="weapon-attack"
                  data-roll-key="{{item.id}}"
                ></i>
              </a>

              <a
                class="rollable"
                data-roll-type="weapon-defense"
                data-roll-key="{{item.id}}"
                data-tooltip="Roll Defense"
              >
                <i
                  class="fa-solid fa-shield-halved"
                  data-roll-type="weapon-defense"
                  data-roll-key="{{item.id}}"
                ></i>
              </a>

              <a
                class="rollable"
                data-roll-type="weapon-damage-small"
                data-roll-key="{{item.id}}"
                data-tooltip="Roll Damage (Small)"
              >
                <i
                  class="fa-regular fa-face-head-bandage"
                  data-roll-type="weapon-damage-small"
                  data-roll-key="{{item.id}}"
                ></i>S
              </a>

              <a
                class="rollable"
                data-roll-type="weapon-damage-medium"
                data-roll-key="{{item.id}}"
                data-tooltip="Roll Damage (Medium)"
              >
                <i
                  class="fa-regular fa-face-head-bandage"
                  data-roll-type="weapon-damage-medium"
                  data-roll-key="{{item.id}}"
                ></i>M
              </a>

            </div>

            <div class="controls">
              <a
                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
                data-action="edit"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-edit"></i></a>
              <a
                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
                data-action="delete"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-trash"></i></a>
            </div>
          </div>
        {{/each}}
      </div>
    </fieldset>

    <fieldset>
      <legend>{{localize "PRISMRPG.Label.armors"}}</legend>
      <div class="armors">
        {{#each armors as |item|}}
          <div
            class="armor"
            data-item-id="{{item.id}}"
            data-item-uuid="{{item.uuid}}"
          >
            <img
              class="item-img"
              src="{{item.img}}"
              data-tooltip="{{item.name}}"
            />
            <div class="name" data-tooltip="{{item.system.description}}">
              {{item.name}}
            </div>
            <div
              class="item-detail"
              data-tooltip="Defense"
            >{{item.system.defense}}</div>
            <div
              class="item-detail"
              data-tooltip="Maximum movement"
            >{{item.system.maximumMovement}}</div>
            <div class="item-detail" data-tooltip="HP">{{item.system.hp}}</div>
            <div
              class="item-detail"
              data-tooltip="Damage Reduction"
            >{{item.system.damageReduction}}</div>
            <div class="controls">
              <a
                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
                data-action="edit"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-edit"></i></a>
              <a
                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
                data-action="delete"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-trash"></i></a>
            </div>
          </div>
        {{/each}}
      </div>
    </fieldset>

    <fieldset>
      <legend>{{localize "PRISMRPG.Label.shields"}}</legend>
      <div class="shields">
        {{#each shields as |item|}}
          <div
            class="shield"
            data-item-id="{{item.id}}"
            data-item-uuid="{{item.uuid}}"
          >
            <img
              class="item-img"
              src="{{item.img}}"
              data-tooltip="{{item.name}}"
            />
            <div class="name" data-tooltip="{{item.system.description}}">
              {{item.name}}
            </div>
            <div class="item-detail" data-tooltip="Block APC">
              <i class="fa-solid fa-hand"></i>
              {{item.system.apc}}
              APC
            </div>
            <div class="item-detail" data-tooltip="Shield Rating">
              <i class="fa-solid fa-shield"></i>
              {{item.system.sr}}
            </div>

            <div class="controls">
              <a
                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
                data-action="edit"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-edit"></i></a>
              <a
                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
                data-action="delete"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-trash"></i></a>
            </div>
          </div>
        {{/each}}
      </div>
    </fieldset>
  </div>
</section>