Added dialog for preferences

emscripten/project/purr-data/index.html

@@ -30,6 +30,22 @@
       </div>
     </div>
 
+    <!-- Modal -->
+    <div class="modal fade" id="dialog-modal" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="dialog-title"></h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body" id="dialog-body">
+          </div>
+        </div>
+      </div>
+    </div> 
+
     <div id="container-app" class="container-fluid">
       <!-- Menu -->
       <nav id="menu"></nav>

emscripten/project/purr-data/index.js

@@ -58,9 +58,14 @@ function create_window(cid, type, width, height, xpos, ypos, attr_array) {
                 // cleaning dialog div
                 dialog_div.innerHTML = "";
 
-                $("#sidebar-body-dialog").prepend(dialog_div.outerHTML)
+                $("#dialog-body").prepend(dialog_div.outerHTML)
                 $("#dialog-div").prepend(data)
-
+                if (f === "dialog_canvas.html") {
+                    $("#dialog-title").text("Canvas Properties");
+                } else if (f === "dialog_prefs.html") {
+                    $("#dialog-title").text("Pd-L2Ork Properties");
+                }
+                $("#dialog-modal").modal("show");
                 // initialize the dialog window                
                 register_dialog(cid,attr_array);
             });

pd/nw/dialog_prefs.html

@@ -774,6 +774,7 @@ function cancel() {
     pdgui.remove_dialogwin(pd_object_callback);
     if(pdgui.is_webapp()){
         remove_dialog(pd_object_callback)
+        $("#dialog-modal").modal("hide");
     }else{
         window.close(true);
     }