adding defaults, modifiers, traits and attributes

ttfrog/assets/static/js/character_sheet.js

@@ -1,3 +1,20 @@
+function getTraitModifiersForStat(stat) {
+    var mods = {};
+    for (const prop in TRAITS) {
+        var props = [];
+        for (const desc in TRAITS[prop]) {
+            trait = TRAITS[prop][desc]
+            if (trait.type == "stat" && trait.target == stat) {
+                props.push(trait);
+            }
+        }
+        if (props) {
+            mods[prop] = props;
+        }
+    }
+    return mods;
+}
+
 function proficiency() {
     return parseInt(document.getElementById('proficiency_bonus').innerHTML);
 }
@@ -12,6 +29,19 @@ function setStatBonus(stat) {
     document.getElementById(stat + '_bonus').innerHTML = bonus;
 }
 
+function applyStatModifiers(stat) {
+    var score = parseInt(document.getElementById(stat).value);
+    var modsForStat = getTraitModifiersForStat(stat);
+    for (desc in modsForStat) {
+        for (idx in modsForStat[desc]) {
+            var value = modsForStat[desc][idx].value;
+            console.log(`Ancestry Trait "${desc}" grants ${value} to ${stat}`);
+            score += parseInt(value);
+        }
+    }
+    document.getElementById(stat).value = score;
+}
+
 function setProficiencyBonus() {
     var score = document.getElementById('level').value;
     var bonus = Math.ceil(1 + (0.25 * score));
@@ -25,7 +55,9 @@ function setSpellSaveDC() {
 
 (function () {
     const stats = ['str', 'dex', 'con', 'int', 'wis', 'cha'];
+    stats.forEach(applyStatModifiers);
     stats.forEach(setStatBonus);
     setProficiencyBonus();
     setSpellSaveDC();
+    
 })();

ttfrog/assets/templates/base.html

@@ -18,6 +18,7 @@
     {% block content %}{% endblock %}
     </div>
     {% block debug %}{% endblock %}
+    {% block script %}{% endblock %}
 {% for resource in c.resources %}
     {% if resource['type'] == 'script' %}
     <script type="text/javascript" src="{{c.routes.static}}/{{resource['uri']}}"></script>

ttfrog/assets/templates/character_sheet.html

@@ -11,7 +11,7 @@
 <div class='banner'>
     <div><img id='portrait' /></div>
     <div>
-        <h1>{{ c.record.name }}</h1>
+        <h1>{{ c.form.name }}</h1>
         {{ c.form.ancestry }} {{ c.record.character_class|join(' / ') }} &nbsp; Level {{ c.form.level }}
     </div>
 </div>
@@ -73,3 +73,25 @@
 {{ c }}
 </code>
 {% endblock %}
+
+
+{% block script %}
+<script type='text/javascript'>
+{% for field, msg in c.form.errors.items() %}
+    console.log("{{ field }}: {{ msg }}");
+{% endfor %}
+const TRAITS = {
+{% for trait_desc, traits in c.traits.items() %}
+    '{{ trait_desc }}': [
+        {% for trait in traits %}
+        {
+            "type": "{{ trait['type'] }}",
+            "target": "{{ trait.target }}",
+            "value": "{{ trait.value }}",
+        },
+        {% endfor %}
+    ],
+{% endfor %}
+};
+</script>
+{% endblock %}