WebSVN – oidplus – Diff – /trunk/includes/oidplus_base.js

 var popstate_running = false;
 // DEFAULT_LANGUAGE will be set by oidplus.min.js.php
 // language_messages will be set by oidplus.min.js.php
 // language_tblprefix will be set by oidplus.min.js.php
+var pageChangeCallbacks = [];
+var pageChangeRequestCallbacks = [];
 function isInternetExplorer() {
         var ua = window.navigator.userAgent;
         return ((ua.indexOf("MSIE ") > 0) || (ua.indexOf("Trident/") > 0));
+}
+        }
         return array;
 };
 String.prototype.htmlentities = function () {
-        return this.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+        return this.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');//"
 };
 String.prototype.html_entity_decode = function () {
         return $('<textarea />').html(this).text();
 };
                               : "ajax.php?action=tree_load";
+}
 function reloadContent() {
         // window.location.href = "?goto="+encodeURIComponent(current_node);
-        openOidInPanel(current_node, false);
+        if (openOidInPanel(current_node, false)) {
-        $('#oidtree').jstree("refresh");
+                $('#oidtree').jstree("refresh");
+        }
+}
 function x_rec(x_data, i) {
         $('#oidtree').jstree('open_node', x_data[i], function(e, data) {
                 if (i+1 < x_data.length) {
                         x_rec(x_data, i+1);
+                        }
+                }
         });
+}
+function performCloseQueryCB() {
+        for (var i=0; i<pageChangeRequestCallbacks.length; i++) {
+                if (!pageChangeRequestCallbacks[i][0](pageChangeRequestCallbacks[i][1])) return false;
+        }
+        pageChangeRequestCallbacks = [];
+        return true; // may close
+}
+function performCloseCB() {
+        for (var i=0; i<pageChangeCallbacks.length; i++) {
+                pageChangeCallbacks[i][0](pageChangeCallbacks[i][1]);
+        }
+        pageChangeCallbacks = [];
+}
-function openOidInPanel(id, reselect/*=false*/, anchor/*=''*/) {
+function openOidInPanel(id, reselect/*=false*/, anchor/*=''*/, force/*=false*/) {
         reselect = (typeof reselect === 'undefined') ? false : reselect;
         anchor = (typeof anchor === 'undefined') ? '' : anchor;
+        force = (typeof force === 'undefined') ? false : force;
+        var mayClose = performCloseQueryCB();
+        if (!force && !mayClose) return false;
+        performCloseCB();
         if (reselect) {
                 $('#oidtree').jstree('deselect_all');
                 popstate_running = true; // don't call openOidInPanel during tree selection
         })
         .catch(function(error) {
                 alert(_L("Failed to load content: %1",error));
                 console.error(error);
         });
+        return true;
+}
 // This function opens the "parentID" node, and then selects the "childID" node (which should be beneath the parent node)
 function openAndSelectNode(childID, parentID) {
         if ($('#oidtree').jstree(true).get_node(parentID)) {
                 window.location.href = "?goto="+encodeURIComponent(childID);
+        }
+}
 $(window).on("popstate", function(e) {
+        if (!performCloseQueryCB()) {
+                // TODO: does not work!!! The "back/forward" action will be cancelled, but the browser still thinks it was successful,
+                // so if you do it again, you will then jump 2 pages back, etc!
+                // This does also not help:
+                //window.history.pushState(e.originalEvent.state, e.originalEvent.title, e.originalEvent.url);
+                //window.history.forward();
+                return;
+        }
         popstate_running = true;
         try {
                 var data = e.originalEvent.state;
                 current_node = data.node_id;
                 popstate_running = false;
+        }
 });
 $(document).ready(function () {
+        /*
+        window.onbeforeunload = function(e) {
+                // TODO: This won't be called because TinyMCE overrides it??
+                // TODO: when the user accepted the query in performCloseQueryCB(), then the message will be shown again by the browser!
+                if (!performCloseQueryCB()) {
+                        // Cancel the event
+                        e.preventDefault(); // If you prevent default behavior in Mozilla Firefox prompt will always be shown
+                        // Chrome requires returnValue to be set
+                        e.returnValue = '';
+                } else {
+                        // the absence of a returnValue property on the event will guarantee the browser unload happens
+                        delete e['returnValue'];
+                }
+        };
+        */
         // --- JsTree
         $('#oidtree')
         .jstree({
                 },
                 'conditionalselect' : function (node) {
                         if (node.original.conditionalselect !== undefined) {
                                 return eval(node.original.conditionalselect);
                         } else {
-                                return true; // allow select
+                                return performCloseQueryCB();
+                        }
                 },
         })
         .on('ready.jstree', function (e, data) {
                 var url = new URL(window.location.href);
         .on('select_node.jstree', function (node, selected, event) {
                 mobileNavClose();
                 var id = selected.node.id;
                 if ((!popstate_running) && (current_node != id)) {
+                        // 4th argument: we force the reload (because in the
+                        // conditional select above, we already asked if
+                        // tinyMCE needs to be saved)
-                        openOidInPanel(id, false);
+                        openOidInPanel(id, false, '', true);
+                }
         });
         // --- Layout

Subversion Repositories oidplus

oidplus/trunk/includes/oidplus_base.js @ 448 – Rev 385 → 399