diff options
Diffstat (limited to 'src/static/js/dashboard.js')
| -rw-r--r-- | src/static/js/dashboard.js | 51 |
1 files changed, 30 insertions, 21 deletions
diff --git a/src/static/js/dashboard.js b/src/static/js/dashboard.js index 8e1250a..6bff8d9 100644 --- a/src/static/js/dashboard.js +++ b/src/static/js/dashboard.js @@ -7,6 +7,24 @@ form_submission_callbacks = []; //all runnables will be executed before form su /////////////////// // Global Functions /////////////////// + +// Taken from https://docs.djangoproject.com/en/3.0/ref/csrf/ +function getCookie(name) { + var cookieValue = null; + if (document.cookie && document.cookie !== '') { + var cookies = document.cookie.split(';'); + for (var i = 0; i < cookies.length; i++) { + var cookie = cookies[i].trim(); + // Does this cookie string begin with the name we want? + if (cookie.substring(0, name.length + 1) === (name + '=')) { + cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); + break; + } + } + } + return cookieValue; +} + function update_page(response) { if( response.redirect ) { @@ -137,7 +155,7 @@ function create_workflow(type) { "workflow_type": type }, headers: { - "X-CSRFToken": $('input[name="csrfmiddlewaretoken"]').val() + "X-CSRFToken": getCookie('csrftoken') } }).done(function (data, textStatus, jqXHR) { window.location = "/workflow/"; @@ -154,7 +172,7 @@ function add_workflow(type) { "workflow_type": type }, headers: { - "X-CSRFToken": $('input[name="csrfmiddlewaretoken"]').val() + "X-CSRFToken": getCookie('csrftoken') } }).done(function (data, textStatus, jqXHR) { update_page(data); @@ -168,7 +186,7 @@ function pop_workflow() { type: "POST", url: "/workflow/pop/", headers: { - "X-CSRFToken": $('input[name="csrfmiddlewaretoken"]').val() + "X-CSRFToken": getCookie('csrftoken') } }).done(function (data, textStatus, jqXHR) { update_page(data); @@ -455,15 +473,15 @@ class NetworkStep { this.editor.setGraphContainer(graphContainer); this.doGlobalConfig(); this.prefill(xml, hosts, added_hosts, removed_host_ids); - this.addToolbarButton(this.editor, toolbarContainer, 'zoomIn', '', "/static/img/mxgraph/zoom_in.png", true); - this.addToolbarButton(this.editor, toolbarContainer, 'zoomOut', '', "/static/img/mxgraph/zoom_out.png", true); + this.addToolbarButton(this.editor, toolbarContainer, 'zoomIn', 'fa-search-plus'); + this.addToolbarButton(this.editor, toolbarContainer, 'zoomOut', 'fa-search-minus'); if(this.debug){ this.editor.addAction('printXML', function(editor, cell) { mxLog.write(this.encodeGraph()); mxLog.show(); }.bind(this)); - this.addToolbarButton(this.editor, toolbarContainer, 'printXML', '', '/static/img/mxgraph/fit_to_size.png', true); + this.addToolbarButton(this.editor, toolbarContainer, 'printXML', 'fa-file-code'); } new mxOutline(this.graph, overviewContainer); @@ -704,27 +722,18 @@ class NetworkStep { this.currentWindow.destroy(); } - addToolbarButton(editor, toolbar, action, label, image, isTransparent) { + addToolbarButton(editor, toolbar, action, image) { const button = document.createElement('button'); - button.style.fontSize = '10'; + button.setAttribute('class', 'btn btn-sm m-1'); if (image != null) { - const img = document.createElement('img'); - img.setAttribute('src', image); - img.style.width = '16px'; - img.style.height = '16px'; - img.style.verticalAlign = 'middle'; - img.style.marginRight = '2px'; - button.appendChild(img); - } - if (isTransparent) { - button.style.background = 'transparent'; - button.style.color = '#FFFFFF'; - button.style.border = 'none'; + const icon = document.createElement('i'); + icon.setAttribute('class', 'fas ' + image); + button.appendChild(icon); } mxEvent.addListener(button, 'click', function(evt) { editor.execute(action); }); - mxUtils.write(button, label); + mxUtils.write(button, ''); toolbar.appendChild(button); }; |