[9139] | 1 | <html>
|
---|
| 2 | <head>
|
---|
[9175] | 3 | <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
|
---|
[9239] | 4 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-1.6.1.min.js"></script>
|
---|
[9237] | 5 | <!-- Disable during debugging, if you do not need the map to be displayed -->
|
---|
| 6 | <!--
|
---|
[9139] | 7 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
|
---|
[9237] | 8 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
|
---|
[9139] | 9 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
|
---|
[9237] | 10 | -->
|
---|
| 11 | <script type="text/javascript" language="javascript" src="{{ STATIC_URL }}jquery.chained.mini.js"></script>
|
---|
[9223] | 12 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions_test.js"></script>
|
---|
[9210] | 13 | <script language="javascript" type="text/javascript">
|
---|
[9234] | 14 | $(function(){
|
---|
| 15 | $('#menu_filter').click(function(){
|
---|
| 16 | $('#filter').slideToggle('fast');
|
---|
| 17 | $('#info').slideUp('fast');
|
---|
| 18 | });
|
---|
| 19 | $('#menu_info').click(function(){
|
---|
| 20 | $('#filter').slideUp('fast');
|
---|
| 21 | $('#info').slideToggle('fast');
|
---|
| 22 | });
|
---|
| 23 | });
|
---|
[9210] | 24 | </script>
|
---|
[9139] | 25 | </head>
|
---|
[9237] | 26 | <body>
|
---|
[9210] | 27 | <div id="heatmap"></div>
|
---|
[9211] | 28 | <div id="container">
|
---|
| 29 | <div id="header">
|
---|
[9214] | 30 | Stichting Wireless Leiden - Heatmap
|
---|
[9210] | 31 | </div>
|
---|
[9211] | 32 | <div id="menu">
|
---|
[9234] | 33 | <a id="menu_info">Info</a>
|
---|
| 34 | <a id="menu_filter">Filters</a>
|
---|
[9210] | 35 | </div>
|
---|
[9211] | 36 | <div id="info">
|
---|
[9214] | 37 | This might need some work done.
|
---|
[9210] | 38 | </div>
|
---|
[9213] | 39 | <div id="filter">
|
---|
| 40 | <div id="filter_text">
|
---|
[9212] | 41 | <h1>Filters</h1>
|
---|
| 42 | <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
|
---|
| 43 | <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>
|
---|
[9239] | 44 | </div>
|
---|
[9213] | 45 | <div id="filter_list">
|
---|
[9239] | 46 | <form method="get" action="">
|
---|
| 47 | <select id="select_date" style="width:104px"><option>All</option></select> Date<br />
|
---|
| 48 | <select id="select_user" style="width:104px"><option>All</option></select> User<br />
|
---|
| 49 | <select id="select_dataset" style="width:104px"><option>All</option></select> Dataset<br />
|
---|
| 50 | <select id="select_node" style="width:104px"><option>All</option></select> Node<br />
|
---|
| 51 | <select id="select_encryption" style="width:104px"><option>All</option></select> Encryption<br />
|
---|
| 52 | <input type="text" id="lname" name="lname" size="10"/> Layername<br />
|
---|
| 53 | <input type="text" id="colour" name="colour" size="10"/> Colour<br />
|
---|
| 54 | <input type="button" id="add_filter" value="Add filter"/>
|
---|
| 55 | </form>
|
---|
[9212] | 56 | </div>
|
---|
[9210] | 57 | </div>
|
---|
| 58 | </div>
|
---|
[9213] | 59 | <div id='node_list'>
|
---|
[9214] | 60 | Click on map to display Wireless Leiden nodes.
|
---|
[9213] | 61 | </div>
|
---|
[9210] | 62 | </body>
|
---|
| 63 | </html>
|
---|