Changeset 27008 for main/trunk/greenstone3/web/interfaces/default/js
- Timestamp:
- 2013-03-05T15:10:10+13:00 (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/greenstone3/web/interfaces/default/js/debug_scripts.js
r26966 r27008 36 36 var _isVisualEditor = true; 37 37 38 var partialPageReload = function() 39 { 40 $.ajax(document.URL) 41 .success(function(response) 42 { 43 //Get the body text from the response 44 var bodyStartIndex = response.indexOf("<body"); 45 var bodyEndIndex = response.indexOf("</body>"); 46 var bodyText = response.substring(bodyStartIndex, bodyEndIndex + 7); 47 48 //Get the current top area and container 49 var topLevelTopArea = $("#topArea"); 50 var topLevelContainer = $("#container"); 51 52 //Create a temporary div and put the html into it 53 var tempDiv = $("<div>"); 54 tempDiv.html(bodyText); 55 56 //Replace the contents of the old elements with the new elements 57 var topArea = tempDiv.find("#topArea"); 58 var container = tempDiv.find("#container"); 59 topLevelTopArea.html(topArea.html()); 60 topLevelContainer.html(container.html()); 61 62 //Update the events for the debug elements that currently don't have events associated with them 63 var debugElems = $('debug, [debug="true"]').filter(function(){return (!($.data(this, "events"))) ? true : false}); 64 addMouseEventsToDebugElements(debugElems); 65 }) 66 .error(function() 67 { 68 alert("There was an error reloading the page, please reload manually."); 69 }); 70 } 71 38 72 var createDebugDiv = function() 39 73 { … … 63 97 64 98 var pickElementButton = $("<input type=\"button\" value=\"Enable debugging\">"); 65 pickElementButton. click(function()99 pickElementButton.button().click(function() 66 100 { 67 101 if(!_debugOn) … … 80 114 clearAll(); 81 115 _unpauseButton.attr("disabled", "disabled"); 116 _unpauseButton.addClass("ui-state-disabled"); 82 117 _pauseSelector = false; 83 118 _debugOn = false; … … 85 120 }); 86 121 87 _unpauseButton = $("<input type=\"button\" value=\"Select new element\" disabled=\"disabled\">");88 _unpauseButton. click(function()122 _unpauseButton = $("<input type=\"button\" value=\"Select new element\">"); 123 _unpauseButton.button().click(function() 89 124 { 90 125 if(_pauseSelector) … … 92 127 _pauseSelector = false; 93 128 $(this).attr("disabled", "disabled"); 94 } 95 }); 96 97 _closeEditorButton = $("<input type=\"button\" value=\"Close editor\" disabled=\"disabled\">"); 98 _closeEditorButton.click(function() 129 $(this).addClass("ui-state-disabled"); 130 } 131 }); 132 _unpauseButton.attr("disabled", "disabled"); 133 _unpauseButton.addClass("ui-state-disabled"); 134 135 _closeEditorButton = $("<input type=\"button\" value=\"Close editor\">"); 136 _closeEditorButton.button().click(function() 99 137 { 100 138 if($(this).val() == "Close editor") … … 109 147 } 110 148 }); 149 _closeEditorButton.attr("disabled", "disabled"); 150 _closeEditorButton.addClass("ui-state-disabled"); 111 151 112 152 _xmlStatusBar = $("<span>"); 113 153 _xmlStatusBar.css("padding", "5px"); 154 _xmlStatusBar.addClass("ui-corner-all"); 114 155 115 156 //Check the XML for errors every 2 seconds … … 127 168 console.log(error); 128 169 _xmlStatusBar.text("XML ERROR! (Mouse over for details)"); 129 _xmlStatusBar.css({"color":"white", "background":"red"}); 170 _xmlStatusBar.addClass("ui-state-error"); 171 _xmlStatusBar.removeClass("ui-state-active"); 130 172 _xmlStatusBar.attr("title", error); 131 173 _saveButton.attr("disabled", "disabled"); 174 _saveButton.addClass("ui-state-disabled"); 132 175 _swapEditorButton.attr("disabled", "disabled"); 176 _swapEditorButton.addClass("ui-state-disabled"); 133 177 return; 134 178 } 135 179 136 180 _xmlStatusBar.text("XML OK!"); 137 _xmlStatusBar.css({"color":"white", "background": "green"}); 181 _xmlStatusBar.addClass("ui-state-active"); 182 _xmlStatusBar.removeClass("ui-state-error"); 138 183 _xmlStatusBar.removeAttr("title"); 139 184 if(_saveButton.val() == "Save changes") 140 185 { 141 186 _saveButton.removeAttr("disabled"); 187 _saveButton.removeClass("ui-state-disabled"); 142 188 } 143 189 if(_swapEditorButton.val() == "Switch to Visual Editor") 144 190 { 145 191 _swapEditorButton.removeAttr("disabled"); 192 _swapEditorButton.removeClass("ui-state-disabled"); 146 193 } 147 194 } … … 149 196 }, 2000); 150 197 151 _saveButton = $("<input type=\"button\" value=\"Save changes\" disabled=\"disabled\">");152 _saveButton. click(function()198 _saveButton = $("<input type=\"button\" value=\"Save changes\">"); 199 _saveButton.button().click(function() 153 200 { 154 201 if(_editor) … … 183 230 _saveButton.val("Saving..."); 184 231 _saveButton.attr("disabled", "disabled"); 232 _saveButton.addClass("ui-state-default"); 185 233 186 234 $.post(url, parameters) … … 200 248 _saveButton.val("Save changes"); 201 249 _saveButton.removeAttr("disabled"); 250 _saveButton.removeClass("ui-state-default"); 251 partialPageReload(); 202 252 }); 203 253 }) … … 208 258 } 209 259 }); 260 _saveButton.attr("disabled", "disabled"); 261 _saveButton.addClass("ui-state-disabled"); 210 262 211 263 _swapEditorButton = $("<input type=\"button\" value=\"Switch to XML Editor\">"); 212 _swapEditorButton. click(function()264 _swapEditorButton.button().click(function() 213 265 { 214 266 if(_vEditor && _textEditor) … … 250 302 251 303 undoButton = $("<input type=\"button\" value=\"Undo\">"); 252 undoButton. click(function()304 undoButton.button().click(function() 253 305 { 254 306 if(_isVisualEditor) … … 269 321 buttonDiv.append(_unpauseButton); 270 322 buttonDiv.append(_closeEditorButton); 271 buttonDiv.append(_xmlStatusBar);272 323 buttonDiv.append(_saveButton); 273 324 buttonDiv.append(_swapEditorButton); 274 325 buttonDiv.append(undoButton); 326 buttonDiv.append(_xmlStatusBar); 275 327 276 328 _mainDiv.append(toolBarDiv); … … 384 436 385 437 _closeEditorButton.removeAttr("disabled"); 438 _closeEditorButton.removeClass("ui-state-disabled"); 386 439 }) 387 440 .error(function() … … 409 462 _pauseSelector = true; 410 463 _unpauseButton.removeAttr("disabled"); 464 _unpauseButton.removeClass("ui-state-disabled"); 411 465 } 412 466 }); … … 547 601 createDebugDiv(); 548 602 $("body").append(_mainDiv); 603 604 $(".ui-button").css({"padding":"0.2em", "margin-right":"0.5em"}); 549 605 550 606 addMouseEventsToDebugElements(debugElems);
Note:
See TracChangeset
for help on using the changeset viewer.