-
Notifications
You must be signed in to change notification settings - Fork 23
/
index.html
102 lines (92 loc) · 3.88 KB
/
index.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></meta>
<title>Green Navigation</title>
<link rel="import" href="css/theme.html">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="libs/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="components/gn-ui-search.html">
<link rel="import" href="components/gn-ui-sidebar.html">
<link rel="import" href="components/gn-ui-header.html">
<link rel="import" href="libs/gn-map/gn-map.html">
<link rel="import" href="libs/gn-map/gn-poly.html">
<link rel="import" href="libs/gn-map/gn-point.html">
<link rel="import" href="libs/gn-profiles/gn-profiles.html">
<link rel="import" href="libs/iron-flex-layout/classes/iron-flex-layout.html">
<link rel="import" href="libs/paper-button/paper-button.html">
<link rel="import" href="libs/paper-dialog/paper-dialog.html">
<link rel="import" href="libs/paper-dialog-scrollable/paper-dialog-scrollable.html">
<link rel="import" href="libs/paper-drawer-panel/paper-drawer-panel.html">
<link rel="import" href="libs/paper-header-panel/paper-header-panel.html">
<link rel="import" href="libs/paper-icon-button/paper-icon-button.html">
<link rel="import" href="libs/paper-menu-button/paper-menu-button.html">
<link rel="import" href="libs/paper-menu/paper-menu.html">
<link rel="import" href="libs/paper-scroll-header-panel/paper-scroll-header-panel.html">
<link rel="import" href="libs/paper-styles/paper-styles.html">
<link rel="import" href="libs/paper-toolbar/paper-toolbar.html">
<style is="custom-style">
paper-toolbar {
--paper-toolbar-background: #228E22;
}
paper-header-panel {
box-shadow: 10px 10px 38px -15px rgba(0,0,0,0.75);
}
#mainContainer {
height: 100%;
min-height: 100%;
}
/* OSM Controll Elements */
.ol-zoom {
top: 15px;
left: 315px;
}
</style>
</head>
<body class="fullbleed layout vertical">
<template is="dom-bind">
<gn-map class="content fit"
longitude="{{ currentAddress.lon }}"
latitude="{{ currentAddress.lat }}"
zoom="9"
map-type="GoogleMap">
<gn-poly>
<template is="dom-repeat" items="{{route.vertexList}}">
<gn-point latitude="{{item.geo.lat}}" longitude="{{item.geo.lon}}"></gn-point>
</template>
</gn-poly>
<gn-poly stroke-color="red" fill="true" fill-color="red">
<template is="dom-repeat" items="{{range.polygons.0.range}}">
<gn-point latitude="{{item.geo.lat}}" longitude="{{item.geo.lon}}"></gn-point>
</template>
</gn-poly>
<gn-poly stroke-color="green" fill="true" fill-color="green">
<template is="dom-repeat" items="{{range.polygons.1.range}}">
<gn-point latitude="{{item.geo.lat}}" longitude="{{item.geo.lon}}"></gn-point>
</template>
</gn-poly>
</gn-map>
<gn-profiles route="{{route}}" showstreetnames toggleprofiles showprofiles="{{showprofiles}}"></gn-profiles>
<paper-drawer-panel id="mainMenu" force-narrow drawer-width="300px" style="width: 300px;">
<paper-header-panel drawer>
<paper-toolbar>
<paper-icon-button icon="arrow-back" paper-drawer-toggle></paper-icon-button>
<h3>Menü</h3>
</paper-toolbar>
<div main>
<gn-ui-header></gn-ui-header>
<!--<paper-button onclick="document.querySelector('#info-modal').toggle()">Info</paper-button>-->
<!--<paper-button onclick="document.querySelector('#contact-modal').toggle()">Contact</paper-button>-->
</div>
</paper-header-panel>
<paper-header-panel main style="left: 15px; top: 15px;">
<paper-toolbar>
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
<img src="images/banner600.png" width="180px">
</paper-toolbar>
<gn-ui-sidebar route="{{route}}" range="{{range}}" showprofiles="{{showprofiles}}"></gn-ui-sidebar>
</paper-header-panel>
</paper-drawer-panel>
</template>
</body>
</html>