80 lines
3.5 KiB
HTML
80 lines
3.5 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="dist/brouter-web.css" />
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
|
|
<div id="message"></div>
|
|
<div id="header" class="hidden">
|
|
<div class="title"><span class="title-name">BRouter-Web</span> <sup class="version">0.4.0</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">
|
|
<textarea type="text" name="profile" spellcheck="false" wrap="off" maxlength="100000" placeholder="... paste your custom routing profile here ..."></textarea>
|
|
<div id="profile_message"></div>
|
|
<div id="profile_buttons">
|
|
<button id="upload" type="button" class="btn btn-default btn-xs" data-uploading-text="Uploading..."><span class="glyphicon glyphicon-upload"></span> Upload</button>
|
|
<button id="clear" type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ban-circle"></span> Clear</button>
|
|
<a href="http://brouter.de/brouter/costfunctions.html" target="_blank" class="btn-xs">Help</a>
|
|
</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>
|
|
// global package prefix for BRouter web application
|
|
BR = {};
|
|
</script>
|
|
|
|
<script src="config.js"></script>
|
|
|
|
<!-- "gulp inject" for debugging -->
|
|
<!-- inject:js -->
|
|
<script src="dist/brouter-web.js"></script>
|
|
<!-- endinject -->
|
|
|
|
</body>
|
|
</html>
|