Changeset 23046

Show
Ignore:
Timestamp:
05.10.2010 17:08:06 (9 years ago)
Author:
sjb48
Message:
 
Location:
main/trunk/greenstone3/web/interfaces/oran
Files:
4 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js

    r22987 r23046  
    1111 
    1212    $(".element_type_gsf_template").draggable({ 
     13            cursor: 'crosshair', 
    1314            connectToSortable: '#formatStatement', 
    1415            helper: 'clone', 
     
    1718 
    1819    $(".element_type_table").draggable({ 
     20            cursor: 'crosshair', 
    1921            connectToSortable: '.gsf_template', 
    2022            helper: 'clone', 
     
    2325 
    2426    $(".element_type_tr").draggable({ 
     27            cursor: 'crosshair', 
    2528            connectToSortable: '.gsf_table', 
    2629            helper: 'clone', 
     
    2932 
    3033    $(".element_type_td").draggable({ 
     34            cursor: 'crosshair', 
    3135            //connectToSortable: '.td', 
    3236            helper: 'clone', 
     
    3539 
    3640    $(".element_type_text").draggable({ 
     41            cursor: 'crosshair', 
    3742            connectToSortable: '.gsf_otherwise, .gsf_link', 
    3843            helper: 'clone', 
     
    4146     
    4247    $(".element_type_gsf_choose_metadata").draggable({ 
     48            cursor: 'crosshair', 
    4349            connectToSortable: '.td-div', 
    4450            helper: 'clone', 
     
    4652    }); 
    4753 
    48     $(".element_type_gsf_metadata").draggable({ 
     54    //$(".element_type_gsf_metadata").draggable({ 
     55    $(".gsf_metadata").draggable({ 
     56            cursor: 'crosshair', 
    4957            connectToSortable: '.gsf_choose_metadata, .gsf_when, .gsf_otherwise, .td-div', 
    5058            helper: 'clone', 
     
    5361 
    5462    $(".element_type_gsf_link").draggable({ 
     63            cursor: 'crosshair', 
    5564            connectToSortable: '.td-div', 
    5665            helper: 'clone', 
     
    6069    // switch, when, otherwise, icon 
    6170    $(".element_type_gsf_switch").draggable({ 
     71            cursor: 'crosshair', 
    6272            connectToSortable: '.td-div', 
    6373            helper: 'clone', 
     
    6676 
    6777    $(".element_type_gsf_when").draggable({ 
     78            cursor: 'crosshair', 
    6879            connectToSortable: '.gsf_switch', 
    6980            helper: 'clone', 
     
    7283 
    7384    $(".element_type_gsf_otherwise").draggable({ 
     85            cursor: 'crosshair', 
    7486            connectToSortable: '.gsf_switch', 
    7587            helper: 'clone', 
     
    7890 
    7991    $(".element_type_gsf_icon").draggable({ 
     92            cursor: 'crosshair', 
    8093            connectToSortable: '.gsf_link', 
    8194            helper: 'clone', 
     
    147160                }, }); 
    148161 
     162    //$(".droppable").sortable({ 
     163    //        'cursor':'pointer', 
     164    //        'tolerance': 'pointer', 
     165    //        'items':'.column, .td-div', 
     166    //        'placeholder':'placeholder' 
     167    //}); 
     168 
    149169    $(".droppable").droppable({ 
    150170            accept: '.element_type_td', 
     
    153173            deactivate: function(event, ui) { $(this).removeClass("droppable_hl"); }, // console.log("droppable deactivated")}, 
    154174            drop: function(event, ui) { 
     175                //if ($(this).hasClass("ui-draggable")) 
     176                //if (ui.helper.hasClass("ui-draggable")) 
     177                //{ 
    155178                 var neverempty = document.createElement("div"); 
    156179                 neverempty.setAttribute("class","neverempty block"); 
     
    177200                 bind_block_mouseover(); 
    178201                 //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                //} 
    179210            } 
    180211        }); 
     
    240271function bind_td_sortable() 
    241272{ 
     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 
    242301    //console.log('function bind_td_sortable()'); 
    243302    $('.td-div').sortable({ 
     
    246305            'items':'.gsf_metadata, .gsf_choose_metadata, .gsf_link, .gsf_switch', 
    247306            'placeholder':'placeholder', 
    248             'connectWith':'.td-div', 
     307            //'connectWith':'.td-div', 
    249308            //'nested':'.gsf:metadata' 
    250309            receive: function(event, ui) { alert("Attempted to receive"); }, 
     
    278337            stop: function(event, ui) { 
    279338                //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(); 
    281341            } 
    282342    }); 
     
    354414    { 
    355415        $(this).parents().css("border", ""); 
    356         $(this).css("border", "1px solid blue"); 
     416        $(this).css("border", "2px solid blue"); 
    357417        return false; 
    358418    }).mouseout(function(){ 
     
    372432    //console.log('var removeContent = (function ()'); 
    373433        // 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(); 
    375436    }); 
    376437 
     
    381442    console.log('parent: ' + $(this).html()); 
    382443    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); 
    384450        $(this).html('[-]'); 
    385451        $(this).removeClass("ui-icon-plusthick"); 
    386452        $(this).addClass("ui-icon-minusthick"); 
    387453    } 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); 
    389457        $(this).html('[+]'); 
    390458        $(this).removeClass("ui-icon-minusthick"); 
  • main/trunk/greenstone3/web/interfaces/oran/transform/layouts/main.xsl

    r22987 r23046  
    144144 
    145145    <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;} 
    154151 
    155152        .resizable { width: 150px; height: 150px; padding: 0.5em; }  
    156153         
    157         .block { margin-left: 10px; border-left: dashed 1px black;} 
     154        .block { margin-left: 15px; border-left: dashed 1px black;} 
    158155 
    159156        .droppable { background-color: #99dd99;} 
     
    184181    <td width="25%" valign="top"> 
    185182        <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> 
    194204        <br/> 
    195205        <div class="element_type_text css_text" title="text">TEXT</div> 
     
    203213    <!-- <xsl:variable name="tok" select="fn:tokenize($fmt,'/s+')"/> --> 
    204214 
    205       <div id="format"> 
     215    <!--  <div id="format"> 
    206216        <p> 
    207217          <b>Format string here</b> 
     
    215225          </i> 
    216226        </p> 
    217       </div> 
     227      </div> --> 
    218228 
    219229<!-- *************************************************************************************** --> 
  • main/trunk/greenstone3/web/interfaces/oran/transform/layouts/xml-to-gui-templates.xsl

    r22987 r23046  
    7777 
    7878        <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/> 
    8080        </xsl:variable> 
    8181 
  • main/trunk/greenstone3/web/interfaces/oran/transform/layouts/xml-to-gui.xsl

    r22987 r23046  
    6464 
    6565        <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> --> 
    6767 
    6868            <xsl:apply-templates select="$metadataSets" mode="meta-to-combo"> 
     
    338338 
    339339        <!-- <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"> 
    341341            <div class="td-div block" title="td-div"> 
    342342            <div class="neverempty block" style="height:50px">NEVER EMPTY</div>