1 {% extends "workflow/viewport-element.html" %}
3 <link href="/static/css/graph_common.css" rel="stylesheet">
4 <title>Pod Definition Prototype</title>
6 <!-- Loads and initializes the library -->
8 var mxLoadStylesheets = false;
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 %}
14 <!-- Calls the main function after the page has loaded. Container is dynamically created. -->
16 <div class="row p-0 w-100 mx-0 position-absolute overflow-hidden topToBottom">
17 <div id="graphParent" class="col px-0">
19 <div class="col pr-0">
20 <div id="toolbarContainer" class="bg-light pl-4"></div>
23 <!-- Creates a container for the sidebar -->
24 <div id="graphContainer"></div>
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>
33 <button id="btn_add_network" type="button" class="btn btn-primary w-100" onclick="network_step.newNetworkWindow();">Add Network</button>
35 <ul id="network_list" class="list-group">
37 <button type="button" class="d-none" onclick="network_step.submitForm();">Submit</button>
40 <form id="xml_form" method="post" action="/wf/workflow/">
42 <input type="hidden" id="hidden_xml_input" name="xml" />
58 {% for host in hosts %}
59 hosts.push({{host|safe}});
63 {% for host in added_hosts %}
64 added_hosts.push({{host|safe}});
67 let removed_host_ids = {{removed_hosts|safe}};
69 network_step = new NetworkStep(
75 document.getElementById('graphContainer'),
76 document.getElementById('outlineContainer'),
77 document.getElementById('toolbarContainer'),
78 document.getElementById('sidebarContainer')
81 {% endblock content %}
83 network_step.submitForm();