Changeset 23046


Ignore:
Timestamp:
2010-10-05T17:08:06+13:00 (11 years ago)
Author:
sjb48
Message:
 
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  
    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>
Note: See TracChangeset for help on using the changeset viewer.