roll20-character-sheets-tester/Miseries & Misfortunes/html/6_roll_templates.html

<rolltemplate class="sheet-rolltemplate-skill">
  <div class="sheet-rolltemplate-container sheet-{{die_type}}">
    <div class="sheet-template-header">
      <span
        >{{roll_name}}{{#^rollTotal() mod 0}}<span class="sheet-mod-container"
          >({{#rollGreater() mod -1}}+{{/rollGreater() mod -1}}{{mod}})</span
        >{{/^rollTotal() mod 0}}</span
      >
      <div class="sheet-name-container">
        <span>{{character_name}}</span>
      </div>
    </div>
    <div
      class="sheet-{{#rollGreater() roll roll_tn}}template-failure{{/rollGreater() roll roll_tn}}{{#^rollGreater() roll roll_tn}}template-success{{/^rollGreater() roll roll_tn}}"
    >
      <div class="sheet-left">
        <div class="sheet-row sheet-die-container">
          <span class="sheet-tn">{{roll}}</span>
          <span class="sheet-backing sheet-{{die_type}}"></span>
        </div>
      </div>
      <div class="sheet-middle">
        <div>
          {{#rollGreater() roll roll_tn}}
          <span> > </span>
          {{/rollGreater() roll roll_tn}}
        </div>
        <div>
          {{#rollTotal() roll roll_tn}}
          <span> = </span>
          {{/rollTotal() roll roll_tn}}
        </div>
        <div>
          {{#rollLess() roll roll_tn}}
          <span> &lt; </span>
          {{/rollLess() roll roll_tn}}
        </div>
      </div>
      <div class="sheet-right">
        <div class="sheet-row sheet-die-container">
          <div class="sheet-row sheet-die-container">
            <span class="sheet-tn">{{roll_tn}}</span>
            <span class="sheet-backing sheet-{{die_type}}"></span>
          </div>
        </div>
      </div>
      <div class="sheet-row sheet-template-footer">
        {{#rollGreater() roll roll_tn}}
        <span> FAILURE </span>
        {{/rollGreater() roll roll_tn}} {{#^rollGreater() roll roll_tn}}
        <span> SUCCESS </span>
        {{/^rollGreater() roll roll_tn}}
      </div>
    </div>
  </div>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-save">
  <div class="sheet-rolltemplate-container sheet-{{die_type}}">
    <div class="sheet-template-header">
      <span
        >{{roll_name}}{{#^rollTotal() mod 0}}<span class="sheet-mod-container"
          >({{#rollGreater() mod -1}}+{{/rollGreater() mod -1}}{{mod}})</span
        >{{/^rollTotal() mod 0}}</span
      >
      <div class="sheet-name-container">
        <span>{{character_name}}</span>
      </div>
    </div>
    <div
      class="sheet-{{#rollLess() roll roll_tn}}template-failure{{/rollLess() roll roll_tn}}{{#^rollLess() roll roll_tn}}template-success{{/^rollLess() roll roll_tn}}"
    >
      <div class="sheet-left">
        <div class="sheet-row sheet-die-container">
          <span class="sheet-tn">{{roll}}</span>
          <span class="sheet-backing sheet-{{die_type}}"></span>
        </div>
      </div>
      <div class="sheet-middle">
        <div>
          {{#rollGreater() roll roll_tn}}
          <span> > </span>
          {{/rollGreater() roll roll_tn}}
        </div>
        <div>
          {{#rollTotal() roll roll_tn}}
          <span> = </span>
          {{/rollTotal() roll roll_tn}}
        </div>
        <div>
          {{#rollLess() roll roll_tn}}
          <span> &lt; </span>
          {{/rollLess() roll roll_tn}}
        </div>
      </div>
      <div class="sheet-right">
        <div class="sheet-row sheet-die-container">
          <div class="sheet-row sheet-die-container">
            <span class="sheet-tn">{{roll_tn}}</span>
            <span class="sheet-backing sheet-{{die_type}}"></span>
          </div>
        </div>
      </div>
      <div class="sheet-row sheet-template-footer">
        {{#rollLess() roll roll_tn}}
        <span> FAILURE </span>
        {{/rollLess() roll roll_tn}} {{#^rollLess() roll roll_tn}}
        <span> SUCCESS </span>
        {{/^rollLess() roll roll_tn}}
      </div>
    </div>
  </div>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-attack">
  <div class="sheet-rolltemplate-container sheet-{{die_type}}">
    <div class="sheet-template-header">
      <span
        >{{roll_name}}{{#^rollTotal() mod 0}}<span class="sheet-mod-container"
          >({{#rollGreater() mod -1}}+{{/rollGreater() mod -1}}{{mod}})</span
        >{{/^rollTotal() mod 0}}</span
      >
      {{#combat_distance}}<span> &#9672; {{combat_distance}}</span>{{/combat_distance}}
      <div class="sheet-name-container">
        <span>{{character_name}}</span>
      </div>
    </div>
    <div
      class="sheet-{{#rollLess() roll roll_tn}}template-failure{{/rollLess() roll roll_tn}}{{#^rollLess() roll roll_tn}}template-success{{/^rollLess() roll roll_tn}}"
    >
      <div class="sheet-left">
        <div class="sheet-row sheet-die-container">
          <span class="sheet-tn">{{roll}}</span>
          <span class="sheet-backing sheet-{{die_type}}"></span>
        </div>
      </div>
      <div class="sheet-middle">
        <div>
          {{#rollGreater() roll roll_tn}}
          <span> > </span>
          {{/rollGreater() roll roll_tn}}
        </div>
        <div>
          {{#rollTotal() roll roll_tn}}
          <span> = </span>
          {{/rollTotal() roll roll_tn}}
        </div>
        <div>
          {{#rollLess() roll roll_tn}}
          <span> &lt; </span>
          {{/rollLess() roll roll_tn}}
        </div>
      </div>
      <div class="sheet-right">
        <div class="sheet-row sheet-die-container">
          <div class="sheet-row sheet-die-container">
            <span class="sheet-tn">{{roll_tn_display}}</span>
            <span class="sheet-backing sheet-{{die_type}}"></span>
          </div>
        </div>
      </div>
      {{#^rollLess() roll roll_tn}}
      <div class="sheet-damage-container">
        <span>DAMAGE:</span>
        <span class="sheet-handwritten">
          {{#will_damage}} {{will_damage}} Will {{/will_damage}} {{#reputation_damage}} + {{reputation_damage}} Rep
          {{/reputation_damage}} {{#combat_damage}} {{combat_damage}} HP {{/combat_damage}}
        </span>
      </div>
      {{/^rollLess() roll roll_tn}}
      <div class="sheet-row sheet-template-footer">
        {{#rollLess() roll roll_tn}}
        <span> FAILURE </span>
        {{/rollLess() roll roll_tn}} {{#^rollLess() roll roll_tn}} {{#crit_greater}} {{#rollLess() roll 20}}
        <span> SUCCESS </span>
        {{/rollLess() roll 20}} {{#^rollLess() roll 20}}
        <span> CRITICAL SUCCESS! </span>
        {{/^rollLess() roll 20}} {{/crit_greater}} {{#crit_exact}} {{#^rollTotal() roll roll_max}}
        <span> SUCCESS </span>
        {{/^rollTotal() roll roll_max}} {{#rollTotal() roll roll_max}}
        <span> CRITICAL SUCCESS! </span>
        {{/rollTotal() roll roll_max}} {{/crit_exact}} {{#crit_none}}
        <span> SUCCESS </span>
        {{/crit_none}} {{/^rollLess() roll roll_tn}}
      </div>
    </div>
  </div>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-armor">
  <div class="sheet-rolltemplate-container">
    <div class="sheet-template-header">
      <span> {{type}} ARMOR </span>
      <div class="sheet-name-container">
        <span>{{character_name}}</span>
      </div>
    </div>
    <div class="sheet-simple">
      <div class="sheet-row sheet-die-container">
        <span class="sheet-tn">{{roll}}</span>
      </div>
    </div>
  </div>
</rolltemplate>