Project

General

Profile

1
<!DOCTYPE html 
2
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
<html>
5
<head>
6
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
<title>statistics for OpenAIRE</title>
8

    
9
<!-- Include JQuery Core-->
10
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
11
<!--script type="text/javascript" src="./js/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script-->
12
<script type="text/javascript" src="./js/jquery-ui-1.9.1.custom/js/jquery-ui-1.9.1.custom.js"></script>
13

    
14
<!-- scripts to create the menu and charts-->
15
<script src="./js/themes9.js" type="text/javascript"></script> 
16
<script src="./js/renderSchema.php" type="text/javascript"></script> 
17
<script src="./js/userOptions.js" type="text/javascript"></script> 
18

    
19
<!-- ajax functions >
20
<script src="./js/ajaxfuncs.js" type="text/javascript"></script-->
21

    
22
<!-- Styles -->
23
<link rel="stylesheet" href="//code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
24
<link type="text/css" href="./js/jquery/css/start/jquery-ui-1.8.20.custom.css" />
25
<link type="text/css" href="./js/mystyle.css" rel="stylesheet" />
26
<link type="text/css" href="./js/optionsStyle.css" rel="stylesheet" />
27
<script type='text/javascript'>
28

    
29
$(document).ready(function(){
30

    
31
$("#xarotate").click(function(){
32
	if($(this).is(":checked")){
33
		$(this).parent().parent().find(".xat").css("visibility","visible");
34
	}
35
	else{
36
		$(this).parent().parent().find(".xat").css("visibility","hidden");
37
	}
38
});
39

    
40
$("#xastep").click(function(){
41
	if($(this).is(":checked")){
42
		$(this).parent().parent().find(".xat").css("visibility","visible");
43
	}
44
	else{
45
		$(this).parent().parent().find(".xat").css("visibility","hidden");
46
	}
47
});
48

    
49
$("#xalevel").click(function(){
50
	if($(this).is(":checked")){
51
		$(this).parent().parent().find(".xat").css("visibility","visible");
52
	}
53
	else{
54
		$(this).parent().parent().find(".xat").css("visibility","hidden");
55
	}
56
});
57

    
58
$("#xaftrim").click(function(){
59
	if($(this).is(":checked")){
60
		$(this).parent().parent().find(".xat").css("visibility","visible");
61
	}
62
	else{
63
		$(this).parent().parent().find(".xat").css("visibility","hidden");
64
	}
65
});
66

    
67
	FOO.getFullSchema("metadata"); 
68
});
69
</script>
70

    
71
</head>
72

    
73
<body>
74
 <div id="metadata"></div>
75
 <div id="container">
76
 	<div id="page-header">
77
		<p>you are connected to the <em><span id='dbName'></span></em> database</p><span id="i">i</span>
78
	</div>
79
	<div id='explore'>
80
		<div id="col2outer">
81

    
82
			<div id="col2side">
83
				<div class='small-chart-selection'>
84
					<div class='mainheader'>Table:</div>
85
					<select name='Fact table' id='tableselect' class="factselect"></select>
86
				</div>
87
				<div class="small-chart-selection vertical" id="factNxaxis">
88
					<div class='mainheader'>X-Axis:</div>
89
					<select class="x-aggrs-select">
90
						<option value="none"></option>
91
						<option value="avg">avg of</option>
92
						<option value="count">count of</option>
93
						<option value="sum">sum of</option>
94
						<option value="max">max of</option>
95
						<option value="min">min of</option>
96
					</select>
97
					<input type='text' id='xaxis-name' readonly></input>
98
					<div id='xaxis' class='choose'><img src="images/icon_triangle_down.gif"></img></div>
99
					<div id="xaxis-list" class="list" style='display:none'></div>
100
				</div>
101
				<div class="chart-selection vertical" id='y'>
102
					<div class='mainheader'>y-axis:
103
						<div class="small-button" id="addf" style="float:right">new field</div>
104
						
105
						<a id="close-yaxis-list" style="display:none">close</a>
106
						<div id='axis-select'>in:
107
							<select id='whichyaxis'><option name='whichyaxis' value='0'>new yaxis</option></select>
108
						</div>
109
					
110
						<div id="addy-list" class="list"></div>
111
					</div>
112
					<div class="basket" id="yaxis-basket"></div>
113
				</div>
114
				<div class="chart-selection vertical" id="more">
115
					<p class='mainheader'>more options</p>
116
					<div id="moreoptions"></div>
