1 files changed, 69 insertions, 0 deletions
diff --git a/src/templates/workflow/viewport-element.html b/src/templates/workflow/viewport-element.html
new file mode 100644
index 0000000..7a7165a
--- /dev/null
+++ b/src/templates/workflow/viewport-element.html
@@ -0,0 +1,69 @@
+{% extends "layout.html" %}
+{% load bootstrap4 %}
+{% load staticfiles %}
+
+{% block basecontent %}
+
+    <div id="wrapper">
+        <!-- Page Content -->
+        <div id="page-wrapper">
+
+            {% block content %}
+
+            {% endblock content %}
+        </div>
+        <!-- /#page-wrapper -->
+    </div>
+    {% block vport_comm %}
+             <script type="text/javascript">
+                var step_count = {{ step_number|default:0 }};
+                var active_step = {{ active_step|default:0 }};
+                var render_correct = {{ render_correct|default:"false" }};
+                var title = "{{ step_title|default:"Workflow Step" }}";
+                var description = "{{ description|default:"Contact the admins, because this field should have something else filled in here" }}";
+                if(render_correct){
+                    parent.update_context();
+                }
+                parent.update_description(title, description);
+            </script>
+
+    {% endblock vport_comm %}
+    {% block validate_step %}
+        <script>
+
+            function step_is_valid()
+            {
+                valid = confirm("Is this form valid?");
+                if( valid )
+                {
+                    return true;
+                }
+                else{
+                    return false;
+                }
+            }
+
+            function onError()
+            {
+                alert("Error: something!");
+            }
+        </script>
+
+    {% endblock validate_step %}
+
+    <script>
+    function step_on_leave() {
+    {% block onleave %}
+        alert("override onleave");
+    {% endblock %}
+    }
+    </script>
+
+    <div class="messages">
+        {% block element_messages %}
+        {% bootstrap_messages %}
+        {% endblock %}
+    </div>
+
+    <!-- /#wrapper -->
+{% endblock basecontent %}