Manage ers

templates/protagonist-main.hbs

@@ -29,44 +29,47 @@
         </div>
 
 
-        <fieldset>
+        <fieldset class="san">
           <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=true}}
-            {{localize "CTHULHUETERNAL.Label.recovery"}} {{formField systemFields.san.fields.recovery
-            value=system.san.recovery disabled=true}}
-            <span data-tooltip='{{localize "CTHULHUETERNAL.Tooltip.sanBP"}}'>{{localize "CTHULHUETERNAL.Label.breakingPoint"}}</span> {{formField systemFields.san.fields.breakingPoint
-            value=system.san.breakingPoint disabled=true}}
+            <span class="label-field">{{localize "CTHULHUETERNAL.Label.current"}}</span>
+            {{formField systemFields.san.fields.value value=system.san.value}}
+             <span class="label-field">{{localize "CTHULHUETERNAL.Label.max"}}</span> 
+             {{formField systemFields.san.fields.max value=system.san.max rootId=partId disabled=true}}
+            <span class="label-field">{{localize "CTHULHUETERNAL.Label.recovery"}}</span> 
+            {{formField systemFields.san.fields.recovery value=system.san.recovery disabled=true}}
+            <span class="label-field" data-tooltip='{{localize "CTHULHUETERNAL.Tooltip.sanBP"}}'>{{localize
+              "CTHULHUETERNAL.Label.breakingPoint"}}</span> 
+              {{formField systemFields.san.fields.breakingPoint value=system.san.breakingPoint disabled=true}}
           </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}}>
+            <input class="san-checkbox" type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}"
+              data-name="violence" {{#if violence}} checked {{/if}}>
             {{/each}}
-          </div>
-          <div class="flexrow">
+            <span class="spacing"></span>
             {{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}}>
+            <input class="san-checkbox" type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}"
+              data-name="helplessness" {{#if helplessness}} checked {{/if}}>
             {{/each}}
           </div>
         </fieldset>
-        <fieldset>
+
+        <fieldset class="willpower">
           <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=true}}
-            {{localize "CTHULHUETERNAL.Label.exhausted"}}{{formField systemFields.wp.fields.exhausted value=system.wp.exhausted }}
+            <span class="label-field">{{localize "CTHULHUETERNAL.Label.current"}}</span>
+            {{formField systemFields.wp.fields.value value=system.wp.value}}
+            <span class="label-field">{{localize "CTHULHUETERNAL.Label.max"}}</span>
+            {{formField systemFields.wp.fields.max value=system.wp.max rootId=partId disabled=true}}
+            <span class="label-field">{{localize "CTHULHUETERNAL.Label.exhausted"}}</span>
+            {{formField systemFields.wp.fields.exhausted value=system.wp.exhausted classes=checkbox}}
 
           </div>
         </fieldset>
 
-
       </div>
     </div>
   </fieldset>
@@ -74,37 +77,43 @@
   <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 class="rollable" data-roll-type="char" data-char-id="str">{{localize "CTHULHUETERNAL.Label.strShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="str">{{localize
+        "CTHULHUETERNAL.Label.strShort"}}</label>
       {{formField systemFields.characteristics.fields.str.fields.value value=system.characteristics.str.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.str.value 5}}
     </div>
     <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
-      <label class="rollable" data-roll-type="char" data-char-id="dex">{{localize "CTHULHUETERNAL.Label.dexShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="dex">{{localize
+        "CTHULHUETERNAL.Label.dexShort"}}</label>
       {{formField systemFields.characteristics.fields.dex.fields.value value=system.characteristics.dex.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.dex.value 5}}
     </div>
     <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
-      <label class="rollable" data-roll-type="char" data-char-id="con">{{localize "CTHULHUETERNAL.Label.conShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="con">{{localize
+        "CTHULHUETERNAL.Label.conShort"}}</label>
       {{formField systemFields.characteristics.fields.con.fields.value value=system.characteristics.con.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.con.value 5}}
     </div>
     <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
-      <label class="rollable" data-roll-type="char" data-char-id="int">{{localize "CTHULHUETERNAL.Label.intShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="int">{{localize
+        "CTHULHUETERNAL.Label.intShort"}}</label>
       {{formField systemFields.characteristics.fields.int.fields.value value=system.characteristics.int.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.int.value 5}}
     </div>
     <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
-      <label class="rollable" data-roll-type="char" data-char-id="pow">{{localize "CTHULHUETERNAL.Label.powShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="pow">{{localize
+        "CTHULHUETERNAL.Label.powShort"}}</label>
       {{formField systemFields.characteristics.fields.pow.fields.value value=system.characteristics.pow.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.pow.value 5}}
     </div>
     <div class="protagonist-characteristic" data-drag="true" data-drag-type="characteristic">
-      <label class="rollable" data-roll-type="char" data-char-id="cha">{{localize "CTHULHUETERNAL.Label.chaShort"}}</label>
+      <label class="rollable" data-roll-type="char" data-char-id="cha">{{localize
+        "CTHULHUETERNAL.Label.chaShort"}}</label>
       {{formField systemFields.characteristics.fields.cha.fields.value value=system.characteristics.cha.value
       rootId=partId disabled=isPlayMode }}
       {{mul system.characteristics.cha.value 5}}