source: src/django_gheat/wlheatmap/templates/home.html@ 9781

Last change on this file since 9781 was 9779, checked in by rick, 13 years ago

Filter should be allowed to be manually set as well, cause I like to run somehow more advanced filters..
File size: 5.3 KB
Line 
1<html>
2<head>
3 <link type="text/css" href="{{ STATIC_URL }}theme/default/style.css" rel="stylesheet" />
4 <link type="text/css" href="{{ STATIC_URL }}style.css" rel="stylesheet" />
5 <link type="text/css" href="{{ STATIC_URL }}jquery-ui-1.8.13.custom.css" rel="Stylesheet" />
6 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-1.6.2.min.js"></script>
7 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
8 <script type="text/javascript" language="Javascript" src="{% url wlheatmap.js_layer_base %}"></script>
9 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
10 <script type="text/javascript" language="javascript" src="{{ STATIC_URL }}jquery.chained.js"></script>
11 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}colorpicker.js"></script>
12 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-ui-1.8.13.custom.min.js"></script>
13 <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
14</head>
15<body>
16 <div id="heatmap"></div>
17 <div id="container">
18 <div id="header">
19 Stichting Wireless Leiden - Heatmap
20 </div>
21 <div id="menu">
22 <a id="menu_info">Information</a> ||
23 <a id="menu_filter">Create Custom Filters</a>
24 </div>
25 <div id="info">
26 <div id="hide_parent"></div>
27 <h1>Information</h1>
28 <p>Welcome to Wireless Leiden's Heatmap. Here you can check for the coverage of (open) wifi connections in Leiden.</p>
29 <p>On the right, you will find a layer selection panel. Here you can turn layers on or off, depending on what you would like to see displayed on the map.</p>
30 <p>Above you will see a 'filter' button. Here you can set your own filters.</p>
31 <p>Below you will see a textfield and a slider. The textfield displays Wireless Leiden nodes on the position where you clicked with your mouse. With the slider you can set the range of the signal strength you would like to have. Based on these values, a new layer will appear showing only the connections within your chosen range.</p>
32 <hr />
33 <p> NOTE: Some features are failing in Internet Explorer. The Features items like ``Node Locations'' are based on VML which is not all properly supported under IE (yet), we are happy to accept patches to fix it</p>
34 </div>
35 <div id="filter">
36 <div id="filter_text">
37 <h1>Filters</h1>
38 <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
39 <p>For instance, you can choose to create a layer with data measured only by yourself, or with a certain node from Wireless Leiden only.</p>
40 </div>
41 <div id="filter_list">
42 <form method="get" action="">
43 <input type="text" id="start_date" name="start_date" size="10"/> Start date<br />
44 <input type="text" id="end_date" name="end_date" size="10"/> End date<br />
45 <select id="select_user" style="width:104px"></select> User<br />
46 <select id="select_dataset" style="width:104px"></select> Dataset<br />
47 <select id="select_node" style="width:104px"></select> Node<br />
48 <font id='select_sig_value'>Signal strength: 0 - 100</font>
49 <div id="select_sig_slider">
50 <div id="select_sig_slider"></div>
51 </div>
52 <input type="text" id="colour" name="colour"/> Colour<br /><br />
53 <textarea rows="5" id="raw_filter" name="raw_filter" cols="50"></textarea><br /><br />
54 <input type="text" id="lname" name="lname" size="10"/> Filtername<br /><br />
55 <input type="button" id="add_filter" value="Add filter" /><br />
56 </form>
57 </div>
58 <div id="hide_parent"></div>
59 </div>
60 </div>
61 <div id="node_list">
62 Click on map to display Wireless Leiden nodes.
63 </div>
64 <div id="sig_slider">
65 <font id='sig_value'>Signal strength: 0 - 100</font>
66 <div id="slider"></div>
67 </div>
68 <div id="layer_switcher_toggle">-
69 </div>
70 <div id="layer_switcher">
71 <div id="cat_container">
72 <div id="layer_switcher_cat">
73 <div id="cat_hide"></div>
74 <input type=checkbox id=togglecat class=default checked />Coverage
75 </div>
76 <p><span id="default"></span></p>
77 </div>
78 <div id="cat_container">
79 <div id="layer_switcher_cat">
80 <div id="cat_hide"></div>
81 <input type=checkbox id=togglecat class=node checked />Nodes
82 <a style="font-size:10px;" id="node_filter">(Add all nodes)</a>
83 </div>
84 <p><span id="node"></span></p>
85 </div>
86 <div id="cat_container">
87 <div id="layer_switcher_cat">
88 <div id="cat_hide"></div>
89 <input type=checkbox id=togglecat class=user checked />Users
90 <a style="font-size:10px;" id="user_filter">(Add all users)</a>
91 </div>
92 <p><span id="user"></span></p>
93 </div>
94 <div id="cat_container">
95 <div id="layer_switcher_cat">
96 <div id="cat_hide"></div>
97 <input type=checkbox id=togglecat class=custom checked />Custom Filters
98 </div><p><span id="custom"></span></p>
99 </div>
100 <div id="cat_container">
101 <div id="layer_switcher_cat">
102 <div id="cat_hide"></div>
103 <input type=checkbox id=togglecat class=features />Features
104 </div><p><span id="features"></span></p>
105 </div>
106 </div>
107</body>
108</html>
Note: See TracBrowser for help on using the repository browser.