131 lines
6.7 KiB
HTML
131 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>BRouter web client</title>
|
|
|
|
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
|
|
<link rel="stylesheet" href="http://leaflet.github.io/Leaflet.draw/leaflet.draw.css" />
|
|
<!--[if lte IE 8]>
|
|
<link rel="stylesheet" href="leaflet.draw.ie.css" />
|
|
<![endif]-->
|
|
<link rel="stylesheet" href="bower_components/Leaflet.Elevation/dist/Leaflet.Elevation-0.0.2.css" />
|
|
<link rel="stylesheet" href="bower_components/leaflet-search/dist/leaflet-search.min.css" />
|
|
<link rel="stylesheet" href="css/leaflet-routing.css" />
|
|
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
|
|
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.css">
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
|
|
<div id="message" class="info hidden">
|
|
</div>
|
|
<div id="header" class="hidden">
|
|
<div class="title"><span class="title-name">BRouter web</span> <sup class="version">alpha3</sup></div>
|
|
<div class="header-text">
|
|
'esc' or 'q' to disable drawing, 'd' to enable drawing<br>
|
|
Web client for <a href="http://brouter.de/brouter" target="_blank">BRouter</a> ·
|
|
<a href="https://github.com/nrenner/brouter-web#readme" target="_blank">about</a> ·
|
|
<a href="https://github.com/nrenner/brouter-web" target="_blank">GitHub</a> ·
|
|
<a href="http://groups.google.com/group/osm-android-bikerouting" target="_blank">contact</a><br>
|
|
</div>
|
|
</div>
|
|
<div id="route_options" class="hidden">
|
|
<table>
|
|
<tr><td>Profile:</td>
|
|
<td><select id="profile">
|
|
<option value="" disabled><custom></option>
|
|
<!-- profile option list built dynamically from config -->
|
|
</select></td></tr>
|
|
<tr><td>Alternative:</td>
|
|
<td><select id="alternative">
|
|
<option value="0">original</option>
|
|
<option value="1">first alternative</option>
|
|
<option value="2">second alternative</option>
|
|
<option value="3">third alternative</option>
|
|
</select>
|
|
</td></tr>
|
|
</table>
|
|
</div>
|
|
<div id="tabs_div" class="hidden">
|
|
|
|
<ul id="tab" class="nav nav-tabs" role="tablist">
|
|
<li class="active"><a href="#tab_profile" role="tab">Profile</a></li>
|
|
<li><a href="#tab_data" role="tab">Data</a></li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="tab_profile">
|
|
<form id="profile_upload" name="profile_upload">
|
|
<div class="btn-group">
|
|
<button type="submit" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-upload"></span> Upload</button>
|
|
<!-- TODO type="reset" -->
|
|
<button id="clear" type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ban-circle"></span> Clear</button>
|
|
</div>
|
|
<a href="http://brouter.de/brouter/costfunctions.html" target="_blank" class="btn-xs">Help</a>
|
|
<div id="textarea_container">
|
|
<textarea type="text" name="profile" spellcheck="false" wrap="off" maxlength="100000" placeholder="... paste your custom routing profile here ..."></textarea>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="tab-pane" id="tab_data">
|
|
<table id="datatable" class="table mini cell-border hover stripe"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet-src.js"></script>
|
|
|
|
<script src="http://leaflet.github.io/Leaflet.draw/leaflet.draw-src.js"></script>
|
|
<!--
|
|
<script src="lib/spin.min.js"></script>
|
|
<script src="lib/leaflet.spin.js"></script>
|
|
-->
|
|
<script src="bower_components/leaflet-search/dist/leaflet-search.min.js"></script>
|
|
<script src="bower_components/leaflet-plugins/control/Permalink.js"></script>
|
|
<script src="bower_components/leaflet-plugins/control/Permalink.Layer.js"></script>
|
|
|
|
<script src="bower_components/leaflet-routing/src/utils/LineUtil.Snapping.js"></script>
|
|
<script src="bower_components/leaflet-routing/src/utils/Marker.Snapping.js"></script>
|
|
<script src="bower_components/leaflet-routing/src/L.Routing.js"></script>
|
|
<script src="bower_components/leaflet-routing/src/L.Routing.Draw.js"></script>
|
|
<script src="bower_components/leaflet-routing/src/L.Routing.Edit.js"></script>
|
|
|
|
<!--<script src="http://d3js.org/d3.v3.min.js"></script>-->
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.1/d3.min.js"></script>
|
|
<script src="bower_components/Leaflet.Elevation/src/L.Control.Elevation.js"></script>
|
|
<script src="bower_components/async/lib/async.js"></script>
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
|
|
|
<script src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
|
|
|
|
<script>
|
|
// global package prefix for BRouter web application
|
|
BR = {};
|
|
</script>
|
|
<script src="config.js"></script>
|
|
<script src="js/router/BRouter.js"></script>
|
|
<!-- <script src="js/router/brouterCgi.js"></script> -->
|
|
<script src="js/control/Control.js"></script>
|
|
<script src="js/plugin/Routing.js"></script>
|
|
<script src="js/plugin/NogoAreas.js"></script>
|
|
<script src="js/plugin/Elevation.js"></script>
|
|
<script src="js/plugin/Search.js"></script>
|
|
<script src="js/plugin/Permalink.Routing.js"></script>
|
|
<script src="js/control/TrackStats.js"></script>
|
|
<script src="js/control/Download.js"></script>
|
|
<script src="js/control/Tabs.js"></script>
|
|
<script src="js/control/Profile.js"></script>
|
|
<script src="js/control/TrackMessages.js"></script>
|
|
<script src="js/control/RoutingOptions.js"></script>
|
|
<script src="js/control/Message.js"></script>
|
|
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|