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

+}
 function getTreeLoadURL() {
         var url = new URL(window.location.href);
         var goto = url.searchParams.get("goto");
-        return (goto != null) ? "treeload.php?goto="+encodeURIComponent(goto) : "treeload.php";
+        return (goto != null) ? "ajax.php?action=tree_load&goto="+encodeURIComponent(goto)
+                              : "ajax.php?action=tree_load";
+}
 function reloadContent() {
         // document.location = '?goto='+encodeURIComponent(current_node);
-        openOidInPanel(current_node);
+        openOidInPanel(current_node, false);
         $('#oidtree').jstree("refresh");
+}
-function openOidInPanel(id, unselect=false) {
+function x_rec(x_data, i) {
-        console.log("openOidInPanel("+id+", "+unselect+")");
+        $('#oidtree').jstree('open_node', x_data[i], function(e, data) {
+                if (i+1 < x_data.length) {
+                        x_rec(x_data, i+1);
+                } else {
+                        $('#oidtree').jstree('select_node', x_data[i]);
+                }
+        });
+}
+function openOidInPanel(id, reselect=false) {
-        if (unselect) {
+        if (reselect) {
                 $('#oidtree').jstree('deselect_all');
+                // If the node is already loaded in the tree, select it.
+                // The select-event will load the content page, so we can return from this function.
-                $('#oidtree').jstree('select_node', id);
+                if ($('#oidtree').jstree('select_node', id)) return;
+                // If the node is not loaded, then we try to search it.
+                // If it can be found, then open all parent nodes and select the node
+                $.ajax({
+                        url:"ajax.php",
+                        method:"POST",
+                        data:{
+                                action:"tree_search",
+                                search:id
+                        },
+                        error:function(jqXHR, textStatus, errorThrown) {
+                                openOidInPanel(id, false);
+                        },
+                        success:function(data) {
+                                if ((data instanceof Array) && (data.length > 0) && ("error" in data)) {
+                                        x_rec(data, 0);
+                                } else {
+                                        openOidInPanel(id, false);
+                                }
+                        }
+                });
+                // If something fails (e.g. if ajax.php=action=tree_search cannot find the node,
+                // then openOidInPanel will be called again, without the reselect argument.
+                // So we can now exit
+                return;
+        }
-        // $('#content_window').hide();
         document.title = "";
         $('#real_title').html("&nbsp;");
         $('#real_content').html("Loading...");
         $('#static_link').attr("href", "?goto="+encodeURIComponent(id));
         $('#static_link_desktop').attr("href", "index_desktop.php?goto="+encodeURIComponent(id));
         $('#static_link_mobile').attr("href", "index_mobile.php?goto="+encodeURIComponent(id));
         if (popstate_running) return; // To avoid that the jstree selection during popstate() won't trigger another page load
         // Normal opening of a description
-        fetch('get_description.php?id='+encodeURIComponent(id))
+        fetch('ajax.php?action=get_description&id='+encodeURIComponent(id))
         .then(function(response) {
                 response.json()
                 .then(function(data) {
+                        if ("error" in data) {
+                                alert("Failed to load content: " + data.error);
+                                console.error(data.error);
+                                return;
+                        }
                         data.id = id;
                         document.title = combine_systemtitle_and_pagetitle(system_title, data.title);
                         var state = {
-                                "node_id":encodeURIComponent(id),
+                                "node_id":id,
                                 "titleHTML":(data.icon ? '<img src="'+data.icon+'" width="48" height="48" alt="'+data.title.htmlentities()+'"> ' : '') +data.title.htmlentities(),
                                 "textHTML":data.text,
                                 "staticlinkHREF":"?goto="+encodeURIComponent(id),
                                 "staticlinkHREF_Desktop":"index_desktop.php?goto="+encodeURIComponent(id),
                                 "staticlinkHREF_Mobile":"index_mobile.php?goto="+encodeURIComponent(id)
                         $('#real_content').html(data.text);
                         document.title = combine_systemtitle_and_pagetitle(system_title, data.title);
                         current_node = id;
                 })
                 .catch(function(error) {
+                        alert("Failed to load content: " + error);
                         console.error(error);
                 });
         })
         .catch(function(error) {
+                alert("Failed to load content: " + error);
                 console.error(error);
         });
-        // $('#content_window').show();
+}
 function updateDesc() {
         $.ajax({
-                url:"action.php",
+                url:"ajax.php",
                 method:"POST",
                 data: {
                         action:"Update2",
                         id:current_node,
                         title:(document.getElementById('titleedit') ? document.getElementById('titleedit').value : null),
                         //description:(document.getElementById('description') ? document.getElementById('description').value : null)
                         description:tinyMCE.get('description').getContent()
                 },
+                error:function(jqXHR, textStatus, errorThrown) {
+                        alert("Error: " + errorThrown);
+                },
                 success:function(data) {
-                        if (data != "OK") {
+                        if ("error" in data) {
-                                alert("Error: " + data);
+                                alert("Error: " + data.error);
-                        } else {
+                        } else if (data.status == 0) {
                                 alert("Update OK");
                                 //reloadContent();
                                 $('#oidtree').jstree("refresh");
                                 var h1s = document.getElementsByTagName("h1");
                                 for (var i = 0; i < h1s.length; i++) {
+                                }
                                 document.title = combine_systemtitle_and_pagetitle(system_title, document.getElementById('titleedit').value);
                                 var mce = tinymce.get('description');
                                 if (mce != null) mce.isNotDirty = 1;
+                        } else {
+                                alert("Error: " + data.error);
+                        }
+                }
         });
+}
 function crudActionSendInvitation(origin, email) {
         // document.location = '?goto=oidplus:invite_ra$'+email+'$'+origin;
-        openOidInPanel('oidplus:invite_ra$'+email+'$'+origin);
+        openOidInPanel('oidplus:invite_ra$'+email+'$'+origin, false);
+}
 function crudActionInsert(parent) {
         $.ajax({
-                url:"action.php",
+                url:"ajax.php",
                 method:"POST",
                 data:{
                         action:"Insert",
                         id:document.getElementById('id').value,
                         ra_email:document.getElementById('ra_email').value,
                         asn1ids:(document.getElementById('asn1ids') ? document.getElementById('asn1ids').value : null),
                         iris:(document.getElementById('iris') ? document.getElementById('iris').value : null),
                         confidential:(document.getElementById('hide') ? document.getElementById('hide').checked : null),
                         parent:parent
                 },
+                error:function(jqXHR, textStatus, errorThrown) {
+                        alert("Error: " + errorThrown);
+                },
                 success:function(data) {
-                        if (data == "OK") {
+                        if ("error" in data) {
+                                alert("Error: " + data.error);
+                        } else if (data.status == 0) {
                                 //alert("Insert OK");
                                 reloadContent();
                                 // TODO: auf reloadContent() verzichten. stattdessen nur tree links aktualisieren, und rechts eine neue zeile zur tabelle hinzufügen
-                        } else if (data == "OK (RaNotInDatabase)") {
+                        } else if (data.status == 1) {
                                 if (confirm("Update OK. However, the email address you have entered ("+document.getElementById('ra_email').value+") is not in our system. Do you want to send an invitation, so that the RA can register an account to manage their OIDs?")) {
                                         crudActionSendInvitation(parent, document.getElementById('ra_email').value);
                                 } else {
                                         reloadContent();
                                         // TODO: auf reloadContent() verzichten. stattdessen nur tree links aktualisieren, und rechts eine neue zeile zur tabelle hinzufügen
         });
+}
 function crudActionUpdate(id, parent) {
         $.ajax({
-                url:"action.php",
+                url:"ajax.php",
                 method:"POST",
                 data: {
                         action:"Update",
-                        id:encodeURIComponent(id),
+                        id:id,
                         ra_email:document.getElementById('ra_email_'+id).value,
                         asn1ids:(document.getElementById('asn1ids_'+id) ? document.getElementById('asn1ids_'+id).value : null),
                         iris:(document.getElementById('iris_'+id) ? document.getElementById('iris_'+id).value : null),
                         confidential:(document.getElementById('hide_'+id) ? document.getElementById('hide_'+id).checked : null),
                         parent:parent
                 },
+                error:function(jqXHR, textStatus, errorThrown) {
+                        alert("Error: " + errorThrown);
+                },
                 success:function(data) {
-                        if (data == "OK") {
+                        if ("error" in data) {
+                                alert("Error: " + data.error);
+                        } else if (data.status == 0) {
                                 alert("Update OK");
                                 // reloadContent();
                                 $('#oidtree').jstree("refresh");
-                        } else if (data == "OK (RaNotInDatabase)") {
+                        } else if (data.status == 1) {
                                 if (confirm("Update OK. However, the email address you have entered ("+document.getElementById('ra_email_'+id).value+") is not in our system. Do you want to send an invitation, so that the RA can register an account to manage their OIDs?")) {
                                         crudActionSendInvitation(parent, document.getElementById('ra_email_'+id).value);
                                 } else {
                                         // reloadContent();
                                         $('#oidtree').jstree("refresh");
 function crudActionDelete(id, parent) {
         if(!window.confirm("Are you sure that you want to delete "+id+"?")) return false;
         $.ajax({
-                url:"action.php",
+                url:"ajax.php",
                 method:"POST",
                 data: {
                         action:"Delete",
-                        id:encodeURIComponent(id),
+                        id:id,
                         parent:parent
                 },
+                error:function(jqXHR, textStatus, errorThrown) {
+                        alert("Error: " + errorThrown);
+                },
                 success:function(data) {
-                        if (data != "OK") {
+                        if ("error" in data) {
-                                alert("Error: " + data);
+                                alert("Error: " + data.error);
-                        } else {
+                        } else if (data.status == 0) {
                                 reloadContent();
                                 // TODO: auf reloadContent() verzichten. stattdessen nur tree links aktualisieren, und rechts die zeile aus der tabelle löschen
+                        } else {
+                                alert("Error: " + data.error);
+                        }
+                }
         });
+}
 function deleteRa(email, goto) {
         if(!window.confirm("Are you really sure that you want to delete "+email+"? (The OIDs stay active)")) return false;
         $.ajax({
-                url:"action.php",
+                url:"ajax.php",
                 method:"POST",
                 data: {
                         action:"delete_ra",
                         email:email,
                 },
+                error:function(jqXHR, textStatus, errorThrown) {
+                        alert("Error: " + errorThrown);
+                },
                 success:function(data) {
-                        if (data != "OK") {
+                        if ("error" in data) {
-                                alert("Error: " + data);
+                                alert("Error: " + data.error);
-                        } else {
+                        } else if (data.status == 0) {
                                 alert("Done.");
                                 if (goto != null) document.location = '?goto=' + goto;
                                 // reloadContent();
+                        } else {
+                                alert("Error: " + data.error);
+                        }
+                }
         });
+}
+// 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)) {
-                $('#oidtree').jstree('open_node', '#'+parentID, function(e, data) { // open parent node
+                $('#oidtree').jstree('open_node', parentID, function(e, data) { // open parent node
                         if ($('#oidtree').jstree(true).get_node(childID)) { // is the child there?
-                                $('#oidtree').jstree('deselect_all').jstree('select_node', '#'+childID); // select it
+                                $('#oidtree').jstree('deselect_all').jstree('select_node', childID); // select it
                         } else {
                                 // This can happen if the content page contains brand new items which are not in the treeview yet
                                 document.location = "?goto="+encodeURIComponent(childID);
+                        }
                 }, true);
         popstate_running = true;
         try {
                 var data = e.originalEvent.state;
                 current_node = data.node_id;
-                $('#oidtree').jstree('deselect_all').jstree('select_node', data.node_id); // TODO: search and open the nodes
+                $('#oidtree').jstree('deselect_all').jstree('select_node', data.node_id);
                 $('#real_title').html(data.titleHTML);
                 $('#real_content').html(data.textHTML);
                 $('#static_link').attr("href", data.staticlinkHREF);
                 $('#static_link_desktop').attr("href", data.staticlinkHREF_Desktop);
                 $('#static_link_mobile').attr("href", data.staticlinkHREF_Mobile);
         .on('ready.jstree', function (e, data) {
                 var url = new URL(window.location.href);
                 var goto = url.searchParams.get("goto");
                 if (goto == null) goto = "oidplus:system"; // the page was not called with ?goto=...
-                // By setting current_node, select_node() will not cause get_description.php to load (since we already loaded the first static content via PHP, for search engines mainly)
+                // By setting current_node, select_node() will not cause ajax.php?action=get_description to load (since we already loaded the first static content via PHP, for search engines mainly)
                 // But then we need to set the history state manually
                 current_node = goto;
                 window.history.replaceState({
-                        "node_id":encodeURIComponent(goto),
+                        "node_id":goto,
                         "titleHTML":$('#real_title').html(),
                         "textHTML":$('#real_content').html(),
                         "staticlinkHREF":"?goto="+encodeURIComponent(goto),
                         "staticlinkHREF_Desktop":"index_desktop.php?goto="+encodeURIComponent(goto),
                         "staticlinkHREF_Mobile":"index_mobile.php?goto="+encodeURIComponent(goto)
                         $("#system_title_menu").removeClass("active");
+                }
                 var id = selected.node.id;
                 if (current_node != id) {
-                        openOidInPanel(id);
+                        openOidInPanel(id, false);
+                }
         });
         // --- Layout

Subversion Repositories oidplus

oidplus/trunk/includes/oidplus_base.js @ 448 – Rev 105 → 107