Changeset 2019


Ignore:
Timestamp:
Sep 15, 2011, 3:31:01 PM (9 years ago)
Author:
tjeerd@…
Message:

VIS-15 and some minor issues fixed. Removed the hover effect and replaced it with a mouseover and some ways to manualy close a form.

Location:
trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/controllers/dbnp/visualization/VisualizeController.groovy

    r2018 r2019  
    153153
    154154        println "types: "+types+", determined this based on "+rowType+" and "+columnType
    155         return sendResults(types)
     155        return sendResults(['types':types,'rowIds':inputData.rowIds[0],'columnIds':inputData.columnIds[0]])
    156156        }
    157157
  • trunk/grails-app/views/visualize/index.gsp

    r2018 r2019  
    4545                    <div class="menu_item_label">Studies <img src="${resource(dir: 'images', file: 'spinner.gif')}" class="spinner" /></div>
    4646                    <div class="menu_item_info"></div>
    47                     <div class="formulier"><g:render template="formStudy" /></div>
     47                    <div class="formulier">
     48                        <g:render template="formStudy" />
     49                        <div style="position: absolute; top: 3px; right: 10px;"><a onClick="hideForm('#menu_study'); return false;" href="#">x</a></div>
     50                    </div>
    4851                </div>
    4952                <div class="menu_arrow"> </div>
     
    5154                    <div class="menu_item_label">X-Axis <img src="${resource(dir: 'images', file: 'spinner.gif')}" class="spinner" /></div>
    5255                    <div class="menu_item_info"></div>
    53                     <div class="formulier"><g:render template="formColumns" /></div>
     56                    <div class="formulier">
     57                        <g:render template="formColumns" />
     58                        <div style="position: absolute; top: 3px; right: 10px;"><a onClick="hideForm('#menu_column'); return false;" href="#">x</a></div>
     59                    </div>
    5460                </div>
    5561                <div class="menu_item" id="menu_row">
    5662                    <div class="menu_item_label">Y-Axis <img src="${resource(dir: 'images', file: 'spinner.gif')}" class="spinner" /></div>
    5763                    <div class="menu_item_info"></div>
    58                     <div class="formulier"><g:render template="formRows" /></div>
     64                    <div class="formulier">
     65                        <g:render template="formRows" />
     66                        <div style="position: absolute; top: 3px; right: 10px;"><a onClick="hideForm('#menu_row'); return false;" href="#">x</a></div>
     67                    </div>
    5968                </div>
    6069                <div class="menu_arrow"> </div>
     
    6271                    <div class="menu_item_label">Type <img src="${resource(dir: 'images', file: 'spinner.gif')}" class="spinner" /></div>
    6372                    <div class="menu_item_info"></div>
    64                     <div class="formulier"><g:render template="formType" /></div>
     73                    <div class="formulier">
     74                        <g:render template="formType" />
     75                        <div style="position: absolute; top: 3px; right: 10px;"><a onClick="hideForm('#menu_vis'); return false;" href="#">x</a></div>
     76                    </div>
    6577                </div>
    6678                <div class="menu_arrow"> </div>
  • trunk/web-app/css/visualization.css

    r2018 r2019  
    4545    text-decoration: underline;
    4646    background: #87cefa;
     47    cursor:pointer;
    4748}
    4849
     
    130131}
    131132
    132 .menu_item:hover {
    133     background-color: white;
    134 }
    135 
    136133#visualization_container {
    137134    position: absolute;
  • trunk/web-app/js/visualization.js

    r2018 r2019  
    44var visualization = null;
    55var visType = null;
     6var openForm = null;
    67
    78$(document).ready(function() {
    89    $(".menu_item").mouseover(
    910        function() {
    10             $( this ).css("width","150px");
    11             $(this).find("div.formulier").show();
    12                 }
    13     ).mouseout(
    14         function() {
    15             $( this ).find("div.formulier").hide();
    16             $( this ).css("width","88px");
     11            showForm(this);
    1712                }
    1813    );
    19     $("#menu_go").unbind('mouseover').unbind('mouseout');
     14
     15    $("#menu_go").unbind('mouseover');
     16
     17    $("#menu_go, .menu_arrow").mouseover(
     18        function() {
     19            if(openForm!=null){
     20                hideForm(openForm);
     21            }
     22        }
     23    );
     24
     25    $(document).keyup(
     26        function(event) {
     27            if ( event.which == 27 && openForm!=null ) {
     28                hideForm(openForm);
     29            }
     30        }
     31    );
     32   
    2033});
    2134
     
    2437 */
    2538function changeStudy() {
    26     $( "#menu_study" ).find("div.formulier").hide();
     39
     40    hideForm("#menu_study");
     41
    2742    $( '#rows, #columns, #types' ).empty();
    2843    clearStep(".menu_item");
     
    4762
    4863                // Add all fields to the lists
    49                 if( data.returnData.studyIds==$( '#study option:selected' ).val() ) {
     64                if( data.returnData && data.returnData.studyIds==$( '#study option:selected' ).val() ) {
    5065                    var returnData = data.returnData.fields;
    5166
     
    5368
    5469                    var prevCat = "";
     70                    var strOptions = "";
    5571                        $.each( returnData, function( idx, field ) {
    5672                        if(field.category!=prevCat) {
    57                             if(prevCat.length>0) $( '#rows, #columns' ).append( "</optgroup>" );
    58                             $( '#rows, #columns' ).append( "<optgroup label='"+field.source+": "+field.category+"' onClick='return false;'>" );
     73                            if(prevCat.length>0) strOptions += "</optgroup>";
     74                            strOptions += "<optgroup label='"+field.source+": "+field.category+"' onClick='return false;'>";
    5975                            prevCat = field.category;
    6076                        }
    61                             $( '#rows, #columns' ).append( $( "<option>" ).val( field.id ).text( field.name ) );
     77                            strOptions += "<option value='"+field.id+"'>"+field.name+"</option>";
    6278                        });
    63                     $( '#rows, #columns' ).append( "</optgroup>" );
     79                    strOptions += "</optgroup>";
     80                    $( "#rows, #columns" ).html(strOptions);
    6481                       
    6582                        $( "#menu_study" ).find("div.menu_item_info").html("<br />"+$( '#study option:selected' ).text());
     
    7693 */
    7794function changeFields(divid) {
    78     $( "#"+divid ).find("div.formulier").hide();
     95
     96    hideForm("#"+divid);
    7997
    8098    var type = "rows";
     
    91109                $( '#types' ).empty();
    92110
    93                 if(data.infoMessage!=null) {
     111                if( data.infoMessage!=null ) {
    94112                    showError(data.infoMessage,"message_warning");
    95                 } else {
    96 
     113                }
     114
     115                if( data.returnData && data.returnData.rowIds==$( '#rows option:selected' ).val() && data.returnData.columnIds==$( '#columns option:selected' ).val() ) {
    97116                    // Add all fields to the lists
    98                     var returnData = data.returnData;
     117                    var returnData = data.returnData.types;
    99118
    100119                    $.each( returnData, function( idx, field ) {
    101120                        $( '#types' ).append( $( "<option>" ).val( field.id ).text( field.name ) );
    102                         if(field.name==visType) {$( '#types option:last' ).attr("selected","selected");};
     121                        if( field.name==visType ) { $( '#types option:last' ).attr("selected","selected"); };
    103122                    });
    104 
    105                     clearStep("#menu_vis");
    106123                }
    107124
     
    110127                $( "#"+divid ).addClass("menu_item_done");
    111128
    112                 if((!$( "#menu_vis" ).hasClass("menu_item_done")) &&
    113                         ($( "#menu_row" ).hasClass("menu_item_done") || divid=="menu_row") &&
    114                         ($( "#menu_column" ).hasClass("menu_item_done") || divid=="menu_column")
    115                         ) {
     129                if( $( '#types option' ).length>0 ) {
    116130                    clearStep("#menu_vis");
    117131                    $( "#menu_vis" ).addClass("menu_item_fill");
     
    140154 */
    141155function changeVis() {
    142     $( "#menu_vis" ).find("div.formulier").hide();
     156
     157    hideForm("#menu_vis");
     158
    143159    if($( '#types option:selected' ).val()!="") {
    144160        $( "#menu_vis" ).removeClass().addClass("menu_item menu_item_done");
     
    272288}
    273289
     290function showForm(strSelector) {
     291    if(openForm!=null) {
     292        hideForm(openForm);
     293    }
     294    $( strSelector ).css("width","150px");
     295    $( strSelector ).css("background-color","white");
     296    $( strSelector ).find("div.formulier").show();
     297    openForm = strSelector;
     298}
     299
     300function hideForm(strSelector) {
     301    $( strSelector ).css("width","88px");
     302    $( strSelector ).css("background-color","");
     303    $( strSelector ).find("div.formulier").hide();
     304    openForm = null;
     305}
     306
    274307
    275308/**
Note: See TracChangeset for help on using the changeset viewer.