source: qesdi/graphplotter/trunk/graphplotter/templates/buildplot.html @ 6331

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/qesdi/graphplotter/trunk/graphplotter/templates/buildplot.html@6331
Revision 6331, 3.5 KB checked in by pnorton, 12 years ago (diff)

Introduced the 'dataVariables' config section to specify which of the many variables actually contains the data and to specify an alias for the variable name.

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
3<html xmlns:py="http://genshi.edgewall.org/" 
4      xmlns="http://www.w3.org/1999/xhtml">
5
6<?python
7
8
9?>
10
11<head>
12<title>buildplot</title>
13
14<script src="${h.url_for('/js/axisSelection.js', qualified=True)}" type="text/javascript"></script>
15<script src="${h.url_for('/js/axisSelectionList.js', qualified=True)}" type="text/javascript"></script>
16<script src="${h.url_for('/js/plotRequestBuilder.js', qualified=True)}" type="text/javascript"></script>
17
18<script type="text/javascript">
19
20var refreshAction = "${h.url_for(controller='buildplot')}";
21var plotAction = "${h.url_for(controller='getplot')}";
22
23var selList = null;
24var reqBuilder = null;
25
26function init() {
27    selList = new AxisSelectionList('selection_list', 'selection_input_container');
28    reqBuilder = new PlotRequestBuilder('hidden_input_container');
29   
30}
31
32function onRefreshClick() {
33    var form = document.getElementById('buildplot');
34    form.action = refreshAction;
35    form.target = '';
36    form.submit();
37}
38
39function onPlotClick() {
40    var form = document.getElementById('buildplot');
41
42    reqBuilder.buildSelectionInputs(selList.getSelectionItems());
43   
44    form.action = plotAction;
45    form.target = '_blank';
46    form.submit();
47}
48
49function onAddSelectionClick() {
50    selList.addSelection();
51}
52
53</script>
54
55<style type="text/css">
56
57
58#selection_list {
59    width:400px;
60    border:1px solid black;
61}
62
63</style>
64
65</head>
66
67<body onload="init();">
68   
69    <form id='buildplot'>
70        <div>
71            Select Data File:
72            ${ h.select('datafile', c.selectedDataFile, c.dataFiles)}
73        </div>
74       
75         <py:if test="c.selectedDataFile != ''">
76           
77         <div>
78            Select Variable:
79            ${ h.select('variable', c.selectedVariable, c.variables)}
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)}
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                <py:if test="type(c.axisSelect[axSelect]) is str">
105                Range ${c.axisSelect[axSelect] + ' ' + h.text('sel_' + axSelect, value=getattr(c, 'sel_' + axSelect))}
106                </py:if>
107                <py:if test="type(c.axisSelect[axSelect]) is not str">
108                ${h.select('sel_' + axSelect, getattr(c, 'sel_' + axSelect), c.axisSelect[axSelect])}
109                </py:if>
110                <br />
111            </py:for>
112           
113            </div>               
114         </div>
115         
116         <br />
117         <input type="button" value="Add Selection" onClick="onAddSelectionClick();"></input>         
118         <br />
119         
120         <div>
121            Selections:
122            <br />
123            <ul id="selection_list">
124            </ul>
125           
126            <div id="hidden_input_container" style="hidden">
127           
128            </div>
129         </div>
130         
131         
132         </py:if>
133       
134       
135    </form>
136    <input type="button" value="Remove Selection" onClick=""></input>
137   
138    <input type="button" value="Refresh" onClick="onRefreshClick();"></input>
139    <input type="button" value="Plot" onClick="onPlotClick();"></input>
140</body>
141
142</html>
Note: See TracBrowser for help on using the repository browser.