add winbox functions

public_html/deployment/js/functions.js

+// ----------------------------------------------------------------------
+// VARS
+// ----------------------------------------------------------------------
+
+var aWinBoxes = {};
+var WINBOX_background = "#456";
+
+// ----------------------------------------------------------------------
+// FUNCTIONS
+// ----------------------------------------------------------------------
 
 /**
  * initialize soft scrolling for links with css class "scroll-link"
@@ -22,28 +32,45 @@ function initSoftscroll(){
     });
 }
 
+
+/**
+ * Shows a modal message by setting the inner HTML of div#divmodalmessage 
+ * to the given message, and showing div#divmodal.
+ * 
+ * @param {string} sMessage - The message to display in the modal
+ */
 function showModalMessage(sMessage) {
     $('#divmodalmessage').html(sMessage);
     $('#divmodal').show();
 }
 
-function showIdAsModalMessage(sId, sTitle){
+/**
+ * Hide modal message box
+ */
+function hideModalMessage() {
+    $('#divmodal').hide();
+    return false;
+}
 
-   var o=$('#'+sId);
-   var sHtml='<a href="#" onclick="return hideModalMessage()" class="btn btn-danger" style="float:right"> X </a>' 
-           + o.html()
-           + '<hr><a href="#" onclick="return hideModalMessage()" class="btn btn-primary"><i class="fa fa-check"></i> OK </a>'
-            ;
-   $('#divmodalmessage').html(sHtml);
-   $('#divmodal').show();
 
-   /*
+/**
+ * show a window displaying the content of a given dom id using Winbox
+ * 
+ * @param {string} sId     dom id of a div to show
+ * @param {string} sTitle  title for the winbox window
+ * @returns 
+ */
+function showIdAsModalMessage(sId, sTitle) {
+
+    if (aWinBoxes[sId]) {
+        return true;
+    }
     var oWrapper = document.getElementById(sId);
-   new WinBox({
+    aWinBoxes[sId] = WinBox({
         title: sTitle,
         id: 'winbox-' + sId,
         border: 5,
-        background: "#628",
+        background: WINBOX_background,
         class: ["no-min", "no-max", "no-full", "ciwinboxinfos"],
 
         // modal: true, // collides with bootsrap3 .modal.less
@@ -60,23 +87,19 @@ function showIdAsModalMessage(sId, sTitle){
         bottom: 20,
         left: 20,
 
-
         // take content from existing div
         // mount: oWrapper
-        html: oWrapper.innerHTML
-        // html: 'hello'
-    });
+        // mount: document.getElementById(sId).cloneNode(true),
+        html: oWrapper.innerHTML,
 
-   */
-    return false;
+        onclose: function () {
+            delete aWinBoxes[sId];
         }
+    });
 
-function hideModalMessage(){
-   $('#divmodal').hide();
     return false;
 }
 
-var aWinBoxes={};
 /**
  * shellcmd plugin ... toggle output window
  * @param {string} isPluginOutputDiv  id of the wrapper
@@ -92,7 +115,7 @@ function toggleShellWindow(isPluginOutputDiv, oLink){
             id: 'winbox-' + isPluginOutputDiv,
             border: 5,
             /*background: "#628",*/
-            background: "#478",
+            background: WINBOX_background,
             class: ["no-min", "no-max", /* "no-full", "no-resize", "no-move"*/ "ciwinbox"],
 
             // position + size
@@ -378,3 +401,5 @@ function generateSecret(length){
     }
     return result;
 }
+
+// ----------------------------------------------------------------------