roll20-character-sheets/WarlockOSR/src/rollTemplates.html

<!-- ATTACK & SKILL ROLL TEMPLATE -->
<rolltemplate class="sheet-rolltemplate-wart-roll">
    <div class="sheet-wart-outer{{#class}} sheet-{{class}}{{/class}}" style="border: 5px solid {{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}};">
        <!-- NON-REACT HEADER/BODY -->
        {{^react}}
            <div class="sheet-wart-header">
                <div class="sheet-wart-title" style="background-color: {{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}};"><span>{{title}}</span></div>
                {{#subheader}}
                <div class="sheet-wart-subheader{{#subheader-right}} sheet-double{{/subheader-right}}">
                    <div class="sheet-wart-subheader-left"><span>{{subheader}}</span></div>
                    {{#subheader-right}}<div class="sheet-wart-subheader-right"><span>{{subheader-right}}</span></div>{{/subheader-right}}
                </div>
                {{/subheader}}
            </div>
            <!-- BODY -->
            <div class="sheet-wart-body">
                <div class="sheet-wart-rolls{{#roll2}} sheet-double{{/roll2}}">
                    {{#roll1}}
                        <div class="sheet-wart-rollname"><span>{{roll1name}}</span></div>
                        <div class="sheet-wart-result"><span>{{roll1}}</span></div>
                    {{/roll1}}
                    {{#roll2}}
                        <div class="sheet-wart-rollname sheet-right"><span>{{roll2name}}</span></div>
                        <div class="sheet-wart-result sheet-right"><span>{{roll2}}</span></div>
                    {{/roll2}}
                </div>
                {{#roll3}}
                <div class="sheet-wart-rolls sheet-flat">
                    <div class="sheet-wart-rollname"><span>{{roll3name}}</span></div>
                    <div class="sheet-wart-result"><span>{{roll3}}</span></div>
                </div>
                {{/roll3}}
                {{^success}}{{#link}}<div class="sheet-wart-link">{{link}}</div>{{/link}}{{/success}}
                {{#^rollTotal() computed::success 99}}
                    {{#^rollLess() computed::success 0}}{{#linksuccess}}<div class="sheet-wart-link">{{linksuccess}}</div>{{/linksuccess}}{{/^rollLess() computed::success 0}}
                    {{#rollLess() computed::success 0}}{{#linkfailure}}<div class="sheet-wart-link">{{linkfailure}}</div>{{/linkfailure}}{{/rollLess() computed::success 0}}
                {{/^rollTotal() computed::success 99}}
                {{#calclink}}{{#calcbutton}}
                    <div class="sheet-wart-calc-link">
                        {{calcbutton}}||{{computed::calclink}})
                    </div>
                {{/calcbutton}}{{/calclink}}
            </div>
        {{/react}}
        <!-- REACT HEADER/BODY -->
        {{#react}}
            <div class="sheet-wart-header">
                <div class="sheet-wart-title" style="background-color: {{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}};"><span>{{title}}</span></div>
                {{#reactsubheader}}
                <div class="sheet-wart-subheader{{#subheader-right}} sheet-double{{/subheader-right}}">
                    <div class="sheet-wart-subheader-left"><span>{{reactsubheader}}</span></div>
                    {{#subheader-right}}<div class="sheet-wart-subheader-right"><span>{{reactsubheader-right}}</span></div>{{/subheader-right}}
                </div>
                {{/reactsubheader}}
            </div>
            <div class="sheet-wart-body sheet-react">
                <div class="sheet-wart-rolls{{#reactroll2}} sheet-double{{/reactroll2}}">
                    {{#reactroll1}}
                        <div class="sheet-wart-rollname"><span>{{reactroll1name}}</span></div>
                        <div class="sheet-wart-result"><span>{{computed::reactroll1}}</span></div>
                    {{/reactroll1}}
                    {{#reactroll2}}
                        <div class="sheet-wart-rollname sheet-right"><span>{{reactroll2name}}</span></div>
                        <div class="sheet-wart-result sheet-right"><span>{{computed::reactroll2}}</span></div>
                    {{/reactroll2}}
                </div>
                {{#reactvs}}
                <div class="sheet-wart-rolls sheet-flat">
                    <div class="sheet-wart-rollname"><span>{{reactvs}}</span></div>
                </div>
                {{/reactvs}}
                {{#reactoutcome}}
                <div class="sheet-wart-rolls sheet-outcome sheet-notooltip">
                    <div class="sheet-wart-notes"><span>{{computed::reactoutcome}}</span></div>
                </div>
                {{/reactoutcome}}
            </div>
        {{/react}}
        <!-- FOOTER -->
        <div class="sheet-wart-footer">
            {{#notes}}
            <div class="sheet-wart-notes">
                {{notes}}
            </div>
            {{/notes}}
            <div class="sheet-wart-charname" style="background-color:{{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}}">
                <span>
                {{#charname}}{{charname}}{{/charname}}
                {{^charname}}<span>-=-</span>{{/charname}}
                </span> 
            </div>
        </div>
    </div>
    {{#react}}
    <div class="sheet-wart-react-outer sheet-react">
        <div class="sheet-wart-react-header sheet-react">
            <span>Reactive rolls:</span>
        </div>
        {{#reactbutton1name}}{{#^rollTotal() computed::reactbutton1name 1}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton1name}}
            </div>
            {{#reactbutton1label}}
            <div class="sheet-wart-react-button">
                {{reactbutton1label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton1label}}
        </div>
        {{/^rollTotal() computed::reactbutton1name 1}}{{/reactbutton1name}}
        {{#reactbutton2name}}{{#^rollTotal() computed::reactbutton2name 2}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton2name}}
            </div>
            {{#reactbutton2label}}
            <div class="sheet-wart-react-button">
                {{reactbutton2label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton2label}}
        </div>
        {{/^rollTotal() computed::reactbutton2name 2}}{{/reactbutton2name}}
        {{#reactbutton3name}}{{#^rollTotal() computed::reactbutton3name 3}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton3name}}
            </div>
            {{#reactbutton3label}}
            <div class="sheet-wart-react-button">
                {{reactbutton3label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton3label}}
        </div>
        {{/^rollTotal() computed::reactbutton3name 3}}{{/reactbutton3name}}
        {{#reactbutton4name}}{{#^rollTotal() computed::reactbutton4name 4}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton4name}}
            </div>
            {{#reactbutton4label}}
            <div class="sheet-wart-react-button">
                {{reactbutton4label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton4label}}
        </div>
        {{/^rollTotal() computed::reactbutton4name 4}}{{/reactbutton4name}}
        {{#reactbutton5name}}{{#^rollTotal() computed::reactbutton5name 5}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton5name}}
            </div>
            {{#reactbutton5label}}
            <div class="sheet-wart-react-button">
                {{reactbutton5label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton5label}}
        </div>
        {{/^rollTotal() computed::reactbutton5name 5}}{{/reactbutton5name}}
        {{#reactbutton6name}}{{#^rollTotal() computed::reactbutton6name 6}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton6name}}
            </div>
            {{#reactbutton6label}}
            <div class="sheet-wart-react-button">
                {{reactbutton6label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton6label}}
        </div>
        {{/^rollTotal() computed::reactbutton6name 6}}{{/reactbutton6name}}
    </div>
    {{/react}}
</rolltemplate>

<!--  DAMAGE TEMPLATE -->
<rolltemplate class="sheet-rolltemplate-wart-damage">
    <div class="sheet-wart-outer{{#class}} sheet-{{class}}{{/class}}"  style="border: 5px solid {{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}};">
        <div class="sheet-wart-header">
            <div class="sheet-wart-title" style="background-color:{{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}}">
                {{title}}
            </div>
            {{#subheader}}
            <div class="sheet-wart-subheader">{{subheader}}</div>
            {{/subheader}}
            {{#mighty}}
            <div class="sheet-wart-subheader sheet-mighty">Mighty Blow! 2x damage</div>
            {{/mighty}}
            {{#crit}}
            <div class="sheet-wart-subheader sheet-crit">Critical Strike!</div>
            {{/crit}}
        </div>
        {{^react}}
        <div class="sheet-wart-body">
            <div class="sheet-wart-rolls">
                <div class="sheet-wart-damageroll">
                    <div class="sheet-wart-damagename">{{damageroll1name}}</div>
                    <div class="sheet-wart-damageresult">{{damageroll1}}{{damagetype}}</div>
                </div>
            </div>
        </div>
        {{/react}}
        {{#react}}
        <div class="sheet-wart-body sheet-react">
            <div class="sheet-wart-rolls sheet-react">
                <div class="sheet-wart-damageroll sheet-react">
                    <div class="sheet-wart-damagename sheet-react">{{damageroll1name}}</div>
                    <div class="sheet-wart-damageresult">{{#mighty}}<span class="sheet-mighty-three">2</span>x{{/mighty}}{{damageroll1}}{{damagetype}}</div>
                </div>
				<div class="sheet-wart-defence sheet-react">
					<div class="sheet-wart-defencename">{{defencename}}</div>
					<div class="sheet-wart-defenceroll">{{defenceroll}}</div>
				</div>
				<div class="sheet-wart-outcome sheet-react">
					<div class="sheet-wart-outcome">{{computed::outcome}}</div>
				</div>
            </div>
        </div>
        {{/react}}
        {{#link}}
            <div class="sheet-wart-link">{{link}}</div>
        {{/link}}
        {{#notes}}
            <div class="sheet-wart-notes">{{notes}}</div>
        {{/notes}}
        <div class="sheet-wart-footer">
            <div class="sheet-wart-charname" style="background-color:{{#color}}{{color}}{{/color}}{{^color}}#14197e{{/color}}">
                <span>
                {{#charname}}{{charname}}{{/charname}}
                {{^charname}}<span>---</span>{{/charname}}
                </span> 
            </div>
        </div>
    </div>
    {{#react}}
    <div class="sheet-wart-react-outer sheet-react">
        <div class="sheet-wart-react-header sheet-react">
            <span>Reactive rolls:</span>
        </div>
        {{#reactbutton1name}}{{#^rollTotal() computed::reactbutton1name 1}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton1name}}
            </div>
            {{#reactbutton1label}}
            <div class="sheet-wart-react-button">
                {{reactbutton1label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton1label}}
        </div>
        {{/^rollTotal() computed::reactbutton1name 1}}{{/reactbutton1name}}
        {{#reactbutton2name}}{{#^rollTotal() computed::reactbutton2name 2}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton2name}}
            </div>
            {{#reactbutton2label}}
            <div class="sheet-wart-react-button">
                {{reactbutton2label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton2label}}
        </div>
        {{/^rollTotal() computed::reactbutton2name 2}}{{/reactbutton2name}}
        {{#reactbutton3name}}{{#^rollTotal() computed::reactbutton3name 3}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton3name}}
            </div>
            {{#reactbutton3label}}
            <div class="sheet-wart-react-button">
                {{reactbutton3label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton3label}}
        </div>
        {{/^rollTotal() computed::reactbutton3name 3}}{{/reactbutton3name}}
        {{#reactbutton4name}}{{#^rollTotal() computed::reactbutton4name 4}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton4name}}
            </div>
            {{#reactbutton4label}}
            <div class="sheet-wart-react-button">
                {{reactbutton4label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton4label}}
        </div>
        {{/^rollTotal() computed::reactbutton4name 4}}{{/reactbutton4name}}
        {{#reactbutton5name}}{{#^rollTotal() computed::reactbutton5name 5}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton5name}}
            </div>
            {{#reactbutton5label}}
            <div class="sheet-wart-react-button">
                {{reactbutton5label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton5label}}
        </div>
        {{/^rollTotal() computed::reactbutton5name 5}}{{/reactbutton5name}}
        {{#reactbutton6name}}{{#^rollTotal() computed::reactbutton6name 6}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutto6name}}
            </div>
            {{#reactbutton6label}}
            <div class="sheet-wart-react-button">
                {{reactbutton6label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton6label}}
        </div>
        {{/^rollTotal() computed::reactbutton6name 6}}{{/reactbutton6name}}
    </div>
    {{/react}}
</rolltemplate>

<!-- DESCRIPTION TEMPLATE -->
<rolltemplate class="sheet-rolltemplate-wart-description">
    {{#title}}<div class="sheet-wart-spacer sheet-header"></div>{{/title}}
    <div class="sheet-wart-outer{{#class}} sheet-{{class}}{{/class}}" style="border-color: {{#color}}{{color}}{{/color}}{{^color}}#363905{{/color}};">
        {{#title}}
        <div class="sheet-wart-header">
            <div class="sheet-wart-title" style="background-color:{{#color}}{{color}}{{/color}}{{^color}}#121101{{/color}}">
                {{title}}
            </div>
            {{#subheader}}
            <div class="sheet-wart-subheader">{{subheader}}</div>
            {{/subheader}}
        </div>
        {{/title}}
        <div class="sheet-wart-body">
            {{#optionroll}}
            <div class="sheet-wart-rolltable">
                {{#optionsubtitle}}
                    <div class="sheet-wart-subtitle sheet-rolltable">{{optionsubtitle}} - {{optionroll}}</div>
                {{/optionsubtitle}}
                {{#rollTotal() optionroll 1}}<div class="sheet-wart-row sheet-rolltable">{{option1}}</div>{{/rollTotal() optionroll 1}}
                {{#rollTotal() optionroll 2}}<div class="sheet-wart-row sheet-rolltable">{{option2}}</div>{{/rollTotal() optionroll 2}}
                {{#rollTotal() optionroll 3}}<div class="sheet-wart-row sheet-rolltable">{{option3}}</div>{{/rollTotal() optionroll 3}}
                {{#rollTotal() optionroll 4}}<div class="sheet-wart-row sheet-rolltable">{{option4}}</div>{{/rollTotal() optionroll 4}}
                {{#rollTotal() optionroll 5}}<div class="sheet-wart-row sheet-rolltable">{{option5}}</div>{{/rollTotal() optionroll 5}}
                {{#rollTotal() optionroll 6}}<div class="sheet-wart-row sheet-rolltable">{{option6}}</div>{{/rollTotal() optionroll 6}}
                {{#rollTotal() optionroll 7}}<div class="sheet-wart-row sheet-rolltable">{{option7}}</div>{{/rollTotal() optionroll 7}}
                {{#rollTotal() optionroll 8}}<div class="sheet-wart-row sheet-rolltable">{{option8}}</div>{{/rollTotal() optionroll 8}}
                {{#rollTotal() optionroll 9}}<div class="sheet-wart-row sheet-rolltable">{{option9}}</div>{{/rollTotal() optionroll 9}}
                {{#rollTotal() optionroll 10}}<div class="sheet-wart-row sheet-rolltable">{{option10}}</div>{{/rollTotal() optionroll 10}}
                {{#rollTotal() optionroll 11}}<div class="sheet-wart-row sheet-rolltable">{{option11}}</div>{{/rollTotal() optionroll 11}}
                {{#rollTotal() optionroll 12}}<div class="sheet-wart-row sheet-rolltable">{{option12}}</div>{{/rollTotal() optionroll 12}}
                {{#rollTotal() optionroll 13}}<div class="sheet-wart-row sheet-rolltable">{{option13}}</div>{{/rollTotal() optionroll 13}}
                {{#rollTotal() optionroll 14}}<div class="sheet-wart-row sheet-rolltable">{{option14}}</div>{{/rollTotal() optionroll 14}}
                {{#rollTotal() optionroll 15}}<div class="sheet-wart-row sheet-rolltable">{{option15}}</div>{{/rollTotal() optionroll 15}}
                {{#rollTotal() optionroll 16}}<div class="sheet-wart-row sheet-rolltable">{{option16}}</div>{{/rollTotal() optionroll 16}}
                {{#rollTotal() optionroll 17}}<div class="sheet-wart-row sheet-rolltable">{{option17}}</div>{{/rollTotal() optionroll 17}}
                {{#rollTotal() optionroll 18}}<div class="sheet-wart-row sheet-rolltable">{{option18}}</div>{{/rollTotal() optionroll 18}}
                {{#rollTotal() optionroll 19}}<div class="sheet-wart-row sheet-rolltable">{{option19}}</div>{{/rollTotal() optionroll 19}}
                {{#rollTotal() optionroll 20}}<div class="sheet-wart-row sheet-rolltable">{{option20}}</div>{{/rollTotal() optionroll 20}}
            </div>
            {{/optionroll}}
            {{#description}}
            <div class="sheet-wart-desc">
                {{#subtitle}}
                <div class="sheet-wart-subtitle sheet-desc">{{subtitle}}</div>
                {{/subtitle}}
                <div class="sheet-wart-row sheet-desc{{#classdesc}} sheet-{{classdesc}}{{/classdesc}}">
                    {{description}}
                </div>
                {{#reactdescription}}
                <div class="sheet-wart-row sheet-desc">
                    {{#^rollTotal() computed::reactdescription 0}}{{computed::reactdescription}}{{/^rollTotal() computed::reactdescription 0}}
                    <div class="sheet-wart-react-button sheet-row">
                        {{#reactbutton1name}}{{#^rollTotal() computed::reactbutton1name 1}}<div class="sheet-wart-react-buttonname">{{computed::reactbutton1name}}</div>
                        {{#reactbutton1label}}<div class="sheet-wart-react-button">{{reactbutton1label}}||{{computed::reactdata}})</div>{{/reactbutton1label}}
                    </div>
                    {{/^rollTotal() computed::reactbutton1name 1}}{{/reactbutton1name}}
                </div>
                {{/reactdescription}}
            </div>
            {{/description}}
            <div class="sheet-wart-allprops">
            {{#allprops() optionroll subheader class title reactbutton1name reactbutton1label reactdata optionsubtitle classdesc description reactdescription subtitle charname color option1 option2 option3 option4 option5 option6 option7 option8 option9 option10 option11 option12 option13 option14 option15 option16 option17 option18 option19 option20}}
                <div class="sheet-wart-row sheet-allprops">
                    <div class="sheet-allprop sheet-key">{{key}}</div>
                    <div class="sheet-allprop sheet-value">{{value}}</div>
                </div>
            {{/allprops() optionroll subheader class title reactbutton1name reactbutton1label reactdata optionsubtitle classdesc description reactdescription subtitle charname color option1 option2 option3 option4 option5 option6 option7 option8 option9 option10 option11 option12 option13 option14 option15 option16 option17 option18 option19 option20}}
            </div>
        </div>
        {{#charname}}
        <div class="sheet-wart-footer">
            <div class="sheet-wart-charname" style="background-color:{{#color}}{{color}}{{/color}}{{^color}}#121101{{/color}}">
                <span>
                {{#charname}}{{charname}}{{/charname}}
                </span> 
            </div>
        </div>
        {{/charname}}
    </div>
    {{#charname}}{{#react}}
    <div class="sheet-wart-react-outer sheet-react">
        <div class="sheet-wart-react-header sheet-react">
            <span>Reactive rolls:</span>
        </div>
        {{#reactbutton1name}}{{#^rollTotal() computed::reactbutton1name 1}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton1name}}
            </div>
            {{#reactbutton1label}}
            <div class="sheet-wart-react-button">
                {{reactbutton1label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton1label}}
        </div>
        {{/^rollTotal() computed::reactbutton1name 1}}{{/reactbutton1name}}
        {{#reactbutton2name}}{{#^rollTotal() computed::reactbutton2name 2}}
        <div class="sheet-wart-react-button sheet-row">
            <div class="sheet-wart-react-buttonname">
                {{computed::reactbutton2name}}
            </div>
            {{#reactbutton2label}}
            <div class="sheet-wart-react-button">
                {{reactbutton2label}}||{{computed::reactdata}})
            </div>
            {{/reactbutton2label}}
        </div>
        {{/^rollTotal() computed::reactbutton2name 2}}{{/reactbutton2name}}
    </div>
    {{/react}}
    <div class="sheet-wart-spacer sheet-footer"></div>{{/charname}}
</rolltemplate>