- Timestamp:
- 2010-08-10T17:27:10+12:00 (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js
r22569 r22598 13 13 console.log("Document ready function\n"); 14 14 15 $('a.minmax').bind('click', toggleContent); 16 $('a.remove').bind('click', removeContent); 17 18 $(".elementType").draggable({ 15 /******************************************/ 16 /* DRAGGABLES */ 17 /******************************************/ 18 19 $(".element_type_gsf_template").draggable({ 20 connectToSortable: '#formatStatement', 21 helper: 'clone', 22 revert: 'invalid' 23 }); 24 25 $(".element_type_table").draggable({ 19 26 connectToSortable: '.gsf_template', 20 27 helper: 'clone', 21 revert: 'invalid', 22 //start: function(event, ui) { ui.item.addClass('replaceMe');}, 23 stop: function(event, ui) { 24 console.log("Stopped dragging - do we want to create element?"+ui.helper); 25 ui.helper.addClass('replaceMe'); 26 }, 27 }); 28 29 /* 30 $('.elementType').sortable({ 31 cursor: 'pointer', 32 tolerance: 'pointer', 33 //placeholder:'placeholder', 34 connectWith:'.gsf_template', 35 //cancel: '.elementType', 36 37 start: function(event, ui) { 38 $(this).clone().insertAfter(this);; 39 }, 40 41 }); 42 */ 28 revert: 'invalid' 29 }); 30 31 $(".element_type_tr").draggable({ 32 connectToSortable: '.gsf_table', 33 helper: 'clone', 34 revert: 'invalid' 35 }) 36 37 $(".element_type_td").draggable({ 38 connectToSortable: '.gsf_table', 39 helper: 'clone', 40 revert: 'invalid' 41 }) 42 43 $(".element_type_text").draggable({ 44 connectToSortable: '.gsf_otherwise', 45 helper: 'clone', 46 revert: 'invalid' 47 }); 43 48 44 function templateAdded() { 45 var item = $('.elementType'); 46 // do something with "item" - its your new pretty cloned dropped item ;] 47 item.replaceWith('<h2>REPLACED</h2>'); 48 //item.addClass( 'added' ); 49 }; 49 $(".element_type_gsf_choose_metadata").draggable({ 50 connectToSortable: '.gsf_template', 51 helper: 'clone', 52 revert: 'invalid' 53 }); 54 55 $(".element_type_gsf_metadata").draggable({ 56 connectToSortable: '.gsf_choose_metadata, .gsf_template, .gsf_when, .gsf_otherwise, .td', 57 helper: 'clone', 58 revert: 'invalid' 59 }); 60 61 $(".element_type_gsf_link").draggable({ 62 connectToSortable: '.gsf_template', 63 helper: 'clone', 64 revert: 'invalid' 65 }); 66 67 // switch, when, otherwise, icon 68 $(".element_type_gsf_switch").draggable({ 69 connectToSortable: '.gsf_template', 70 helper: 'clone', 71 revert: 'invalid' 72 }); 73 74 $(".element_type_gsf_when").draggable({ 75 connectToSortable: '.gsf_switch', 76 helper: 'clone', 77 revert: 'invalid' 78 }); 79 80 $(".element_type_gsf_otherwise").draggable({ 81 connectToSortable: '.gsf_switch', 82 helper: 'clone', 83 revert: 'invalid' 84 }); 85 86 $(".element_type_gsf_icon").draggable({ 87 connectToSortable: '.gsf_link', 88 helper: 'clone', 89 revert: 'invalid' 90 }); 91 50 92 93 /******************************************/ 94 /* SORTABLES */ 95 /******************************************/ 96 97 bind_all_sortables(); 98 51 99 $('#formatStatement').sortable({ 52 100 cursor: 'pointer', 53 101 tolerance: 'pointer', 54 102 items: '.gsf_template', 55 placeholder:'placeholder' 103 placeholder:'placeholder', 56 104 //'nested':'div' 105 stop: function(event, ui) { 106 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('css_gsf_template')) { replace_with(ui.item,gsf_template_element); } 107 } 57 108 }); 58 109 59 $('.gsf_template').sortable({60 'cursor':'pointer',61 'tolerance': 'pointer',62 'items':'.table, .gsf_choose-metadata, .gsf_metadata',63 'placeholder':'placeholder',64 //'nested':'.gsf:metadata'65 stop: function(event, ui) {66 if (ui.item.hasClass("elementType") && ui.item.hasClass('css_gsf_template')) {67 ui.item.replaceWith(gsf_metadata_element); //'<div class="element element-txt">This text box has been added!</div>');68 //ui.item.style.border =69 }70 }71 72 //receive: function(event, ui) {73 // console.log("I have received an item");74 //var item = $('.ui_sortable/.elementType');75 // var item = $('.div/.elementType'); //css_gsf_template not(.gsf_template)');76 // console.log(item);77 //item.replaceWith('<h2>REPLACED</h2>');78 //}79 80 });81 82 $('.td').sortable({83 'cursor':'pointer',84 'tolerance': 'pointer',85 'items':'.leaf .gsf_choose-metadata, .gsf_link, .gsf_switch',86 'placeholder':'placeholder'87 //'nested':'.gsf:metadata'88 });89 90 $('.gsf_choose-metadata').sortable({91 'cursor':'pointer',92 'tolerance': 'pointer',93 'items':'.gsf_metadata',94 'placeholder':'placeholder',95 'connectWith':'.gsf_choose-metadata'96 //'nested':'.gsf:metadata'97 });98 99 $('.gsf_link').sortable({100 'cursor':'pointer',101 'tolerance': 'pointer',102 'items':'.gsf_icon',103 'placeholder':'placeholder'104 //'nested':'.gsf:metadata'105 });106 107 $('.gsf_switch').sortable({108 'cursor':'pointer',109 'tolerance': 'pointer',110 'items':'.gsf_metadata, .gsf_when, .gsf_otherwise',111 'placeholder':'placeholder'112 //'nested':'.gsf:metadata'113 });114 115 $('.gsf_when').sortable({116 'cursor':'pointer',117 'tolerance': 'pointer',118 'items':'.leaf',119 'placeholder':'placeholder'120 //'nested':'.gsf:metadata'121 });122 123 $('.gsf_otherwise').sortable({124 'cursor':'pointer',125 'tolerance': 'pointer',126 'items':'.leaf',127 'placeholder':'placeholder'128 //'nested':'.gsf:metadata'129 });130 110 131 111 //$(".resizable").resizable({containment: 'parent', alsoResize:'parent'}); … … 141 121 }, }); 142 122 143 144 $(".block").mouseover(function() 123 }); 124 125 /*******************************************************************************/ 126 127 function bind_all_sortables() 128 { 129 bind_template_sortable(); 130 bind_table_sortable(); 131 bind_tr_sortable(); 132 bind_td_sortable(); 133 bind_choose_metadata_sortable(); 134 bind_link_sortable(); 135 bind_switch_sortable(); 136 bind_when_sortable(); 137 bind_otherwise_sortable(); 138 139 bind_block_mouseover(); 140 bind_minmax_remove(); 141 } 142 143 function replace_with(item, me) 144 { 145 item.replaceWith(me); //'<div class="element element-txt">This text box has been added!</div>'); 146 bind_all_sortables(); 147 } 148 149 function bind_template_sortable() 150 { 151 $('.gsf_template').sortable({ 152 'cursor':'pointer', 153 'tolerance': 'fit', 154 'items':'.table, .gsf_choose_metadata, .gsf_metadata', 155 'placeholder':'placeholder', 156 //'nested':'.gsf:metadata' 157 stop: function(event, ui) { 158 //if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('css_table')) { replace_with(ui.item, "<table border=\"1\" width=\"100%\" height=\"50px\"><tr><td><div class=\"td block\" title=\"td-div\">XXXXXXXXXXXXXXXXXXXXXXXX</div></td></tr></table>"); } 159 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_table')) { replace_with(ui.item, "<table class=\"table\" border=\"2\"></table>"); } 160 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_choose_metadata')) { replace_with(ui.item, gsf_choose_metadata_element); } 161 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 162 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_link')) { replace_with(ui.item, gsf_link_element); } 163 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_switch')) { replace_with(ui.item, gsf_switch_element); } 164 } 165 }); 166 167 } 168 169 function bind_table_sortable() 170 { 171 $('.table').sortable({ 172 'cursor':'pointer', 173 'tolerance': 'pointer', 174 'items':'.tr', 175 'placeholder':'placeholder', 176 //'nested':'.gsf:metadata' 177 stop: function(event, ui) { 178 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_tr')) { replace_with(ui.item, "<tr class=\"tr\"></tr>"); } 179 } 180 181 }); 182 } 183 184 function bind_tr_sortable() 185 { 186 $('.tr').sortable({ 187 'cursor':'pointer', 188 'tolerance': 'pointer', 189 'items':'.td', 190 'placeholder':'placeholder', 191 //'nested':'.gsf:metadata' 192 stop: function(event, ui) { 193 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_td')) { replace_with(ui.item, "<td class=\"td\"></td>"); } 194 } 195 196 }); 197 } 198 199 function bind_td_sortable() 200 { 201 $('.td').sortable({ 202 'cursor':'pointer', 203 'tolerance': 'pointer', 204 'items':'.gsf_metadata, .gsf_choose_metadata, .gsf_link, .gsf_switch', 205 'placeholder':'placeholder', 206 //'nested':'.gsf:metadata' 207 stop: function(event, ui) { 208 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 209 } 210 211 }); 212 } 213 214 function bind_choose_metadata_sortable() 215 { 216 $('.gsf_choose_metadata').sortable({ 217 'cursor':'pointer', 218 'tolerance': 'fit', 219 'items':'.gsf_metadata', 220 'placeholder':'placeholder', 221 'connectWith':'.gsf_choose_metadata', 222 //'nested':'.gsf:metadata' 223 stop: function(event, ui) { 224 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 225 } 226 }); 227 } 228 229 function bind_link_sortable() 230 { 231 $('.gsf_link').sortable({ 232 'cursor':'pointer', 233 'tolerance': 'pointer', 234 'items':'.gsf_icon', 235 'placeholder':'placeholder' 236 //'nested':'.gsf:metadata' 237 }); 238 } 239 240 function bind_switch_sortable() 241 { 242 $('.gsf_switch').sortable({ 243 'cursor':'pointer', 244 'tolerance': 'pointer', 245 'items':'.gsf_metadata, .gsf_when, .gsf_otherwise', 246 'placeholder':'placeholder', 247 //'nested':'.gsf:metadata' 248 stop: function(event, ui) { 249 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_when')) { replace_with(ui.item, gsf_when_element); } 250 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_otherwise')) { replace_with(ui.item, gsf_otherwise_element); } 251 } 252 }); 253 } 254 255 function bind_when_sortable() 256 { 257 $('.gsf_when').sortable({ 258 'cursor':'pointer', 259 'tolerance': 'pointer', 260 'items':'.leaf', 261 'placeholder':'placeholder', 262 //'nested':'.gsf:metadata' 263 stop: function(event, ui) { 264 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 265 } 266 }); 267 } 268 269 function bind_otherwise_sortable() 270 { 271 $('.gsf_otherwise').sortable({ 272 'cursor':'pointer', 273 'tolerance': 'pointer', 274 'items':'.leaf', 275 'placeholder':'placeholder', 276 //'nested':'.gsf:metadata' 277 stop: function(event, ui) { 278 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 279 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_text')) { replace_with(ui.item, "<input type=\"text\" name=\"rawtextinput\" size=\"10\"/>"); } 280 } 281 }); 282 } 283 284 function bind_block_mouseover() 285 { 286 $(".block").mouseover(function() 145 287 { 146 288 //alert("Mouse over event"); … … 152 294 return false; 153 295 }); 154 155 }); 296 } 297 298 function bind_minmax_remove() 299 { 300 $('a.minmax').bind('click', toggleContent); 301 $('a.remove').bind('click', removeContent); 302 }; 156 303 157 304 var removeContent = (function () {
Note:
See TracChangeset
for help on using the changeset viewer.