117
				</div>
118
				<div class="chart-selection vertical" id="chartThemes">
119
					<p class='mainheader'>choose theme</p>
120
				</div>
121
				
122
				<div class="chart-selection vertical" id="xAxisStyle">
123
					<p class='mainheader'>style the x axis labels</p>
124
					<div style="width:100%">
125
						<div class='xac'>
126
							<p class="small-header">rotate</p>
127
							<input id="xarotate" style="float:right" type="checkbox"/>
128
						</div>
129
						<div class="xat small-header">
130
							<input id='rotatedegrees' style="width:20px" type="text" value="90"/>degrees
131
						</div>
132
					</div>
133
					<br/>
134
					<div style="width:100%">
135
						<div class='xac'>
136
							<p class="small-header">use step</p>
137
							<input id='xastep' style="float:right" type="checkbox"/>
138
						</div>
139
						<div class="xat small-header">
140
							<input id='stepsnum' style="width:20px" type="text" value="2"/>steps
141
						</div>
142
					</div>
143
					<br/>
144
					<div style="width:100%">
145
						<div class='xac'>
146
							<p class="small-header">use levels</p>
147
							<input id='xalevel' style="float:right" type="checkbox"/>
148
						</div>
149
						<div class="xat small-header">
150
							<input id='levelsnum' style="width:20px" type="text" value="2"/>levels
151
						</div>
152
					</div>
153
					<br/>
154
					<div style="width:100%">
155
						<div class='xac'>
156
							<p class="small-header">full trim</p>
157
							<input id='xaftrim' style="float:right" type="checkbox"/>
158
						</div>
159
						<div class="xat small-header">
160
							<input id='ftrimnum' style="width:20px" type="text" value="10"/>characters
161
						</div>
162
					</div>
163
					<br/>
164
					<div style="width:100%">
165
						<div class='xac'>
166
							<p class="small-header">words trim</p>
167
							<input id='xawtrim' style="float:right" type="checkbox"/>
168
						</div>
169
						<div class="xat small-header">
170
							<input id='wtrimnum' style="width:20px" type="text" value="3"/>characters
171
						</div>
172
					</div>
173
				</div>
174
			</div>
175
			
176
			<div id="col2mid">
177
				<div id="viztype">
178
					<a class="viztype-button viztype-active" href="#">chart</a>
179
					<a class="viztype-button" href="#">treemap</a>
180
					<a class="viztype-button" href="#">table</a>
181
					<a class="viztype-button" href="#">map</a>
182
					<div><p class="small-header" style="float:left;">&nbsp;bring up to</p><input type='text' id='resultsetsize'></input><p class="small-header" style="float:left;">results</p><a id="sizeok" class='small-button' href='#'>ok</a></div>
183
					<div><p class="small-header" style="float:left;">&nbsp;exclude null values</p><input type='checkbox' id='nulls'></input></div>
184
				</div>
185
				<iframe id="chartcontainer" src="about:blank"><!-- SECTION FOR THE GRAPHIC --></iframe>
186
				<div class="small-header" style="margin-left:5px;">URL:</div><div id='url'></div><br/>
187
				<div class="small-header" style="margin-left:5px;">encoded URL:</div><div id='urlencode'></div>
188
			</div>
189
		</div>
190
			
191
		<div id="col1">
192
			<a id="close-filter-list" style="display:none">close</a>
193
			<div id="filter-list" class="list"></div>
194
				<div class="chart-selection detached" id='filters'>
195
				<p class='header' style="float:left;">Filters
196
				<a id="addfilter" href="#"><img src="images/add_16.png"/></a></p>
197
				<a id="filterok" class='small-button' href='#'>ok</a>
198
				<table id="filterTable"></table>
199
			</div>
200
			<div class="chart-selection detached" id="headers">
201
				<p class="header">customize the headers</p>
202
				<a id="headersok" class='small-button' href='#'>ok</a>
203
				<p><br/></p>
204
				<p class="small-header">title:</p><input type=text id="mytitle"></input>
205
				<p class="small-header">subtitle:</p><input type=text id="mysubtitle"></input>
206
				<p class="small-header">xaxis:</p><input type=text id="myxaxistitle"></input>
207
				<div id="yheaders"></div>
208
				<div id="fheaders"></div>
209
			</div>
210
		</div>
211
		
212
	</div>
213
	<div id="footer"></div>
214
 </div>
215
</body>
216
</html>
(27-27/29)