Ignore:
Timestamp:
03/02/10 08:43:09 (9 years ago)
Author:
pnorton
Message:

Added the ability to remove line selections. Also introduced some css + jquery to the buildplot page.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • qesdi/graphplotter/trunk/graphplotter/templates/buildplot.html

    r6464 r6472  
    1212<title>buildplot</title> 
    1313 
     14<link type="text/css" rel="stylesheet" href="${h.url_for('/css/buildplot.css', qualified=True)}" /> 
     15 
     16<script src="${h.url_for('/js/jquery-1.4.1.js', qualified=True)}" type="text/javascript"></script> 
     17<script src="${h.url_for('/js/jquery.corner.js', qualified=True)}" type="text/javascript"></script> 
     18 
     19<script src="${h.url_for('/js/utils.js', qualified=True)}" type="text/javascript"></script> 
    1420<script src="${h.url_for('/js/axisSelection.js', qualified=True)}" type="text/javascript"></script> 
    1521<script src="${h.url_for('/js/axisSelectionList.js', qualified=True)}" type="text/javascript"></script> 
     
    1723 
    1824<script type="text/javascript"> 
     25 
     26// jquery rounding a few corners 
     27 
     28$(document).ready(function(){ 
     29    $("#page").corner(); 
     30    $("#data_selection_controls").corner(); 
     31    $("#line_selection_controls").corner(); 
     32}); 
    1933 
    2034var refreshAction = "${h.url_for(controller='buildplot')}"; 
     
    2741    selList = new AxisSelectionList('selection_list', 'selection_input_container'); 
    2842    reqBuilder = new PlotRequestBuilder('hidden_input_container'); 
    29      
    3043} 
    3144 
     
    5164} 
    5265 
     66function onSelectAll(control) { 
     67    selList.addSelectionForAllOptions(control); 
     68} 
     69 
    5370</script> 
    5471 
    5572<style type="text/css"> 
    5673 
    57  
    58 #selection_list { 
    59     width:400px; 
    60     border:1px solid black; 
    61 } 
     74    .close_box { 
     75        display: inline-block; 
     76        background: #ffffff url("${h.url_for('/images/close.gif')}") no-repeat center; 
     77        width:17px; 
     78        height:17px; 
     79        position:relative; 
     80        top:3px; 
     81        cursor:pointer;cursor:hand; 
     82        margin-left: 3px; 
     83    } 
    6284 
    6385</style> 
     
    6789<body onload="init();"> 
    6890     
    69     <form id='buildplot'> 
    70         <div> 
    71             Select Data File: 
    72             ${ h.select('datafile', c.selectedDataFile, c.dataFiles, onChange='onRefreshClick()')} 
     91    <div id="page"> 
     92     
     93        <div id="header">Graphplotter</div> 
     94         
     95        <div id="main"> 
     96            <form id='buildplot'> 
     97             
     98                <fieldset id="data_selection_controls"> 
     99                 
     100                    <legend>Data Selection</legend> 
     101                 
     102                    <div class="data_input_item"> 
     103                        <label for="datafile"> Select Data File </label> 
     104                        ${ h.select('datafile', c.selectedDataFile, c.dataFiles, onChange='onRefreshClick()')} 
     105                    </div> 
     106                     
     107                     <py:if test="c.selectedDataFile != ''"> 
     108                         
     109                     <div class="data_input_item"> 
     110                        <label for="variable"> Select Variable </label> 
     111                        ${ h.select('variable', c.selectedVariable, c.variables, onChange='onRefreshClick()')} 
     112                     </div> 
     113                      
     114                     </py:if> 
     115                      
     116                     <py:if test="c.selectedVariable != ''"> 
     117                         
     118                     <div class="data_input_item"> 
     119                        <label for="axis"> Select Plotting Axis </label> 
     120                        ${ h.select('axis', c.selectedAxis, c.axis, onChange='onRefreshClick()')} 
     121                     </div> 
     122                      
     123                     </py:if> 
     124                  
     125                </fieldset> 
     126                  
     127                 <py:if test="c.selectedAxis != ''"> 
     128                  
     129                 <fieldset id="line_selection_controls"> 
     130         
     131                    <legend>Line Selection</legend> 
     132                     
     133                    <div id='selection_input_container'> 
     134                     
     135                    <py:for each="axSelect in c.axisSelect.keys()"> 
     136                        <div class="axis_select_item"> 
     137                        <label for="${'sel_' + axSelect}">${axSelect}</label> 
     138                        ${h.select('sel_' + axSelect, getattr(c, 'sel_' + axSelect), c.axisSelect[axSelect])} 
     139                        ${c.axisSelectUnits.get(axSelect, '')} 
     140                        <input class="select_all_button" type="button" value="Select All" onClick="onSelectAll('${'sel_' + axSelect}')" /> 
     141                        </div> 
     142                        <br /> 
     143                    </py:for> 
     144                     
     145                    </div>                 
     146                  
     147                    <br /> 
     148                    <input type="button" value="Add Selection" onClick="onAddSelectionClick();"></input>          
     149                    <br /> 
     150                     
     151                    <div> 
     152                        Selections: 
     153                        <br /> 
     154                        <ul id="selection_list"> 
     155                            <li class="empty_item"> Empty </li> 
     156                        </ul> 
     157                         
     158                        <div id="hidden_input_container" style="display:none;"></div> 
     159                    </div> 
     160                  
     161                 </fieldset> 
     162                  
     163                 </py:if> 
     164                 
     165            </form> 
     166             
     167            <div id="page_buttons"> 
     168                <input type="button" value="Remove Selection" onClick=""></input> 
     169                <input type="button" value="Clear Selections" onClick="onRefreshClick();"></input> 
     170                <input type="button" value="Plot" onClick="onPlotClick();"></input> 
     171            </div> 
    73172        </div> 
    74173         
    75          <py:if test="c.selectedDataFile != ''"> 
    76              
    77          <div> 
    78             Select Variable: 
    79             ${ h.select('variable', c.selectedVariable, c.variables, onChange='onRefreshClick()')} 
    80          </div> 
    81           
    82          </py:if> 
    83           
    84          <py:if test="c.selectedVariable != ''"> 
    85              
    86          <div> 
    87             Select Plotting Axis: 
    88             ${ h.select('axis', c.selectedAxis, c.axis, onChange='onRefreshClick()')} 
    89          </div> 
    90           
    91          </py:if> 
    92           
    93           
    94          <py:if test="c.selectedAxis != ''"> 
    95          <br /> 
    96           
    97          <div> 
    98             Axis Selection: 
    99              
    100             <div id='selection_input_container'> 
    101              
    102             <py:for each="axSelect in c.axisSelect.keys()"> 
    103                 ${axSelect}: 
    104                 ${h.select('sel_' + axSelect, getattr(c, 'sel_' + axSelect), c.axisSelect[axSelect])} 
    105                 ${c.axisSelectUnits.get(axSelect, '')} 
    106                 <br /> 
    107             </py:for> 
    108              
    109             </div>                 
    110          </div> 
    111           
    112          <br /> 
    113          <input type="button" value="Add Selection" onClick="onAddSelectionClick();"></input>          
    114          <br /> 
    115           
    116          <div> 
    117             Selections: 
    118             <br /> 
    119             <ul id="selection_list"> 
    120             </ul> 
    121              
    122             <div id="hidden_input_container" style="hidden"> 
    123              
    124             </div> 
    125          </div> 
    126           
    127           
    128          </py:if> 
    129          
    130          
    131     </form> 
    132     <input type="button" value="Remove Selection" onClick=""></input> 
     174    </div> 
    133175     
    134     <input type="button" value="Clear Selections" onClick="onRefreshClick();"></input> 
    135     <input type="button" value="Plot" onClick="onPlotClick();"></input> 
    136176</body> 
    137177 
Note: See TracChangeset for help on using the changeset viewer.