forked from wtg/shuttletracker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadmin.html
83 lines (82 loc) · 3.33 KB
/
admin.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html>
<head>
<title> Shuttle Tracking - Fleet Management </title>
<link rel="icon" href="/static/images/favicon.ico">
<!-- Stylesheets -->
<link rel="stylesheet" href="/static/css/application.css">
<!-- Polymer dependencies -->
<script src="/bower_components/webcomponentsjs/webcomponents.min.js"></script>
<link rel="import" href="/bower_components/polymer/polymer.html">
<!-- Iron Elements -->
<link rel="import" href="/bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="/bower_components/iron-pages/iron-pages.html">
<link rel="import" href="/bower_components/iron-flex-layout/classes/iron-flex-layout.html">
<!-- Paper Elements -->
<link rel="import" href="/bower_components/paper-header-panel/paper-header-panel.html">
<link rel="import" href="/bower_components/paper-toolbar/paper-toolbar.html">
<link rel='import' href='/bower_components/paper-tabs/paper-tabs.html'>
<link rel='import' href='/bower_components/paper-item/paper-item.html'>
<!-- Custom Polymer elements -->
<link rel="import" href="/static/components/shuttles-map.html">
<link rel="import" href="/static/components/tracking-vehicles.html">
<link rel="import" href="/static/components/tracking-routes.html">
<link rel="import" href="/static/components/tracking-stops.html">
</head>
<body unresolved class="fullbleed layout vertical">
<template is="dom-bind">
<paper-header-panel class="flex">
<paper-toolbar>
<paper-tabs class="flex" selected="{{selected}}">
<paper-tab> Vehicles </paper-tab>
<paper-tab> Routes </paper-tab>
<paper-tab> Stops </paper-tab>
</paper-tabs>
</paper-toolbar>
<iron-pages selected="{{selected}}">
<section>
<!-- Vehicles -->
<tracking-vehicles><tracking-vehicles>
</section>
<section>
<!-- Routes -->
<tracking-routes lat="42.730172" lng="-73.678803" zoom="15"></tracking-routes>
</section>
<section>
<tracking-stops lat="42.730172" lng="-73.678803" zoom="15"></tracking-stops>
</section>
</iron-pages>
</paper-header-panel>
</template>
<script>
// return to previously selected tab on page reload
function prevSelected() {
if (document.cookie) {
var cookies = document.cookie.split(";");
for (i = 0; i < cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0].replace(/ /g,'') == "selectedTab") {
return cookie[1];
}
}
}
return 0;
}
// set current selected tab
function setSelected(tab) {
document.cookie = "selectedTab=" + tab + ";";
}
// select the first page when site is loaded
document.addEventListener('WebComponentsReady', function () {
var template = document.querySelector('template[is="dom-bind"]');
template.selected = prevSelected();
setSelected(template.selected);
});
// store selected tab when paper tab is selected
document.addEventListener('click', function() {
var template = document.querySelector('template[is="dom-bind"]');
setSelected(template.selected);
});
</script>
</body>
</html>