Initial steps for procedural nodes

attract/application/templates/shots/index.html

@@ -26,7 +26,7 @@
                 {% endif %}
               </td>
               <td>{{shot['duration']}}</td>
-              <td><span class="label label-default" style="background-color:<?php echo $shot['status_color'] ?>">{{shot['status']}}</span></td> 
+              <td></td> 
               <td></td>
               <td>
                 {% if shot['notes'] %}

attract/application/templates/shots/procedural.html

@@ -0,0 +1,28 @@
+{% extends 'layout.html' %}
+
+{% block body %}
+<div class="col-md-9">
+  <h2>Add shot</h2>
+  <div class="row">
+    <div class="col-md-6">
+      <form method="POST" action="{{url_for('shots.procedural')}}">
+        {% for field in form %}
+          {% if field.name == 'csrf_token' %}
+            {{ field }}
+          {% else %}
+            {% if field.type == "HiddenField" %}
+                {{ field }}
+            {% else %}
+              <div class="form-group">
+                {{ field.label }} 
+                {{ field(class='form-control') }}
+              </div>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+        <input class="btn btn-default" type="submit" value="Create Shot">
+      </form>
+    </div>
+  </div>
+</div>
+{% endblock %}

attract/application/templates/shots/view.html

@@ -11,7 +11,7 @@
       <p>{{shot['description']}}</p>
       <p>
         {% if notes %}
-          {{notes}}
+          {{notes.value}}
         {% else %}
           No notes at the moment
         {% endif %}