/
index.html.ejs
142 lines (140 loc) · 6.24 KB
/
index.html.ejs
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="{{mainCtrl.lang}}" ng-app="Appoeview" ng-controller="DesktopController as mainCtrl" ng-strict-di>
<head>
<title ng-bind-template="{{'ObjectEditing - Viewer Application'|translate}}">GeoMapFish</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="<%=require("./image/favicon.ico")%>" />
<% for (var css in htmlWebpackPlugin.files.css) { %>
<link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
<% } %>
</head>
<body ng-class="{'gmf-profile-chart-active': !!profileChartActive}">
<header>
<div class="logo">
<img src="<%=require("./image/logo.png")%>" />
<span>by Camptocamp</span>
</div>
</header>
<main>
<div class="gmf-app-data-panel" ng-cloak>
<div class="gmf-app-header">
<div class="dropdown">
<a href class="btn btn-default btn-block btn-primary"
data-toggle="dropdown">
<span class="fa fa-grid"></span>
<span ng-if="mainCtrl.gmfThemeManager.modeFlush">
<span translate>Theme:</span>
<b ng-if="!mainCtrl.gmfThemeManager.getThemeName()" translate>Loading...</b>
<b ng-if="mainCtrl.gmfThemeManager.getThemeName()">{{mainCtrl.gmfThemeManager.getThemeName()|translate}}</b>
</span>
<span ng-if="!mainCtrl.gmfThemeManager.modeFlush">
<b ng-if="!mainCtrl.gmfThemeManager.themeName" translate>Themes</b>
</span>
<span class="caret"></span>
</a>
<gmf-themeselector class="dropdown-menu"
gmf-themeselector-currenttheme="mainCtrl.theme"
gmf-themeselector-filter="::mainCtrl.filter">
</gmf-themeselector>
</div>
</div>
<div class="gmf-app-content">
<gmf-layertree
gmf-layertree-dimensions="mainCtrl.dimensions"
gmf-layertree-map="::mainCtrl.map"
gmf-layertree-openlinksinnewwindow="::true">
</gmf-layertree>
</div>
</div>
<div class="gmf-app-map-container" ng-class="{'gmf-app-infobar-active': mainCtrl.showInfobar}">
<gmf-search gmf-search-map="mainCtrl.map"
gmf-search-datasources="mainCtrl.searchDatasources"
gmf-search-coordinatesprojections="mainCtrl.searchCoordinatesProjections"
gmf-search-colorchooser="false"
gmf-search-clearbutton="true">
</gmf-search>
<div class="gmf-app-map-bottom-controls">
<div class="gmf-backgroundlayerbutton btn-group dropup">
<button
class="btn btn-default dropdown-toggle"
data-toggle="dropdown">
<img src="<%=require('./image/background-layer-button.png')%>" alt="" />
</button>
<gmf-backgroundlayerselector
gmf-backgroundlayerselector-dimensions="::mainCtrl.dimensions"
gmf-backgroundlayerselector-map="::mainCtrl.map"
class="dropdown-menu">
</gmf-backgroundlayerselector>
</div>
<div class="gmf-app-map-messages">
<gmf-disclaimer
gmf-disclaimer-map="::mainCtrl.map">
</gmf-disclaimer>
</div>
<gmf-displayquerywindow
gmf-displayquerywindow-featuresstyle="::mainCtrl.queryFeatureStyle"
gmf-displayquerywindow-desktop="true">
</gmf-displayquerywindow>
</div>
<gmf-map class="gmf-map" gmf-map-map="mainCtrl.map"
gmf-contextualdata=""
gmf-contextualdata-map="::mainCtrl.map"
gmf-contextualdata-projections="::[21781, 4326]"
ngeo-map-query=""
ngeo-map-query-map="::mainCtrl.map"
ngeo-map-query-active="mainCtrl.queryActive"
ngeo-map-query-autoclear="mainCtrl.queryAutoClear"
ngeo-bbox-query=""
ngeo-bbox-query-map="::mainCtrl.map"
ngeo-bbox-query-active="mainCtrl.queryActive"
ngeo-bbox-query-autoclear="mainCtrl.queryAutoClear">
</gmf-map>
<!--infobar-->
<div class="gmf-app-footer" ng-class="{'gmf-app-active': mainCtrl.showInfobar}">
<button class="btn fa gmf-app-map-info ng-cloak" ng-click="mainCtrl.showInfobar = !mainCtrl.showInfobar"
ng-class="{'fa-angle-double-up': !mainCtrl.showInfobar, 'fa-angle-double-down': mainCtrl.showInfobar}"></button>
<div ngeo-scaleselector="mainCtrl.scaleSelectorValues"
ngeo-scaleselector-map="mainCtrl.map"
ngeo-scaleselector-options="mainCtrl.scaleSelectorOptions"></div>
<div id="scaleline"></div>
<div class="pull-right">
<gmf-elevationwidget
gmf-elevationwidget-map="::mainCtrl.map"
gmf-elevationwidget-layers="::mainCtrl.elevationLayers"
gmf-elevationwidget-active="mainCtrl.showInfobar">
</gmf-elevationwidget>
<gmf-mouseposition
gmf-mouseposition-map="mainCtrl.map"
gmf-mouseposition-projections="::mainCtrl.mousePositionProjections"
class="text-center">
</gmf-mouseposition>
</div>
</div>
</div>
<ngeo-modal ng-model="mainCtrl.modalShareShown">
<gmf-share ng-if="mainCtrl.modalShareShown" gmf-share-email="true"/>
</ngeo-modal>
</main>
<footer>
<gmf-profile
gmf-profile-active="profileChartActive"
gmf-profile-line="mainCtrl.profileLine"
gmf-profile-map="::mainCtrl.map"
gmf-profile-linesconfiguration="::mainCtrl.profileLinesconfiguration"
ngeo-resizemap="mainCtrl.map"
ngeo-resizemap-state="profileChartActive">
</gmf-profile>
</footer>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,default-3.6,Array.prototype.includes,Object.entries"></script>
<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
<% } %>
<script>
document.write(
'<script src="https://geomapfish-demo.camptocamp.com/2.3/wsgi/dynamic.js?' +
'interface=oeview&' +
'query=' + encodeURIComponent(document.location.search) +
'"><' + '/script>');
</script>
</body>
</html>