You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
5.0 KiB
148 lines
5.0 KiB
<h5> Analytic Units </h5> |
|
<div class="editor-row"> |
|
<div class="gf-form" ng-repeat="analyticUnit in ctrl.analyticsController.analyticUnits"> |
|
|
|
<label class="gf-form-label width-4"> Name </label> |
|
<input |
|
type="text" class="gf-form-input max-width-15" |
|
ng-model="analyticUnit.name" |
|
ng-disabled="true" |
|
> |
|
|
|
<label class="gf-form-label width-8"> Type </label> |
|
<div class="gf-form-select-wrapper"> |
|
<select class="gf-form-input width-12" |
|
ng-model="analyticUnit.type" |
|
ng-options="type.value as type.name for type in ctrl.ANALYTIC_TYPES" |
|
ng-disabled="true" |
|
/> |
|
</div> |
|
|
|
<!-- |
|
<label class="gf-form-label width-6"> Confidence </label> |
|
<input |
|
type="number" class="gf-form-input width-5 ng-valid ng-scope ng-empty ng-dirty ng-valid-number ng-touched" |
|
placeholder="auto" bs-tooltip="'Override automatic decimal precision for legend and tooltips'" |
|
data-placement="right" ng-model="ctrl.panel.decimals" ng-change="ctrl.render()" ng-model-onblur="" data-original-title="" title="" |
|
/> |
|
--> |
|
|
|
<label class="gf-form-label width-6"> Color </label> |
|
<span class="gf-form-label"> |
|
<color-picker |
|
color="analyticUnit.color" |
|
onChange="ctrl.onAnomalyColorChange.bind(ctrl, analyticUnit.key)" |
|
/> |
|
</span> |
|
|
|
<label class="gf-form-label" ng-style="analyticUnit.status === 'learning' && { 'cursor': 'not-allowed' }"> |
|
<a class="pointer" tabindex="1" |
|
ng-click="ctrl.onToggleLabelingMode(analyticUnit.key)" |
|
ng-disabled="analyticUnit.status === 'learning'" |
|
> |
|
<i class="fa fa-bar-chart" ng-if="!analyticUnit.saving"></i> |
|
<i class="fa fa-spinner fa-spin" ng-if="analyticUnit.saving"></i> |
|
<b ng-if="analyticUnit.selected && !analyticUnit.deleteMode && !analyticUnit.saving"> labeling </b> |
|
<b ng-if="analyticUnit.selected && analyticUnit.deleteMode && !analyticUnit.saving"> deleting </b> |
|
<b ng-if="analyticUnit.saving" ng-disabled="true"> saving... </b> |
|
</a> |
|
</label> |
|
|
|
|
|
<label class="gf-form-label"> Alerts: </label> |
|
<label |
|
class="gf-form-label text-center" |
|
style="width: 4rem" |
|
ng-if="analyticUnit.alertEnabled === undefined" |
|
bs-tooltip="'Alarting status isn`t available. Wait please.'" |
|
> |
|
<i class="fa fa-spinner fa-spin"></i> |
|
</label> |
|
|
|
<gf-form-switch |
|
ng-if="analyticUnit.alertEnabled !== undefined" |
|
on-change="ctrl.onAnomalyAlertChange(analyticUnit)" |
|
checked="analyticUnit.alertEnabled" |
|
style="height: 36px;" |
|
/> |
|
|
|
<label class="gf-form-label"> |
|
<a |
|
ng-if="analyticUnit.visible" |
|
ng-disabled="analyticUnit.selected" |
|
bs-tooltip="'Hide. It`s visible now.'" |
|
ng-click="ctrl.onToggleVisibility(analyticUnit.key)" |
|
class="pointer" |
|
> |
|
<i class="fa fa-eye"></i> |
|
</a> |
|
|
|
<a |
|
ng-if="!analyticUnit.visible" |
|
ng-disabled="analyticUnit.selected" |
|
bs-tooltip="'Show. It`s hidden now.'" |
|
ng-click="ctrl.onToggleVisibility(analyticUnit.key)" |
|
class="pointer" |
|
> |
|
<i class="fa fa-eye-slash"></i> |
|
</a> |
|
</label> |
|
|
|
<label class="gf-form-label"> |
|
<a |
|
ng-if="!analyticUnit.selected" |
|
ng-click="ctrl.onRemove(analyticUnit.key)" |
|
class="pointer" |
|
> |
|
<i class="fa fa-trash"></i> |
|
</a> |
|
|
|
<a |
|
ng-if="analyticUnit.selected" |
|
ng-click="ctrl.onCancelLabeling(analyticUnit.key)" |
|
class="pointer" |
|
> |
|
<i class="fa fa-ban"></i> |
|
</a> |
|
</label> |
|
|
|
<label> |
|
<i ng-if="analyticUnit.status === 'learning'" class="grafana-tip fa fa-leanpub ng-scope" bs-tooltip="'Learning'"></i> |
|
<i ng-if="analyticUnit.status === 'pending'" class="grafana-tip fa fa-list-ul ng-scope" bs-tooltip="'Pending'"></i> |
|
<i ng-if="analyticUnit.status === 'failed'" class="grafana-tip fa fa-exclamation-circle ng-scope" bs-tooltip="'Error: ' + analyticUnit.error"></i> |
|
</label> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="editor-row" ng-if="ctrl.analyticsController.creatingNew"> |
|
<div class="gf-form"> |
|
<label class="gf-form-label width-4"> Name </label> |
|
<input |
|
type="text" class="gf-form-input max-width-15" |
|
ng-model="ctrl.analyticsController.newAnalyticUnit.name" |
|
> |
|
|
|
<label class="gf-form-label width-8"> Type </label> |
|
<div class="gf-form-select-wrapper"> |
|
<select class="gf-form-input width-12" |
|
ng-model="ctrl.analyticsController.newAnalyticUnit.type" |
|
ng-options="type.value as type.name for type in ctrl.ANALYTIC_TYPES" |
|
/> |
|
</div> |
|
|
|
<label class="gf-form-label"> |
|
<a class="pointer" tabindex="1" ng-click="ctrl.saveNew()"> |
|
<b ng-if="!ctrl.analyticsController.saving"> create </b> |
|
<b ng-if="ctrl.analyticsController.saving" ng-disabled="true"> saving... </b> |
|
</a> |
|
</label> |
|
</div> |
|
</div> |
|
|
|
<div class="gf-form-button-row" ng-if="!ctrl.analyticsController.creatingAnalyticUnit"> |
|
<button class="btn btn-inverse" ng-click="ctrl.createNew()"> |
|
<i class="fa fa-plus"></i> |
|
Add Analytic Unit |
|
</button> |
|
</div>
|
|
|