src/templates/resource/steps/pod_definition.html

   1 {% extends "workflow/viewport-element.html" %}
   2 {% block extrahead %}
   3 <link href="/static/css/graph_common.css" rel="stylesheet">
   4 <title>Pod Definition Prototype</title>
   5
   6 <!-- Loads and initializes the library -->
   7 <script>
   8     var mxLoadStylesheets = false;
   9 </script>
  10 <script type="text/javascript" src="/static/js/mxClient.min.js" ></script>
  11 <script type="text/javascript" src="/static/js/dashboard.js" ></script>
  12 {% endblock extrahead %}
  13
  14 <!-- Calls the main function after the page has loaded. Container is dynamically created. -->
  15 {% block content %}
  16     <div class="row p-0 w-100 mx-0 position-absolute overflow-hidden topToBottom">
  17         <div id="graphParent" class="col px-0">
  18             <div class="row">
  19                 <div class="col pr-0">
  20                     <div id="toolbarContainer" class="bg-light pl-4"></div>
  21                 </div>
  22             </div>
  23             <!-- Creates a container for the sidebar -->
  24             <div id="graphContainer"></div>
  25         </div>
  26
  27         <div id="network_select" class="p-0 w-25 ml-auto col-2">
  28             <div class="px-0 mb-2">
  29                 <!-- Creates a container for the outline -->
  30                 <div id="outlineContainer" class="border"></div>
  31             </div>
  32             <div>
  33                 <button id="btn_add_network" type="button" class="btn btn-primary w-100" onclick="network_step.newNetworkWindow();">Add Network</button>
  34             </div>
  35             <ul id="network_list" class="list-group">
  36             </ul>
  37             <button type="button" class="d-none" onclick="network_step.submitForm();">Submit</button>
  38         </div>
  39     </div>
  40     <form id="xml_form" method="post" action="/wf/workflow/">
  41         {% csrf_token %}
  42         <input type="hidden" id="hidden_xml_input" name="xml" />
  43     </form>
  44     <script type="text/javascript" src="/static/js/mxClient.min.js" ></script>
  45     <script>
  46         //gather context data
  47         let debug = false;
  48         {% if debug %}
  49         debug = true;
  50         {% endif %}
  51
  52         let xml = '';
  53         {% if xml %}
  54         xml = '{{xml|safe}}';
  55         {% endif %}
  56
  57         let hosts = [];
  58         {% for host in hosts %}
  59         hosts.push({{host|safe}});
  60         {% endfor %}
  61
  62         let added_hosts = [];
  63         {% for host in added_hosts %}
  64         added_hosts.push({{host|safe}});
  65         {% endfor %}
  66
  67         let removed_host_ids = {{removed_hosts|safe}};
  68
  69         network_step = new NetworkStep(
  70             debug,
  71             xml,
  72             hosts,
  73             added_hosts,
  74             removed_host_ids,
  75             document.getElementById('graphContainer'),
  76             document.getElementById('outlineContainer'),
  77             document.getElementById('toolbarContainer'),
  78             document.getElementById('sidebarContainer')
  79         );
  80     </script>
  81 {% endblock content %}
  82 {% block onleave %}
  83 network_step.submitForm();
  84 {% endblock %}