-
Notifications
You must be signed in to change notification settings - Fork 88
/
widgetComponent.html
29 lines (29 loc) · 1.32 KB
/
widgetComponent.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
<div class="text-center btn-group dropup"
gmf-elevation
gmf-elevation-active="ctrl.active"
gmf-elevation-elevation="ctrl.elevationValue"
gmf-elevation-loading="ctrl.elevationLoading"
gmf-elevation-layer="ctrl.selectedElevationLayer"
gmf-elevation-layersconfig="ctrl.layersconfig"
gmf-elevation-map="::ctrl.map">
<a type="button" class="btn btn-default" aria-expanded="false"
ng-class="::{'dropdown-toggle': ctrl.layers.length > 1}"
ng-attr-data-toggle="{{::(ctrl.layers.length > 1) ? 'dropdown' : ''}}"
>
<span class="gmf-elevationwidget-value">
{{ctrl.elevationValue}}
<span ng-show="ctrl.elevationLoading" class="fa fa-spinner"></span>
<span ng-show="!ctrl.elevationValue && !ctrl.elevationLoading" translate>Elevation…</span>
</span><span class="caret" ng-if="::ctrl.layers.length > 1"></span>
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu"
ng-if="::ctrl.layers.length > 1">
<li class="dropdown-header" translate>Elevation data sources</li>
<li ng-repeat="elevationItem in ::ctrl.layers">
<a href ng-click="ctrl.selectedElevationLayer = elevationItem">
<span class="fa fa-fw" ng-class="{'fa-check': ctrl.selectedElevationLayer === elevationItem}"></span>
{{elevationItem | translate}}
</a>
</li>
</ul>
</div>