Changeset 23046 for main/trunk/greenstone3/web/interfaces/oran
- Timestamp:
- 2010-10-05T17:08:06+13:00 (13 years ago)
- Location:
- main/trunk/greenstone3/web/interfaces/oran
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js
r22987 r23046 11 11 12 12 $(".element_type_gsf_template").draggable({ 13 cursor: 'crosshair', 13 14 connectToSortable: '#formatStatement', 14 15 helper: 'clone', … … 17 18 18 19 $(".element_type_table").draggable({ 20 cursor: 'crosshair', 19 21 connectToSortable: '.gsf_template', 20 22 helper: 'clone', … … 23 25 24 26 $(".element_type_tr").draggable({ 27 cursor: 'crosshair', 25 28 connectToSortable: '.gsf_table', 26 29 helper: 'clone', … … 29 32 30 33 $(".element_type_td").draggable({ 34 cursor: 'crosshair', 31 35 //connectToSortable: '.td', 32 36 helper: 'clone', … … 35 39 36 40 $(".element_type_text").draggable({ 41 cursor: 'crosshair', 37 42 connectToSortable: '.gsf_otherwise, .gsf_link', 38 43 helper: 'clone', … … 41 46 42 47 $(".element_type_gsf_choose_metadata").draggable({ 48 cursor: 'crosshair', 43 49 connectToSortable: '.td-div', 44 50 helper: 'clone', … … 46 52 }); 47 53 48 $(".element_type_gsf_metadata").draggable({ 54 //$(".element_type_gsf_metadata").draggable({ 55 $(".gsf_metadata").draggable({ 56 cursor: 'crosshair', 49 57 connectToSortable: '.gsf_choose_metadata, .gsf_when, .gsf_otherwise, .td-div', 50 58 helper: 'clone', … … 53 61 54 62 $(".element_type_gsf_link").draggable({ 63 cursor: 'crosshair', 55 64 connectToSortable: '.td-div', 56 65 helper: 'clone', … … 60 69 // switch, when, otherwise, icon 61 70 $(".element_type_gsf_switch").draggable({ 71 cursor: 'crosshair', 62 72 connectToSortable: '.td-div', 63 73 helper: 'clone', … … 66 76 67 77 $(".element_type_gsf_when").draggable({ 78 cursor: 'crosshair', 68 79 connectToSortable: '.gsf_switch', 69 80 helper: 'clone', … … 72 83 73 84 $(".element_type_gsf_otherwise").draggable({ 85 cursor: 'crosshair', 74 86 connectToSortable: '.gsf_switch', 75 87 helper: 'clone', … … 78 90 79 91 $(".element_type_gsf_icon").draggable({ 92 cursor: 'crosshair', 80 93 connectToSortable: '.gsf_link', 81 94 helper: 'clone', … … 147 160 }, }); 148 161 162 //$(".droppable").sortable({ 163 // 'cursor':'pointer', 164 // 'tolerance': 'pointer', 165 // 'items':'.column, .td-div', 166 // 'placeholder':'placeholder' 167 //}); 168 149 169 $(".droppable").droppable({ 150 170 accept: '.element_type_td', … … 153 173 deactivate: function(event, ui) { $(this).removeClass("droppable_hl"); }, // console.log("droppable deactivated")}, 154 174 drop: function(event, ui) { 175 //if ($(this).hasClass("ui-draggable")) 176 //if (ui.helper.hasClass("ui-draggable")) 177 //{ 155 178 var neverempty = document.createElement("div"); 156 179 neverempty.setAttribute("class","neverempty block"); … … 177 200 bind_block_mouseover(); 178 201 //bind_all_sortables(); 202 //} 203 //else 204 //{ 205 // console.log("Attempting to add"); 206 //$(this).appendTo(ui.draggable[0]); 207 // $(this).prepend(ui.draggable[0]); 208 //$(ui.draggable[0]).appendTo($(this)); 209 //} 179 210 } 180 211 }); … … 240 271 function bind_td_sortable() 241 272 { 273 274 $('tr').sortable({ 275 'cursor':'pointer', 276 'tolerance': 'intersect', 277 'items':'.column', 278 'placeholder':'placeholder_td', 279 'connectWith':'column'}); 280 281 //$('.column').sortable({ 282 // connectWith:['.column'], 283 // placeholder: 'placeholder', 284 // items:'td-div' 285 //}); 286 287 288 //$('.column').sortable({ 289 // 'cursor':'pointer', 290 // 'tolerance': 'pointer', 291 // 'items':'.td-div', 292 // 'placeholder':'placeholder', 293 // 'connectWith':'.column' 294 //'nested':'.gsf:metadata' 295 //receive: function(event, ui) { alert("Attempted to receive"); }, 296 //stop: function(event, ui) { 297 // if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 298 299 //}); 300 242 301 //console.log('function bind_td_sortable()'); 243 302 $('.td-div').sortable({ … … 246 305 'items':'.gsf_metadata, .gsf_choose_metadata, .gsf_link, .gsf_switch', 247 306 'placeholder':'placeholder', 248 'connectWith':'.td-div',307 //'connectWith':'.td-div', 249 308 //'nested':'.gsf:metadata' 250 309 receive: function(event, ui) { alert("Attempted to receive"); }, … … 278 337 stop: function(event, ui) { 279 338 //alert("STOP"); 280 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 339 //if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); } 340 bind_all_sortables(); 281 341 } 282 342 }); … … 354 414 { 355 415 $(this).parents().css("border", ""); 356 $(this).css("border", " 1px solid blue");416 $(this).css("border", "2px solid blue"); 357 417 return false; 358 418 }).mouseout(function(){ … … 372 432 //console.log('var removeContent = (function ()'); 373 433 // this -> a -> td -> tr -> tbody -> table -> div 374 $(this).parent().parent().parent().parent().parent().remove(); 434 //$(this).parent().parent().parent().parent().parent().remove(); 435 $(this).closest(".block").remove(); 375 436 }); 376 437 … … 381 442 console.log('parent: ' + $(this).html()); 382 443 if ($(this).html() == '[+]'){ //targetContent.css('display') == 'none') { 383 $(this).parent().parent().parent().parent().parent().children(".block,.table").slideDown(300); 444 //$(this).parent().parent().parent().parent().parent().children(".block,.table").slideDown(300); 445 //$(this).parents().children(".block,.table").stopPropagation().slideDown(300); 446 //var x = $(this).parent().parent().parent().parent().parent(); 447 //var y = $(this).parent().parent().parent().parent().parent().children(".block,.table"); 448 //var z = $(this).closest(".block").children(".table, .block"); 449 $(this).closest(".block").children(".table, .block").slideDown(300); 384 450 $(this).html('[-]'); 385 451 $(this).removeClass("ui-icon-plusthick"); 386 452 $(this).addClass("ui-icon-minusthick"); 387 453 } else { 388 $(this).parent().parent().parent().parent().parent().children(".block,.table").slideUp(300); 454 //$(this).parent().parent().parent().parent().parent().children(".block,.table").slideUp(300); 455 //$(this).parents().children(".block,.table").slideUp(300); 456 $(this).closest(".block").children(".table, .block").slideUp(300); 389 457 $(this).html('[+]'); 390 458 $(this).removeClass("ui-icon-minusthick"); -
main/trunk/greenstone3/web/interfaces/oran/transform/layouts/main.xsl
r22987 r23046 144 144 145 145 <style type="text/css"> 146 .placeholder{ 147 margin-left: 10px; 148 border: dashed 1px #ccc; 149 background-color:#FFFFCC; 150 height:20px; 151 } 152 153 .header { background-color: #AFCCAF; border: solid 1px #117711; padding: 5px;} 146 .placeholder{margin-left: 10px; border: dashed 1px #ccc; background-color:#FFFFCC; height:20px; } 147 148 .placeholder_td{margin-left: 10px; border: dashed 1px #ccc; background-color:#FFFFCC; width:20px; } 149 150 .header { background-color: #AFCCAF; border: solid 1px #117711; padding: 5px; padding-left: 10px;} 154 151 155 152 .resizable { width: 150px; height: 150px; padding: 0.5em; } 156 153 157 .block { margin-left: 1 0px; border-left: dashed 1px black;}154 .block { margin-left: 15px; border-left: dashed 1px black;} 158 155 159 156 .droppable { background-color: #99dd99;} … … 184 181 <td width="25%" valign="top"> 185 182 <h2> Elements to add </h2> 186 <div class="element_type_gsf_template css_gsf_template" title="gsf:template">NEW GSF:TEMPLATE MATCH</div> 187 <div class="element_type_gsf_choose_metadata css_gsf_choose_metadata" title="gsf:choose-metadata">NEW GSF:CHOOSE-METADATA</div> 188 <div class="element_type_gsf_metadata css_gsf_metadata" title="gsf:metadata">NEW GSF:METADATA</div> 189 <div class="element_type_gsf_link css_gsf_link" title="gsf:link">NEW GSF:LINK</div> 190 <div class="element_type_gsf_switch css_gsf_switch" title="gsf:switch">NEW GSF:SWITCH</div> 191 <div class="element_type_gsf_when css_gsf_when" title="gsf:when">NEW GSF:WHEN</div> 192 <div class="element_type_gsf_otherwise css_gsf_otherwise" title="gsf:otherwise">NEW GSF:OTHERWISE</div> 193 <div class="element_type_gsf_icon css_gsf_icon" title="gsf:icon">NEW GSF:ICON</div> 183 <div class="header element_type_gsf_template css_gsf_template" title="gsf:template">TEMPLATE</div> 184 <!-- <script type="text/javascript"> 185 <xsl:text disable-output-escaping="yes"> 186 var index = gsf_template_element.indexOf("<div class=\""); 187 var a = gsf_template_element.slice(0, index + "<div class=\"".length); 188 var b = gsf_template_element.slice(index + "<div class=\"".length + 1); 189 var c = a.concat(".element_type_gsf_template", b); 190 document.write(c); 191 </xsl:text> 192 </script> --> 193 <div class="header element_type_gsf_choose_metadata css_gsf_choose_metadata" title="gsf:choose-metadata">CHOOSE-METADATA</div> 194 <div class="gsf_metadata css_gsf_metadata block leaf" title="gsf:metadata"><table class="header"><tbody><tr><td class="header"><xsl:call-template name="meta-to-combo"> 195 <xsl:with-param name="metadataSets" select="//metadataSetList"/> 196 <xsl:with-param name="current" select="ex.Title"/> 197 </xsl:call-template></td><td class="header"><a href="#" class="remove ui-icon ui-icon-closethick" title="Click me to remove"/></td></tr></tbody></table></div> 198 <!-- <div class="header element_type_gsf_metadata css_gsf_metadata" title="gsf:metadata">METADATA</div> --> 199 <div class="header element_type_gsf_link css_gsf_link" title="gsf:link">LINK</div> 200 <div class="header element_type_gsf_switch css_gsf_switch" title="gsf:switch">SWITCH</div> 201 <div class="header element_type_gsf_when css_gsf_when" title="gsf:when">WHEN</div> 202 <div class="header element_type_gsf_otherwise css_gsf_otherwise" title="gsf:otherwise">OTHERWISE</div> 203 <div class="header element_type_gsf_icon css_gsf_icon" title="gsf:icon">ICON</div> 194 204 <br/> 195 205 <div class="element_type_text css_text" title="text">TEXT</div> … … 203 213 <!-- <xsl:variable name="tok" select="fn:tokenize($fmt,'/s+')"/> --> 204 214 205 <div id="format">215 <!-- <div id="format"> 206 216 <p> 207 217 <b>Format string here</b> … … 215 225 </i> 216 226 </p> 217 </div> 227 </div> --> 218 228 219 229 <!-- *************************************************************************************** --> -
main/trunk/greenstone3/web/interfaces/oran/transform/layouts/xml-to-gui-templates.xsl
r22987 r23046 77 77 78 78 <xsl:variable name="template"> 79 <div class="gsf_template block" title="gsf:template"><table class="header"><tbody><tr><td class="header">MATCH=<input type="text" name="rawtextinput" size="10"/></td><td><a href="#" class="minmax ui-icon ui-icon-minusthick">[-]</a></td><td><a href="#" class="remove ui-icon ui-icon-closethick">[x]</a></td></tr></tbody></table><table border="1"><tr class="tr"></tr></table></div><br/>79 <div class="gsf_template css_gsf_template block" title="gsf:template"><table class="header"><tbody><tr><td class="header">MATCH=<input type="text" name="rawtextinput" size="10"/></td><td><a href="#" class="minmax ui-icon ui-icon-minusthick">[-]</a></td><td><a href="#" class="remove ui-icon ui-icon-closethick">[x]</a></td></tr></tbody></table><table border="1"><tr class="tr"><td class="droppable" width="10px"></td></tr></table></div><br/> 80 80 </xsl:variable> 81 81 -
main/trunk/greenstone3/web/interfaces/oran/transform/layouts/xml-to-gui.xsl
r22987 r23046 64 64 65 65 <select> 66 < option value ="{$current_mod}" disabled="disabled" selected="{$current_mod}"><xsl:value-of select="$current_mod"/></option>66 <!-- <option value ="{$current_mod}" disabled="disabled" selected="{$current_mod}"><xsl:value-of select="$current_mod"/></option> --> 67 67 68 68 <xsl:apply-templates select="$metadataSets" mode="meta-to-combo"> … … 338 338 339 339 <!-- <td class="td block resizable" title="td" valign="{@valign}" style='overflow: hidden;'> --> 340 <td valign="{@valign}" title="td">340 <td class="column" valign="{@valign}" title="td"> 341 341 <div class="td-div block" title="td-div"> 342 342 <div class="neverempty block" style="height:50px">NEVER EMPTY</div>
Note:
See TracChangeset
for help on using the changeset viewer.