4 files changed, 156 insertions, 0 deletions
diff --git a/src/templates/base/workflow/confirm.html b/src/templates/base/workflow/confirm.html
new file mode 100644
index 0000000..2f99a41
--- /dev/null
+++ b/src/templates/base/workflow/confirm.html
@@ -0,0 +1,62 @@
+{% extends "workflow/viewport-element.html" %}
+{% load staticfiles %}
+
+{% load bootstrap4 %}
+
+{% block content %}
+
+<div class="text-center">
+    <h3>Confirm  Session</h3>
+</div>
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-auto">
+            <pre>{{confirmation_info|escape}}</pre>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div id="form_div" class="text-center p-4">
+                <form id="step_form" action="/workflow/manager/" method="post">
+                    {% csrf_token %}
+                    <div class="d-none">
+                    {{form|default:"<p> No Form Loaded</p>"}}
+                    </div>
+                </form>
+                <div class="cform_buttons mx-auto">
+                    <button id="confirm_button" class="btn btn-success" onclick="formconfirm()">Confirm</button>
+                    <button id="cancel_button" class="btn btn-danger" onclick="formcancel()">Cancel</button>
+                </div>
+                <div class="d-none">
+                    <form id="manager_delete_form" action="/workflow/finish/" method="post">
+                        {% csrf_token %}
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    var select = document.getElementById("id_confirm");
+
+    function formconfirm()
+    {
+        select.value = "True";
+        submitStepForm();
+    }
+    function formcancel()
+    {
+        select.value = "False";
+        submitStepForm();
+    }
+
+    var confirmed = {{confirm_succeeded|default:"false"}};
+    if( confirmed )
+    {
+        pop_workflow();
+    }
+</script>
+{% block element_messages %}
+
+{% endblock element_messages %}
+{% endblock content %}
diff --git a/src/templates/base/workflow/no_workflow.html b/src/templates/base/workflow/no_workflow.html
new file mode 100644
index 0000000..0ac6549
--- /dev/null
+++ b/src/templates/base/workflow/no_workflow.html
@@ -0,0 +1,3 @@
+<script>
+    top.window.location.href='/';
+</script>
diff --git a/src/templates/base/workflow/viewport-base.html b/src/templates/base/workflow/viewport-base.html
new file mode 100644
index 0000000..bb13ab7
--- /dev/null
+++ b/src/templates/base/workflow/viewport-base.html
@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+{% load staticfiles %}
+
+{% load bootstrap4 %}
+
+{% block content %}
+
+<!-- Pagination -->
+<div class="row mt-3">
+    <div class="col">
+        <nav>
+            <ul class="pagination d-flex flex-row" id="topPagination">
+                <li class="page-item flex-shrink-1 page-control">
+                    <a class="page-link" href="#" id="gob" onclick="submit_and_go('prev')">
+                        <i class="fas fa-backward"></i> Back
+                    </a>
+                </li>
+                <li class="page-item flex-grow-1">
+                    <a class="page-link disabled" href="#">
+                        <i class="far"></i>
+                    </a>
+                </li>
+                <li class="page-item flex-shrink-1 page-control">
+                    <a class="page-link text-right" href="#" id="gof" onclick="submit_and_go('next')">
+                        Next <i class="fas fa-forward"></i>
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </div>
+</div>
+<!-- Top header -->
+<div class="row">
+    <div class="col">
+        <div id="iframe_header" class="row view-header">
+            <div class="col-lg-12">
+                <h1 class="d-inline-block" id="view_title"></h1>
+                <span class="description text-muted" id="view_desc"></span>
+                <p id="view_message"></p>
+            </div>
+        </div>
+    </div>
+    <div class="col-auto align-self-center d-flex">
+        <button id="cancel_btn" class="btn btn-danger ml-auto" onclick="pop_workflow()">Cancel</button>
+    </div>
+</div>
+<div class="row d-flex flex-column flex-grow-1 mt-3">
+    <div class="col flex-grow-1">
+        <div id="formContainer" class="h-100 w-100"></div>
+    </div>
+</div>
+{% csrf_token %}
+<script type="text/javascript">
+    function submit_and_go(to) {
+        submitStepForm(to);
+    }
+
+    $(document).ready(function(){
+        $.ajax({
+            url: "/workflow/manager/",
+            dataType: "json",
+            success: update_page
+        });
+    });
+</script>
+<!-- lazy load scripts -->
+<script type="text/javascript" src="/static/js/mxClient.min.js" ></script>
+<!-- end lazy load scripts -->
+<div class="d-none" id="workflow_pop_form_div">
+    <form id="workflow_pop_form" action="/workflow/finish/" method="post">
+        {% csrf_token %}
+    </form>
+</div>
+{% endblock content %}
diff --git a/src/templates/base/workflow/viewport-element.html b/src/templates/base/workflow/viewport-element.html
new file mode 100644
index 0000000..db4da54
--- /dev/null
+++ b/src/templates/base/workflow/viewport-element.html
@@ -0,0 +1,17 @@
+{% load bootstrap4 %}
+{% load staticfiles %}
+
+{% block basecontent %}
+
+    {% block content %}
+    {% endblock content %}
+
+    <div class="messages">
+        {% block element_messages %}
+        {% bootstrap_messages %}
+        {% endblock %}
+    </div>
+{% endblock basecontent %}
+
+{% block extrajs %}
+{% endblock extrajs %}