-
Notifications
You must be signed in to change notification settings - Fork 51
/
explore2.sidebar.interpolation.html
111 lines (109 loc) · 6.68 KB
/
explore2.sidebar.interpolation.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
103
104
105
106
107
108
109
110
111
<div class="row">
<div uib-alert class="alert-info" ng-bind-html="'INTERP_INTRO'|translate">
</div>
<div uib-alert ng-repeat="alert in interpolation.alerts" class="alert-danger" close="interpolation.closeAlert($index)">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
{{alert.msg}}
</div>
<div class="input-group xxxl">
<label for="inputFilterPhenomenon">{{ "CONFIG_PHENOMENON" | translate }}</label>
<input id="inputFilterPhenomenon" style="border-radius: 4px;" type="text" placeholder="{{'INTERP_PHENOMENOM_SEARCH'|translate}}" ng-model="interpolation.settings.selectedPhenomenon" uib-typeahead="phenomenon for phenomenon in interpolation.markers | uniquePhenomenons | filter:$viewValue | limitTo:8" class="form-control">
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6 col-sm-12">
<label for="interpolationPickerStart">{{'INTERP_TIMESTAMPBEGIN'|translate}}</label>
<div class="input-group">
<input id="interpolationPickerStart" type="text" class="form-control" datetime-picker="dd/MM/yyyy HH:mm" ng-model="interpolation.settings.interpolationPickerStart.date" is-open="interpolation.settings.interpolationPickerStart.open" button-bar="interpolation.settings.interpolationPickerStart.buttonBar" timepicker-options="interpolation.settings.interpolationPickerStart.timepickerOptions" datepicker-options="interpolation.settings.interpolationPickerStart.datepickerOptions" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="interpolation.openCalendar($event, 'interpolationPickerStart')"><i class="fa fa-calendar"></i></button>
</span>
</div>
</div>
<div class="col-lg-6 col-sm-12">
<label for="interpolationPickerEnd">{{'INTERP_TIMESTAMPEND'|translate}}</label>
<div class="input-group">
<input id="interpolationPickerEnd" type="text" class="form-control" datetime-picker="dd/MM/yyyy HH:mm" ng-model="interpolation.settings.interpolationPickerEnd.date" is-open="interpolation.settings.interpolationPickerEnd.open" button-bar="interpolation.settings.interpolationPickerEnd.buttonBar" timepicker-options="interpolation.settings.interpolationPickerEnd.timepickerOptions" datepicker-options="interpolation.settings.interpolationPickerEnd.datepickerOptions" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="interpolation.openCalendar($event, 'interpolationPickerEnd')"><i class="fa fa-calendar"></i></button>
</span>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6">
<label for="numTimeSteps">{{'INTERP_NUMTIMESTEPS'|translate}}</label>
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="interpolation.changeNumTimeSteps(-1)" ng-disabled="interpolation.settings.numTimeSteps === interpolation.settings.minNumTimeSteps">-</button>
</span>
<input type="text" class="form-control" style="text-align: center;" ng-model="interpolation.settings.numTimeSteps" readonly>
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="interpolation.changeNumTimeSteps(1)" ng-disabled="interpolation.settings.numTimeSteps === interpolation.settings.maxNumTimeSteps">+</button>
</span>
</div>
</div>
<div class="col-lg-6">
<label for="exposure">{{'STATION_PLACEMENT' | translate}}</label>
<select style="border-radius: 4px;" class="form-control" ng-model="interpolation.settings.exposure">
<option value="">{{'STATION_PLACEMENT_ALL'|translate}}</option>
<option value="indoor">{{'STATION_PLACEMENT_INDOOR'|translate}}</option>
<option value="outdoor">{{'STATION_PLACEMENT_OUTDOOR'|translate}}</option>
<option value="mobile">{{'STATION_PLACEMENT_MOBILE'|translate}}</option>
</select>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6">
<label for="cellWidth">{{'INTERP_CELLWIDTH'|translate}}</label>
<div class="input-group xxxl">
<input type="number" class="form-control" style="border-radius: 4px;" min="0.01" step="0.1" ng-model="interpolation.settings.cellWidth">
</div>
</div>
<div class="col-lg-6">
<label for="idwParameterP">{{'INTERP_IDW_P' | translate}}</label>
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="interpolation.changeIDWPower(-1)" ng-disabled="interpolation.settings.idwPower === interpolation.settings.minIDWPower">-</button>
</span>
<input type="text" class="form-control" style="text-align: center;" ng-model="interpolation.settings.idwPower" readonly>
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="interpolation.changeIDWPower(1)" ng-disabled="interpolation.settings.idwPower === interpolation.settings.maxIDWPower">+</button>
</span>
</div>
</div>
</div>
<hr>
<div class="row">
<button class="btn btn-info xxxl" ng-disabled="interpolation.settings.selectedPhenomenon === '' || interpolation.calculating" ng-click="interpolation.calculateInterpolation()">{{'INTERP_CREATE'|translate}}
<i class="fa fa-circle-o-notch fa-spin fa-fw" ng-show="interpolation.calculating"></i>
<span class="sr-only">Loading...</span>
</button>
</div>
<br>
<div class="row" ng-show="interpolation.showRemoveInterpolation()">
<div class="col-lg-12">
<button class="btn btn-danger xxxl" ng-click="interpolation.removeInterpolation()">{{'INTERP_REMOVE'|translate}}
</button>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<div ng-show="interpolation.visible">
<label for="interpolation-slider">{{'INTERP_TIMESTEP'|translate}}: {{ interpolation.selectedTimeStep | amUtc | amLocal | amDateFormat:'l LTS'}}</label>
<button class="btn btn-xs" ng-hide="interpolation.isPlaying" ng-click="interpolation.playInterpolation()"><i class="fa fa-play-circle" aria-hidden="true"></i></button>
<button class="btn btn-xs" ng-show="interpolation.isPlaying" ng-click="interpolation.stopInterpolation()"><i class="fa fa-pause-circle" aria-hidden="true"></i></button>
<rzslider id="interpolation-slider" select="interpolation.refreshSlider" rz-slider-model="interpolation.slider.value" rz-slider-options="interpolation.slider.options"></rzslider>
</div>
<h6>{{interpolation.legendTitle}}</h6>
<div class="info legend interpolation">
<div ng-repeat="legendEntry in interpolation.legendEntries">
<i ng-style="legendEntry.style"></i>{{legendEntry.caption}}<br>
</div>
</div>
</div>
</div>