Changeset 26645 for main/trunk

Timestamp:

2013-01-10T14:08:17+13:00 (11 years ago)

Author:

sjm84

Message:

The editor is now resizable

File:

• main/trunk/greenstone3/web/interfaces/default/js/debug_scripts.js (modified) (11 diffs)

main/trunk/greenstone3/web/interfaces/default/js/debug_scripts.js

@@ -33 +33 @@
         _mainDiv.css(
         {
-            "position":"fixed", 
-            "font-size":"0.7em", 
-            "bottom":"0px",  
-            "height":"40px", 
+            "position":"fixed",
+            "font-size":"0.7em",
+            "bottom":"0px",
             "width":"100%",
-            "background":"white", 
-            "border":"1px black solid", 
+            "background":"white",
+            "border":"1px black solid",
             "padding":"5px",
             "z-index":100
@@ -51 +50 @@
         toolBarDiv.append(buttonDiv);
         _textDiv = $("<div>");
-        _textDiv.css({"overflow":"auto", "width":"100%", "height":"260px"});
+        _textDiv.css({"overflow":"auto", "width":"100%"});
 
         var pickElementButton = $("<input type=\"button\" value=\"Enable debugging\">");
@@ -93 +92 @@
                 $(this).val("Open editor");
                 _editingDiv.hide();
-                _mainDiv.css("height", (_mainDiv.height() - 200) + "px");
             }
             else
@@ -99 +97 @@
                 $(this).val("Close editor");
                 _editingDiv.show();
-                _mainDiv.css("height", (_mainDiv.height() + 200) + "px");
             }
         });
@@ -187 +184 @@
         });
         
-        var minimiseButton = $("<img>", {"src":gs.imageURLs.expand});
+        var minimiseButton = $("<img>", {"src":gs.imageURLs.collapse});
         minimiseButton.css({"cursor":"pointer", "float":"right", "margin-right":"20px"});
         minimiseButton.click(function()
@@ -195 +192 @@
                 _textDiv.hide();
                 $(this).attr("src", gs.imageURLs.expand);
-                _mainDiv.css("height", (_mainDiv.height() - 260) + "px");
             }
             else
@@ -201 +197 @@
                 _textDiv.show();
                 $(this).attr("src", gs.imageURLs.collapse);
-                _mainDiv.css("height", (_mainDiv.height() + 260) + "px");
             }
         });
@@ -280 +275 @@
                 }
             
-                var editArea = $("<div>", {"id":"textEditor"});
-                editArea.css({"width":"100%", "height":"180px"});
-                editArea.val(template);
+                var textEditor = $("<div>", {"id":"textEditor"});
+                textEditor.css({"width":"100%"});
+                textEditor.val(template);
                 
                 _editingDiv.empty();
-                _editingDiv.append(editArea);
-                _editingDiv.css({"height":"190px"});
+                _editingDiv.append($("<p>" + filepath + "</p>"));
+                _editingDiv.append(textEditor);
                 
                 _editor = ace.edit("textEditor");
@@ -293 +288 @@
                 _editor.setValue(template);
                 _editor.clearSelection();
-                console.log(_editor);
-                
-                _mainDiv.css({"height":"500px"});
+                
+                textEditor.css({"min-height":"200px", "border-top":"5px solid #444"});
+                textEditor.resizable({handles: 'n', resize:function()
+                {
+                    textEditor.css({top:"0px"});
+                }});
                 
                 _closeEditorButton.removeAttr("disabled");
@@ -371 +369 @@
                     var infoContainer = $("<div>");
                     infoContainer.css({"cursor":"pointer", "border":"1px dashed #AAAAAA", "margin":"5px"});
-                    var fromDIV = $("<div>");
                     var elementDIV = $("<div>");
 
                     elementDIV.css("font-size", "1.1em");
-                    fromDIV.css("font-size", "0.9em");
-
-                    infoContainer.append(fromDIV);
+
                     infoContainer.append(elementDIV);
                     
@@ -397 +392 @@
                         attrstr += this.name + "=\"" + this.value + "\" ";
                     });
-                    
-                    fromDIV.text("From " + filepath + ":");
+
                     elementDIV.text("<" + fullNodename + " " + attrstr + ">");