Changeset 27110 for main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js

Timestamp:

2013-03-21T16:52:48+13:00 (11 years ago)

Author:

sjm84

Message:

Some major improvements including the functionality to select arbitrary files to modify

File:

• main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js (modified) (10 diffs)

main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js

@@ -6 +6 @@
 function visualXMLEditor(xmlString)
 {
-    var thisEditor = this;
+    var _thisEditor = this;
+    var _greenbug;
 
     var _globalID = 0;
@@ -89 +90 @@
     };
     
+    this.setGreenbug = function(gb)
+    {
+        _greenbug = gb;
+    }
+    
     this.getXML = function()
     {
@@ -243 +249 @@
     var retrieveGSLIBTemplates = function(callback)
     {
-        var url = gs.xsltParams.library_name + "?a=g&rt=r&s=GetGSLIBElementsFromFile&s1.interfaceName=" + gs.xsltParams.interface_name;
+        var url = gs.xsltParams.library_name + "?a=g&rt=r&s=GetTemplateListFromFile&s1.locationName=interface&s1.interfaceName=" + gs.xsltParams.interface_name + "&s1.fileName=gslib.xsl";
 
         $.ajax(url)
@@ -253 +259 @@
             var listString = response.substring(startIndex, endIndex);
             var list = eval(listString.replace(/"/g, "\""));
-            
-            _elemList["gslib"] = list;
+            var modifiedList = new Array();
+            
+            for(var i = 0; i < list.length; i++)
+            {
+                var current = list[i];
+                if(current.name)
+                {
+                    modifiedList.push(current.name);
+                }
+            }
+            
+            _elemList["gslib"] = modifiedList;
             
             if(callback)
@@ -569 +585 @@
     
         var _textEditor = $("<div>");
-        var _textTitle = $("<div>Text:</div>");
         var _nodeText = $("<div>");
         _nodeText.text(_xmlNode.nodeValue);
 
-        _textEditor.append(_textTitle);
         _textEditor.append(_nodeText);
         
@@ -1068 +1082 @@
         this.populateInformationDiv = function()
         {
-            thisEditor.savePendingEdits();
+            _thisEditor.savePendingEdits();
             _infoDiv.empty();
 
-            var nameElement = $("<p>");
             if(_xmlNode.nodeType == 1)
             {
-                nameElement.text("Name: " + _xmlNode.nodeName);
+                var nameElementTitle = $("<div>", {"class":"ui-state-default ui-corner-all veInfoDivTitle"}).text("Element name:");
+                _infoDiv.append(nameElementTitle);
+                _infoDiv.append($("<p>").text(_xmlNode.nodeName));
             }
             else
             {
-                nameElement.text("[text node]");
-            }
-            _infoDiv.append(nameElement);
+                var textElementTitle = $("<div>", {"class":"ui-state-default ui-corner-all veInfoDivTitle"}).text("Text node:");
+                _infoDiv.append(textElementTitle);
+            }
 
             if(_xmlNode.nodeType == 1)
             {
-                var attributeTableTitle = $("<p>Attributes:<p/>");
+                var attributeTableTitle = $("<div>", {"class":"ui-state-default ui-corner-all veInfoDivTitle"});
+                attributeTableTitle.text("Attributes:");
                 var attributeTable = $("<table>");
                 attributeTable.addClass("veAttributeTableContainer");
@@ -1099 +1115 @@
                 _infoDiv.append(attributeTable);
                 
+                var addDiv = $("<div>", {"class":"veInfoDivTitle"});
                 var addSelect = $("<select>");
                 addSelect.append("<option>[blank]</option>", {value:"[blank]"});
@@ -1149 +1166 @@
                     _transactions.push({type:"addAttr", row:row})
                 });
-                _infoDiv.append(addSelect);
-                _infoDiv.append(addButton);
+                addDiv.append(addSelect);
+                addDiv.append(addButton);
+                _infoDiv.append(addDiv);
                 addButton.button();
+                
+                /*
+                if(_xmlNode.tagName == "xsl:call-template" && _xmlNode.getAttribute("name").length > 0)
+                {
+                    var extraOptionsTitle = $("<div>", {"class":"ui-state-default ui-corner-all veInfoDivTitle"}).text("Additional options:");
+                    var visitTemplateOption = $("<button>View called template</button>");
+                    
+                    _infoDiv.append(extraOptionsTitle);
+                    _infoDiv.append(visitTemplateOption);
+                    
+                    visitTemplateOption.button();
+                    visitTemplateOption.click(function()
+                    {
+                        var template = "";
+                        template += '<xsl:template match="/">';
+                        template +=   '<calledTemplate>';
+                        var params = $(_xmlNode).children("xsl\\:with-param");
+                        if(!params.length)
+                        {
+                            template += '<xsl:call-template name="' + _xmlNode.getAttribute("name") + '"/>';
+                        }
+                        else
+                        {
+                            template += '<xsl:call-template name="' + _xmlNode.getAttribute("name") + '">';
+                            for(var i = 0; i < params.length; i++)
+                            {
+                                var param = params.eq(i);
+                                template += "<xsl:with-param";
+                                for(var j = 0; j < param[0].attributes.length; j++)
+                                {
+                                    var attr = param[0].attributes[j];
+                                    template += " " + attr.name + "=\"" + attr.value + "\"";
+                                }
+                                template += "/>";
+                            }
+                            template += '</xsl:call-template>';
+                        }
+                        template +=   '</calledTemplate>';
+                        template += '</xsl:template>';
+                        template = template.replace(" ", "%20");
+                        
+                        var url = document.URL;
+                        if(url.indexOf("?") == url.length - 1)
+                        {
+                            url += "ilt=" + template;
+                        }
+                        else if(url.indexOf("?") != -1)
+                        {
+                            url += "&ilt=" + template;
+                        }
+                        else
+                        {
+                            url += "?ilt=" + template;
+                        }
+                        
+                        $.ajax(url)
+                        .success(function(response)
+                        {
+                            var xml = $.parseXML(response);
+                            var debug = $(xml).find("calledTemplate debug");
+
+                            _greenbug.changeCurrentTemplate(debug[0].getAttribute("filename"), "template", "xsl", debug[0].getAttribute("name"), null);
+                            $(".gbTemplateContainer").css("border", "1px dashed #AAAAAA");
+                        });
+                    });
+                }
+                */
             }
 
@@ -1159 +1244 @@
                 _infoDiv.append(textNode.getDiv());
             }
-        }
-        
-        this.remove = function()
-        {
-            var divParent = _div.parents(".veElement");
-            _transactions.push({type:"remMvElem", vElemParent:_div.parent(), vElemPos:_div.index(), vElem:_div});
-            _div.data("expanded", "normal");
-            $(_xmlNode).remove();
-            _div.detach();
-            _infoDiv.empty();
-            
-            if(divParent.length)
-            {
-                divParent.first().trigger("click");
-            }
-            
-            $("#veTrash").children("img").attr("src", gs.imageURLs.trashFull);
         }
 
@@ -1247 +1315 @@
             return false;
         }
+        
+        this.remove = function()
+        {
+            var divParent = _div.parents(".veElement");
+            _transactions.push({type:"remMvElem", vElemParent:_div.parent(), vElemPos:_div.index(), vElem:_div});
+            _div.data("expanded", "normal");
+            $(_xmlNode).remove();
+            _div.detach();
+            _infoDiv.empty();
+            
+            if(divParent.length)
+            {
+                divParent.first().trigger("click");
+            }
+            
+            $("#veTrash").children("img").attr("src", gs.imageURLs.trashFull);
+        }
 
         this.expand = function()