| [9139] | 1 | <html>
|
|---|
| 2 | <head>
|
|---|
| [9175] | 3 | <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
|
|---|
| [9253] | 4 | <link type="text/css" href="{{ STATIC_URL }}jquery-ui-1.8.13.custom.css" rel="Stylesheet" />
|
|---|
| [9239] | 5 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-1.6.1.min.js"></script>
|
|---|
| [9139] | 6 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
|
|---|
| [9237] | 7 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
|
|---|
| [9139] | 8 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
|
|---|
| [9240] | 9 | <script type="text/javascript" language="javascript" src="{{ STATIC_URL }}jquery.chained.js"></script>
|
|---|
| [9242] | 10 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
|
|---|
| [9246] | 11 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}colorpicker.js"></script>
|
|---|
| [9253] | 12 | <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-ui-1.8.13.custom.min.js"></script>
|
|---|
| [9210] | 13 | <script language="javascript" type="text/javascript">
|
|---|
| [9234] | 14 | $(function(){
|
|---|
| [9246] | 15 | $('#colour').colorPicker();
|
|---|
| [9253] | 16 | $('#start_date').datepicker({
|
|---|
| [9251] | 17 | dateFormat: 'dd/mm/yy',
|
|---|
| [9253] | 18 | onSelect: function(dateValue, inst){
|
|---|
| 19 | $('#end_date').datepicker('option', 'minDate', dateValue);
|
|---|
| 20 | }
|
|---|
| [9251] | 21 | });
|
|---|
| [9246] | 22 |
|
|---|
| [9253] | 23 | $('#end_date').datepicker({
|
|---|
| 24 | dateFormat: 'dd/mm/yy',
|
|---|
| [9251] | 25 | });
|
|---|
| 26 |
|
|---|
| [9234] | 27 | $('#menu_filter').click(function(){
|
|---|
| 28 | $('#filter').slideToggle('fast');
|
|---|
| 29 | $('#info').slideUp('fast');
|
|---|
| 30 | });
|
|---|
| 31 | $('#menu_info').click(function(){
|
|---|
| 32 | $('#filter').slideUp('fast');
|
|---|
| 33 | $('#info').slideToggle('fast');
|
|---|
| 34 | });
|
|---|
| 35 | });
|
|---|
| [9210] | 36 | </script>
|
|---|
| [9139] | 37 | </head>
|
|---|
| [9240] | 38 | <body onload="init()">
|
|---|
| [9210] | 39 | <div id="heatmap"></div>
|
|---|
| [9211] | 40 | <div id="container">
|
|---|
| 41 | <div id="header">
|
|---|
| [9214] | 42 | Stichting Wireless Leiden - Heatmap
|
|---|
| [9210] | 43 | </div>
|
|---|
| [9211] | 44 | <div id="menu">
|
|---|
| [9234] | 45 | <a id="menu_info">Info</a>
|
|---|
| 46 | <a id="menu_filter">Filters</a>
|
|---|
| [9210] | 47 | </div>
|
|---|
| [9211] | 48 | <div id="info">
|
|---|
| [9214] | 49 | This might need some work done.
|
|---|
| [9210] | 50 | </div>
|
|---|
| [9213] | 51 | <div id="filter">
|
|---|
| 52 | <div id="filter_text">
|
|---|
| [9212] | 53 | <h1>Filters</h1>
|
|---|
| 54 | <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
|
|---|
| 55 | <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] | 56 | </div>
|
|---|
| [9213] | 57 | <div id="filter_list">
|
|---|
| [9239] | 58 | <form method="get" action="">
|
|---|
| [9249] | 59 | <input type="text" id="start_date" name="start_date" size="10"/> Start date<br />
|
|---|
| 60 | <input type="text" id="end_date" name="end_date" size="10"/> End date<br />
|
|---|
| [9240] | 61 | <select id="select_user" style="width:104px"></select> User<br />
|
|---|
| 62 | <select id="select_dataset" style="width:104px"></select> Dataset<br />
|
|---|
| 63 | <select id="select_node" style="width:104px"></select> Node<br />
|
|---|
| [9263] | 64 | <input type="text" id="lname" name="lname" size="10"/> Filtername<br /><br />
|
|---|
| [9246] | 65 | <input type="text" id="colour" name="colour"/> Colour<br /><br />
|
|---|
| [9263] | 66 | <input type="button" id="add_filter" value="Add filter"/><br />
|
|---|
| 67 | <input type="button" id="user_filter" value="Userfilter"/>
|
|---|
| 68 | <input type="button" id="node_filter" value="Nodefilter"/>
|
|---|
| [9239] | 69 | </form>
|
|---|
| [9212] | 70 | </div>
|
|---|
| [9210] | 71 | </div>
|
|---|
| 72 | </div>
|
|---|
| [9213] | 73 | <div id='node_list'>
|
|---|
| [9214] | 74 | Click on map to display Wireless Leiden nodes.
|
|---|
| [9213] | 75 | </div>
|
|---|
| [9210] | 76 | </body>
|
|---|
| 77 | </html>
|
|---|
