diff options
| -rw-r--r-- | web/css/nms.css | 7 | ||||
| -rw-r--r-- | web/js/nms-info-box.js | 31 |
2 files changed, 32 insertions, 6 deletions
diff --git a/web/css/nms.css b/web/css/nms.css index 7bdfd01..b7609cd 100644 --- a/web/css/nms.css +++ b/web/css/nms.css @@ -12,6 +12,13 @@ canvas { #info-box-container { max-width: 700px; } +#info-box-container #edit-output { + word-wrap: break-word; + padding: 20px; + margin-bottom: 10px; + background-color: #333333; + color: #ADADAD; +} .left { width: 22ch; } diff --git a/web/js/nms-info-box.js b/web/js/nms-info-box.js index 84f19f5..c985e42 100644 --- a/web/js/nms-info-box.js +++ b/web/js/nms-info-box.js @@ -808,19 +808,38 @@ var switchEditPanel = function () { content.sort(); - var table = nmsInfoBox._makeTable(content, "edit"); + var table = nmsInfoBox._makeTable(content); domObj.appendChild(table); + var outputCont = document.createElement("div"); + outputCont.id = "edit-output-cont"; + outputCont.classList.add("collapse"); + outputCont.innerHTML = "<h5>Request preview</h5>"; + var output = document.createElement("output"); + output.id = "edit-output"; + outputCont.appendChild(output); + domObj.appendChild(outputCont); + + var nav = document.createElement("nav"); + nav.classList.add("nav","nav-pills"); + var submit = document.createElement("button"); submit.innerHTML = "Save changes"; submit.classList.add("btn", "btn-primary"); submit.id = "edit-submit-" + this.sw; submit.setAttribute("onclick","nmsInfoBox._windowHandler.doInPanel('" + this.id + "','save');"); - domObj.appendChild(submit); - - var output = document.createElement("output"); - output.id = "edit-output"; - domObj.appendChild(output); + nav.appendChild(submit); + + var toggleDetails = document.createElement("button"); + toggleDetails.innerHTML = '<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>'; + toggleDetails.classList.add("btn", "btn-default", "pull-right"); + toggleDetails.dataset.toggle = "collapse"; + toggleDetails.dataset.target = "#edit-output-cont"; + toggleDetails.title = "Show request preview"; + toggleDetails.id = "edit-toggle-details-" + this.sw; + nav.appendChild(toggleDetails); + + domObj.appendChild(nav); this._render(domObj); if (place) { |