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

<rolltemplate class="sheet-rolltemplate-skill">
  <div class="sheet-rolltemplate-container">
    <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="{{#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> &#60 </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">
    <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="{{#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> &#60 </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">
    <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="{{#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> &#60 </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>