0
|
1 <!DOCTYPE html>
|
|
2 <html>
|
|
3 <head>
|
|
4 <meta charset="UTF-8" />
|
|
5 <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
|
|
6 <link rel="stylesheet" type="text/css" href="select2.css" />
|
|
7 <link rel="stylesheet" type="text/css" href="hexagram.css" />
|
|
8 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
|
9 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
|
|
10 <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
|
|
11 <script type="text/javascript" src="jquery.tsv.js"></script>
|
|
12 <script type="text/javascript" src="color-0.4.1.js"></script>
|
|
13 <script type="text/javascript" src="maplabel-compiled.js"></script>
|
|
14 <script type="text/javascript" src="jstat-1.0.0.js"></script>
|
|
15 <script type="text/javascript" src="select2.js"></script>
|
|
16 <script type="text/javascript" src="hexagram.js"></script>
|
|
17 <script type="text/javascript" src="tools.js"></script>
|
|
18 <title>Hexagram Visualization</title>
|
|
19 </head>
|
|
20 <body>
|
|
21 <div class="tools row" id="toolbar">
|
|
22 <div class="stacker">
|
|
23 Tools:
|
|
24 </div>
|
|
25 <div class="stacker right">
|
|
26 <img src="throbber.svg" class="recalculate-throbber" title="Recalculating..." />
|
|
27 <span id="jobs-running">0</span>/<span id="jobs-ever">0</span> jobs running.
|
|
28 </div>
|
|
29 </div>
|
|
30 <div class="header row" id="header">
|
|
31 <div class="browse col vertical-table">
|
|
32 <div class="vertical-cell">
|
|
33 <div id="browse-holder">
|
|
34 <input id="search" type="hidden"/>
|
|
35 <img src="statistics.svg" id="recalculate-statistics" title="Enrich Attributes"/>
|
|
36 <img src="throbber.svg" class="recalculate-throbber" title="Recalculating..." />
|
|
37 <img src="set.svg" id="set-operation" title="Calculate Set Operation"/>
|
|
38 <img src="inflate.svg" id="inflate" title="Inflate Map"/>
|
|
39 </div>
|
|
40 <div id="layout-holder">
|
|
41 <select id="layout-search" type="hidden"/>
|
|
42 </div>
|
|
43 </div>
|
|
44 <div id="current-layout">Current Layout:</div>
|
|
45 </div>
|
|
46 <div class="set-operation-col">
|
|
47 <div class="set-operation-panel-holder">
|
|
48 <div class="set-operation-panel">
|
|
49 <div class="set-operation-panel-title">Set Operation Paramaters:</div>
|
|
50 <select id="set-operations-list" onchange="update_set_operation_drop_down()">
|
|
51 <option value = "0" selected = 'selected'>Select Set Operation:</option>
|
|
52 <option value = "1">∩ - Intersection</option>
|
|
53 <option value = "2">U - Union</option>
|
|
54 <option value = "3">\ - Set Difference</option>
|
|
55 <option value = "4">∆ - Symmetric Difference</option>
|
|
56 <option value = "5">Not:</option>
|
|
57 </select>
|
|
58 <div id="set-operations" class="set-operation-panel-contents">
|
|
59 </div>
|
|
60 </div>
|
|
61 </div>
|
|
62 </div>
|
|
63 <div class="shortlist col">
|
|
64 <div id="shortlist-holder" class="panel-holder">
|
|
65 <div id="shortlist-panel" class="panel">
|
|
66 <div class="panel-title">Shortlist</div>
|
|
67 <div id="shortlist" class="panel-contents">
|
|
68 </div>
|
|
69 </div>
|
|
70 </div>
|
|
71 </div>
|
|
72 </div>
|
|
73 <div class="error row" id="error">
|
|
74 <div id="error-notification">
|
|
75 </div>
|
|
76 </div>
|
|
77 <div class="content row" id="content">
|
|
78 <div class="key">
|
|
79 <canvas id="color-key" width="100" height="100"></canvas>
|
|
80 <div class="label" id="low-both">Low</div>
|
|
81 <div class="label" id="high-x">High</div>
|
|
82 <div class="label y" id="high-y">High</div>
|
|
83 <div class="label axis" id="x-axis"></div>
|
|
84 <div id="y-axis-holder">
|
|
85 <div id="y-axis-cell">
|
|
86 <div class="label axis" id="y-axis"></div>
|
|
87 </div>
|
|
88 </div>
|
|
89 </div>
|
|
90 <div id="visualization">
|
|
91 </div>
|
|
92 </div>
|
|
93 </body>
|
|
94 </html>
|