First PC sheet, WIP

templates/character-subattributes.hbs

@@ -1,46 +1,23 @@
 <section class="character-subattributes tab" data-group="sheet" data-tab="subattributes">
   <div class="subattributes-content">
-    <h2 class="section-header">
-      <i class="fa-solid fa-diagram-project"></i>
-      Sub-Attributes
-    </h2>
-    <p class="section-description">
-      Sub-attributes are derived from the average of two primary characteristics.
-    </p>
-
     <div class="subattributes-list">
       {{#each (entries config.SUB_ATTRIBUTES) as |entry|}}
         {{#with entry.[1] as |subAttr|}}
-          <div class="subattribute-item">
+          <a class="rollable subattribute-item" data-roll-type="sub-attribute" data-roll-key="{{subAttr.id}}" title="{{#each subAttr.parents as |parentKey|}}{{uppercase parentKey}}{{#unless @last}}/{{/unless}}{{/each}}">
             <div class="subattribute-header">
-              <div class="subattribute-name">
-                <i class="fa-solid fa-circle-nodes"></i>
-                <span>{{localize subAttr.label}}</span>
-              </div>
-              <div class="subattribute-value">
-                <input
-                  type="text"
-                  value="{{lookup ../system.subAttributes subAttr.id 'value'}}"
-                  disabled
-                  readonly
-                />
-              </div>
+              <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              <div class="subattribute-name">{{localize subAttr.label}}</div>
             </div>
-            <div class="subattribute-details">
-              <div class="subattribute-parents">
-                <span class="parent-label">From:</span>
-                {{#each subAttr.parents as |parentKey|}}
-                  <span class="parent-char">
-                    {{uppercase parentKey}}
-                    ({{lookup ../../system.characteristics parentKey 'value'}})
-                  </span>
-                {{/each}}
-              </div>
-              <div class="subattribute-description">
-                {{localize subAttr.description}}
-              </div>
+            <div class="subattribute-value">
+              {{#with (lookup ../../system.subAttributes subAttr.id) as |subAttrData|}}
+                {{#if (gt subAttrData.value 0)}}
+                  +{{subAttrData.value}}
+                {{else}}
+                  {{subAttrData.value}}
+                {{/if}}
+              {{/with}}
             </div>
-          </div>
+          </a>
         {{/with}}
       {{/each}}
     </div>