1 files changed, 74 insertions, 0 deletions
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 %}