source: trunk/grails-app/views/visualize/index.gsp @ 1991

Last change on this file since 1991 was 1991, checked in by robert@…, 11 years ago

Updated visualization controller and added log debug statements to module communication service

File size: 2.6 KB
Line 
1<html>
2<head>
3        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
4        <meta name="layout" content="main"/>
5        <title>Visualization</title>
6       
7        <!--[if lt IE 9]><g:javascript src="jqplot/excanvas.js" /><![endif]-->
8        <g:javascript src="jqplot/jquery.jqplot.min.js" />
9        <link rel="stylesheet" type="text/css" href="<g:resource dir='css' file='jquery.jqplot.min.css' />" />
10       
11        <!-- jqPlot plugins -->
12        <g:javascript src="jqplot/plugins/jqplot.barRenderer.min.js" />
13        <g:javascript src="jqplot/plugins/jqplot.categoryAxisRenderer.min.js" />
14        <g:javascript src="jqplot/plugins/jqplot.pointLabels.min.js" />
15        <g:javascript src="jqplot/plugins/jqplot.canvasTextRenderer.min.js" /> 
16        <g:javascript src="jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js" />     
17
18        <g:javascript src="visualization.js" />
19        <link rel="stylesheet" type="text/css" href="<g:resource dir='css' file='visualization.css' />" />
20       
21        <script type="text/javascript">
22                // We store urls here because they depend on the grails configuration.
23                // This way, the URLs are always correct
24                var visualizationUrls = {
25                        "getStudies": "<g:createLink action="getStudies" />",
26                        "getFields": "<g:createLink action="getFields" />",
27                        "getVisualizationTypes": "<g:createLink action="getVisualizationTypes" />",
28                        "getData": "<g:createLink action="getData" />"
29                };
30        </script>
31</head>
32<body>
33       
34        <h1>Visualize your study</h1>
35       
36        <g:if test="${flash.error}">
37                <div class="errormessage">
38                        ${flash.error.toString().encodeAsHTML()}
39                </div>
40        </g:if>
41        <g:if test="${flash.message}">
42                <div class="message">
43                        ${flash.message.toString().encodeAsHTML()}
44                </div>
45        </g:if>
46       
47        <div id="ajaxError">
48        </div> 
49       
50        <p class="explanation">
51                Choose a study to visualize
52        </p>
53
54        <form id="visualizationForm">
55                <h3><span class="nummer">1</span>Studies</h3>
56                <p>
57                        <label>Study</label><g:select from="${studies}" optionKey="id" optionValue="title" name="study" onChange="changeStudy();"/>
58                </p>
59               
60                <div id="step2">
61                        <h3><span class="nummer">2</span>Variables</h3>
62                        <p>
63                                <label for="rows">Rows</label> <select id="rows" name="rows" onChange="changeFields();"></select><br />
64                                <label for="columns">Columns</label> <select id="columns" name="columns" onChange="changeFields();"></select>
65                        </p>
66                </div>
67       
68                <div id="step3">
69                        <h3><span class="nummer">3</span>Visualization type</h3>
70                        <p>
71                                <label for"types">Type</label><select id="types" name="types"></select>
72                        </p>
73                        <p>
74                                <label> </label><input type="button" value="Visualize" onClick="visualize();"/>
75                        </p>
76                </div>
77        </form>
78       
79        <div id="visualization">
80        </div>
81</body>
82</html>
83
84
85
Note: See TracBrowser for help on using the repository browser.