adding defaults, modifiers, traits and attributes

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 %}