|
@ -14,64 +14,19 @@ |
|
|
<script src="jquery-csv.js"> </script> |
|
|
<script src="jquery-csv.js"> </script> |
|
|
<meta charset="utf-8"> |
|
|
<meta charset="utf-8"> |
|
|
<title>Track your bike</title> |
|
|
<title>Track your bike</title> |
|
|
|
|
|
|
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
<button onclick="showBike()"> Locate your Bike!</button> |
|
|
<button onclick="showBike()"> Locate your Bike!</button> |
|
|
<button onclick="loadRoute()"> LoadRoute</button |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li> |
|
|
|
|
|
<div class="wrapper"> |
|
|
|
|
|
<div class="panel"> |
|
|
|
|
|
<div class="panel-header"> |
|
|
|
|
|
<h3 class="title">Statistics</h3> |
|
|
|
|
|
|
|
|
|
|
|
<div class="routes"> |
|
|
|
|
|
<span>Last traveled route</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="panel-body"> |
|
|
|
|
|
<div class="categories"> |
|
|
|
|
|
<div class="category"> |
|
|
|
|
|
<span>kilometers traveled</span> |
|
|
|
|
|
<span>2 Km</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="category"> |
|
|
|
|
|
<span>traveled time</span> |
|
|
|
|
|
<span>2 min</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<button onclick="displayRoute()"> Show last travelled route</button> |
|
|
|
|
|
<button onclick="createlistitem()"> create route</button> |
|
|
|
|
|
|
|
|
<div class="chart"> |
|
|
|
|
|
<div class="operating-systems"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li> |
|
|
|
|
|
<div class="container d-flex justify-content-center"> |
|
|
|
|
|
|
|
|
|
|
|
<ul class="list-group mt-5 text-white"> |
|
|
|
|
|
<li class="list-group-item d-flex justify-content-between align-content-center" onclick="displayRoute()"> |
|
|
|
|
|
|
|
|
<ul id="list"> |
|
|
|
|
|
|
|
|
<div class="d-flex flex-row"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="ml-2"> |
|
|
|
|
|
<h4 class="mb-0">Last traveled Route</h4> |
|
|
|
|
|
<div class="about"> |
|
|
|
|
|
|
|
|
|
|
|
<span id="time">Jan 21, 2020</span> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul> |
|
|
</ul> |
|
@ -79,7 +34,6 @@ |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
|
|
|
|
|
|
<div id="map"></div> |
|
|
<div id="map"></div> |
|
|
|
|
|
|
|
|
<script type="text/javascript" src="lib/orbitdb.js" charset="utf-8"></script> |
|
|
<script type="text/javascript" src="lib/orbitdb.js" charset="utf-8"></script> |
|
@ -94,21 +48,15 @@ |
|
|
|
|
|
|
|
|
<script type="file" src="new.csv"></script> |
|
|
<script type="file" src="new.csv"></script> |
|
|
<script> |
|
|
<script> |
|
|
//var currentime = getCurrentTime(); |
|
|
|
|
|
//document.write(getCurrentTime()) |
|
|
|
|
|
//document.getElementById("time").innerHTML = currentime |
|
|
|
|
|
</script> |
|
|
|
|
|
<script> |
|
|
|
|
|
//v//ar csv = './new.csv' |
|
|
|
|
|
|
|
|
|
|
|
// var data = $.csv.toObjects(csv); |
|
|
|
|
|
//console.log(data) |
|
|
|
|
|
//const res = d3.csvParse(csv); |
|
|
|
|
|
//console.log(res); |
|
|
|
|
|
|
|
|
async function prepare_time(){ |
|
|
|
|
|
var currentime = await getCurrentTime(); |
|
|
|
|
|
return currentime |
|
|
|
|
|
} //document.write(getCurrentTime()) |
|
|
|
|
|
// var currentime = prepare_time() |
|
|
|
|
|
//document.getElementById("time").innerHTML = currentime |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
<style> #map { height: 600px; width: 600px; margin: auto }</style> |
|
|
<style> #map { height: 600px; width: 600px; margin: auto }</style> |
|
|
<style> |
|
|
<style> |
|
|
/* |
|
|
/* |
|
|