|
|
@ -22,62 +22,92 @@ |
|
|
<md-tabs ng-class="{'tb-headless': vm.historyOnly}" md-dynamic-height md-selected="vm.timewindow.selectedTab" md-border-bottom> |
|
|
<md-tabs ng-class="{'tb-headless': vm.historyOnly}" md-dynamic-height md-selected="vm.timewindow.selectedTab" md-border-bottom> |
|
|
<md-tab label="{{ 'timewindow.realtime' | translate }}"> |
|
|
<md-tab label="{{ 'timewindow.realtime' | translate }}"> |
|
|
<md-content class="md-padding" layout="column"> |
|
|
<md-content class="md-padding" layout="column"> |
|
|
<tb-timeinterval predefined-name="'timewindow.last'" |
|
|
<tb-timeinterval hide-flag="vm.timewindow.hideInterval" predefined-name="'timewindow.last'" |
|
|
ng-required="vm.timewindow.selectedTab === 0" |
|
|
is-edit="vm.isEdit" ng-required="vm.timewindow.selectedTab === 0" |
|
|
ng-model="vm.timewindow.realtime.timewindowMs" style="padding-top: 8px;"></tb-timeinterval> |
|
|
ng-model="vm.timewindow.realtime.timewindowMs" style="padding-top: 8px;"></tb-timeinterval> |
|
|
</md-content> |
|
|
</md-content> |
|
|
</md-tab> |
|
|
</md-tab> |
|
|
<md-tab label="{{ 'timewindow.history' | translate }}"> |
|
|
<md-tab label="{{ 'timewindow.history' | translate }}"> |
|
|
<md-content class="md-padding" layout="column" style="padding-top: 8px;"> |
|
|
<section layout="row"> |
|
|
<md-radio-group ng-model="vm.timewindow.history.historyType" class="md-primary"> |
|
|
<section layout="column" class="md-padding" style="padding-top: 8px;"> |
|
|
<md-radio-button ng-value=0 aria-label="{{ 'timewindow.last' | translate }}" class="md-primary md-align-top-left md-radio-interactive"> |
|
|
<label ng-if="vm.isEdit" class="tb-small advanced-label" translate>timewindow.hide</label> |
|
|
<section layout="column"> |
|
|
<md-checkbox ng-if="vm.isEdit" aria-label="{{ 'timewindow.hide' | translate }}" |
|
|
<tb-timeinterval predefined-name="'timewindow.last'" |
|
|
ng-model="vm.timewindow.hideInterval"> |
|
|
ng-required="vm.timewindow.selectedTab === 1 && vm.timewindow.history.historyType === 0" |
|
|
</md-checkbox> |
|
|
ng-show="vm.timewindow.history.historyType === 0" |
|
|
</section> |
|
|
ng-model="vm.timewindow.history.timewindowMs" style="padding-top: 8px;"></tb-timeinterval> |
|
|
<section layout="column" flex ng-show="vm.isEdit || !vm.timewindow.hideInterval"> |
|
|
</section> |
|
|
<md-content class="md-padding" layout="column" style="padding-top: 8px;"> |
|
|
</md-radio-button> |
|
|
<md-radio-group ng-disabled="vm.timewindow.hideInterval" ng-model="vm.timewindow.history.historyType" class="md-primary"> |
|
|
<md-radio-button ng-value=1 aria-label="{{ 'timewindow.time-period' | translate }}" class="md-primary md-align-top-left md-radio-interactive"> |
|
|
<md-radio-button ng-value=0 aria-label="{{ 'timewindow.last' | translate }}" class="md-primary md-align-top-left md-radio-interactive"> |
|
|
<section layout="column"> |
|
|
<section layout="column"> |
|
|
<span translate>timewindow.time-period</span> |
|
|
<tb-timeinterval predefined-name="'timewindow.last'" |
|
|
<tb-datetime-period |
|
|
ng-required="vm.timewindow.selectedTab === 1 && vm.timewindow.history.historyType === 0" |
|
|
ng-required="vm.timewindow.selectedTab === 1 && vm.timewindow.history.historyType === 1" |
|
|
ng-show="vm.timewindow.history.historyType === 0" |
|
|
ng-show="vm.timewindow.history.historyType === 1" |
|
|
ng-model="vm.timewindow.history.timewindowMs" style="padding-top: 8px;"></tb-timeinterval> |
|
|
ng-model="vm.timewindow.history.fixedTimewindow" style="padding-top: 8px;"></tb-datetime-period> |
|
|
</section> |
|
|
</section> |
|
|
</md-radio-button> |
|
|
</md-radio-button> |
|
|
<md-radio-button ng-value=1 aria-label="{{ 'timewindow.time-period' | translate }}" class="md-primary md-align-top-left md-radio-interactive"> |
|
|
</md-radio-group> |
|
|
<section layout="column"> |
|
|
</md-content> |
|
|
<span translate>timewindow.time-period</span> |
|
|
|
|
|
<tb-datetime-period |
|
|
|
|
|
ng-required="vm.timewindow.selectedTab === 1 && vm.timewindow.history.historyType === 1" |
|
|
|
|
|
ng-show="vm.timewindow.history.historyType === 1" |
|
|
|
|
|
ng-model="vm.timewindow.history.fixedTimewindow" style="padding-top: 8px;"></tb-datetime-period> |
|
|
|
|
|
</section> |
|
|
|
|
|
</md-radio-button> |
|
|
|
|
|
</md-radio-group> |
|
|
|
|
|
</md-content> |
|
|
|
|
|
</section> |
|
|
|
|
|
</section> |
|
|
</md-tab> |
|
|
</md-tab> |
|
|
</md-tabs> |
|
|
</md-tabs> |
|
|
<md-content ng-if="vm.aggregation" class="md-padding" layout="column"> |
|
|
<md-content ng-if="vm.aggregation" class="md-padding" layout="column"> |
|
|
<md-input-container> |
|
|
<section layout="row"> |
|
|
<label translate>aggregation.function</label> |
|
|
<section layout="column" style="padding-top: 5px;" ng-show="vm.isEdit"> |
|
|
<md-select ng-model="vm.timewindow.aggregation.type" style="min-width: 150px;"> |
|
|
<label class="tb-small advanced-label" translate>timewindow.hide</label> |
|
|
<md-option ng-repeat="type in vm.aggregationTypes" ng-value="type.value"> |
|
|
<md-checkbox aria-label="{{ 'timewindow.hide' | translate }}" |
|
|
{{type.name | translate}} |
|
|
ng-model="vm.timewindow.hideAggregation"> |
|
|
</md-option> |
|
|
</md-checkbox> |
|
|
</md-select> |
|
|
</section> |
|
|
</md-input-container> |
|
|
<section layout="column" flex ng-show="vm.isEdit || !vm.timewindow.hideAggregation"> |
|
|
<md-slider-container ng-if="vm.showLimit()"> |
|
|
<md-input-container> |
|
|
<span translate>aggregation.limit</span> |
|
|
<label translate>aggregation.function</label> |
|
|
<md-slider flex min="{{vm.minDatapointsLimit()}}" max="{{vm.maxDatapointsLimit()}}" step="1" |
|
|
<md-select ng-disabled="vm.timewindow.hideAggregation" ng-model="vm.timewindow.aggregation.type" style="min-width: 150px;"> |
|
|
ng-model="vm.timewindow.aggregation.limit" aria-label="limit" id="limit-slider"> |
|
|
<md-option ng-repeat="type in vm.aggregationTypes" ng-value="type.value"> |
|
|
</md-slider> |
|
|
{{type.name | translate}} |
|
|
<md-input-container style="max-width: 80px;"> |
|
|
</md-option> |
|
|
<input flex type="number" step="1" |
|
|
</md-select> |
|
|
min="{{vm.minDatapointsLimit()}}" max="{{vm.maxDatapointsLimit()}}" |
|
|
</md-input-container> |
|
|
ng-model="vm.timewindow.aggregation.limit" aria-label="limit" aria-controls="limit-slider"> |
|
|
</section> |
|
|
</md-input-container> |
|
|
</section> |
|
|
</md-slider-container> |
|
|
<section layout="row" ng-show="vm.showLimit()"> |
|
|
<tb-timeinterval ng-if="vm.showRealtimeAggInterval()" min="vm.minRealtimeAggInterval()" max="vm.maxRealtimeAggInterval()" |
|
|
<section layout="column" style="padding-top: 5px;" ng-show="vm.showLimit() && vm.isEdit"> |
|
|
predefined-name="'aggregation.group-interval'" |
|
|
<label class="tb-small advanced-label" translate>timewindow.hide</label> |
|
|
ng-model="vm.timewindow.realtime.interval"> |
|
|
<md-checkbox aria-label="{{ 'timewindow.hide' | translate }}" |
|
|
|
|
|
ng-model="vm.timewindow.hideAggInterval" > |
|
|
|
|
|
</md-checkbox> |
|
|
|
|
|
</section> |
|
|
|
|
|
<section layout="column" flex ng-show="vm.isEdit || !vm.timewindow.hideAggInterval"> |
|
|
|
|
|
<md-slider-container> |
|
|
|
|
|
<span translate>aggregation.limit</span> |
|
|
|
|
|
<md-slider flex min="{{vm.minDatapointsLimit()}}" max="{{vm.maxDatapointsLimit()}}" step="1" |
|
|
|
|
|
ng-disabled="vm.timewindow.hideAggInterval" ng-model="vm.timewindow.aggregation.limit" aria-label="limit" id="limit-slider"> |
|
|
|
|
|
</md-slider> |
|
|
|
|
|
<md-input-container style="max-width: 80px;"> |
|
|
|
|
|
<input flex type="number" step="1" ng-disabled="vm.timewindow.hideAggInterval" |
|
|
|
|
|
min="{{vm.minDatapointsLimit()}}" max="{{vm.maxDatapointsLimit()}}" |
|
|
|
|
|
ng-model="vm.timewindow.aggregation.limit" aria-label="limit" aria-controls="limit-slider"> |
|
|
|
|
|
</md-input-container> |
|
|
|
|
|
</md-slider-container> |
|
|
|
|
|
</section> |
|
|
|
|
|
</section> |
|
|
|
|
|
<tb-timeinterval ng-if="vm.showRealtimeAggInterval()" min="vm.minRealtimeAggInterval()" |
|
|
|
|
|
max="vm.maxRealtimeAggInterval()" ng-model="vm.timewindow.realtime.interval" is-edit="vm.isEdit" |
|
|
|
|
|
hide-flag="vm.timewindow.hideAggInterval" predefined-name="'aggregation.group-interval'"> |
|
|
</tb-timeinterval> |
|
|
</tb-timeinterval> |
|
|
<tb-timeinterval ng-if="vm.showHistoryAggInterval()" min="vm.minHistoryAggInterval()" max="vm.maxHistoryAggInterval()" |
|
|
<tb-timeinterval ng-if="vm.showHistoryAggInterval()" min="vm.minHistoryAggInterval()" |
|
|
predefined-name="'aggregation.group-interval'" |
|
|
max="vm.maxHistoryAggInterval()" ng-model="vm.timewindow.history.interval" is-edit="vm.isEdit" |
|
|
ng-model="vm.timewindow.history.interval"> |
|
|
hide-flag="vm.timewindow.hideAggInterval" predefined-name="'aggregation.group-interval'"> |
|
|
</tb-timeinterval> |
|
|
</tb-timeinterval> |
|
|
</md-content> |
|
|
</md-content> |
|
|
</section> |
|
|
</section> |
|
|
@ -93,4 +123,4 @@ |
|
|
</section> |
|
|
</section> |
|
|
</md-content> |
|
|
</md-content> |
|
|
</fieldset> |
|
|
</fieldset> |
|
|
</form> |
|
|
</form> |
|
|
|