src/templates/base/workflow/viewport-base.html

   1 {% extends "base.html" %}
   2 {% load staticfiles %}
   3
   4 {% load bootstrap4 %}
   5
   6 {% block content %}
   7
   8 <!-- Pagination -->
   9 <div class="row mt-3">
  10     <div class="col">
  11         <nav>
  12             <ul class="pagination d-flex flex-row" id="topPagination">
  13                 <li class="page-item flex-shrink-1 page-control" id="workflow-nav-back">
  14                     <a class="page-link" href="#" id="gob" onclick="submit_and_go('prev')">
  15                         <i class="fas fa-backward"></i> Back
  16                     </a>
  17                 </li>
  18                 <li class="page-item flex-grow-1">
  19                     <a class="page-link disabled" href="#">
  20                         <i class="far"></i>
  21                     </a>
  22                 </li>
  23                 <li class="page-item flex-shrink-1 page-control" id="workflow-nav-next">
  24                     <a class="page-link text-right" href="#" id="gof" onclick="submit_and_go('next')">
  25                         Next <i class="fas fa-forward"></i>
  26                     </a>
  27                 </li>
  28             </ul>
  29         </nav>
  30     </div>
  31 </div>
  32   <div class=”row”>
  33     <div class=”col-xs-6 col-md-4”>
  34     Is something not working right? Let us know <a href="mailto::{{contact_email}}"> here! </a>
  35     </div>
  36 </div>
  37 <!-- Top header -->
  38 <div class="row">
  39     <div class="col">
  40         <div id="iframe_header" class="row view-header">
  41             <div class="col-lg-12">
  42                 <h1 class="d-inline-block" id="view_title"></h1>
  43                 <span class="description text-muted" id="view_desc"></span>
  44                 <p id="view_message"></p>
  45             </div>
  46         </div>
  47     </div>
  48     <div class="col-auto align-self-center d-flex">
  49         <button id="cancel_btn" class="btn btn-danger ml-auto" onclick="pop_workflow()">Cancel</button>
  50     </div>
  51 </div>
  52 <div class="row d-flex flex-column flex-grow-1 mt-3">
  53     <div class="col flex-grow-1">
  54         <div id="formContainer" class="h-100 w-100"></div>
  55     </div>
  56 </div>
  57 {% csrf_token %}
  58 <script type="text/javascript">
  59     function submit_and_go(to) {
  60         submitStepForm(to);
  61     }
  62
  63     $(document).ready(function(){
  64         $.ajax({
  65             url: "/workflow/manager/",
  66             dataType: "json",
  67             success: update_page
  68         });
  69     });
  70
  71     // global variable required for mxgraph to load its css and images
  72     mxBasePath = '{% static "node_modules/mxgraph/javascript/src" %}';
  73 </script>
  74 <!-- lazy load scripts -->
  75 <script type="text/javascript" src="{% static "node_modules/mxgraph/javascript/mxClient.js" %}" ></script>
  76 <!-- end lazy load scripts -->
  77 <div class="d-none" id="workflow_pop_form_div">
  78     <form id="workflow_pop_form" action="/workflow/finish/" method="post">
  79         {% csrf_token %}
  80     </form>
  81 </div>
  82 {% endblock content %}