| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <div class="gf-form-group" >
- <h5 class="section-heading">Alert Rule</h5>
- <div class="gf-form-inline">
- <div class="gf-form">
- <query-part-editor
- class="gf-form-label query-part"
- part="ctrl.valueQuery"
- part-updated="ctrl.valueQueryUpdated()">
- </query-part-editor>
- </div>
- <div class="gf-form">
- <span class="gf-form-label">Evaluate Against</span>
- <div class="gf-form-select-wrapper">
- <select class="gf-form-input"
- ng-model="ctrl.rule.evalFunc"
- ng-options="f.value as f.text for f in ctrl.evalFuncs"
- ng-change="ctrl.evalFuncChanged()"
- >
- </select>
- </div>
- </div>
- <div class="gf-form" ng-if="ctrl.secondParam === 'query'">
- <query-part-editor
- class="gf-form-label query-part"
- part="ctrl.evalQuery"
- part-updated="ctrl.evalQueryUpdated()">
- </query-part-editor>
- </div>
- <div class="gf-form" ng-if="ctrl.secondParam === 'duration'">
- <span class="gf-form-label">Duration</span>
- <input class="gf-form-input max-width-7" type="text" ng-model="ctrl.rule.evalStringParam1" ng-change="ctrl.ruleUpdated()"></input>
- </div>
- </div>
- </div>
- <div class="gf-form-group" >
- <h5 class="section-heading">Levels</h5>
- <div class="gf-form-inline">
- <div class="gf-form">
- <span class="gf-form-label">
- <i class="icon-gf icon-gf-warn alert-icon-warn"></i>
- Warn if value
- </span>
- <span class="gf-form-label">
- >
- </span>
- <input class="gf-form-input max-width-7" type="number" ng-model="ctrl.rule.warnLevel" ng-change="alertTab.thresholdsUpdated()"></input>
- </div>
- <div class="gf-form">
- <span class="gf-form-label">
- <i class="icon-gf icon-gf-warn alert-icon-critical"></i>
- Critcal if value
- </span>
- <span class="gf-form-label">
- >
- </span>
- <input class="gf-form-input max-width-7" type="number" ng-model="ctrl.rule.critLevel" ng-change="alertTab.thresholdsUpdated()"></input>
- </div>
- </div>
- </div>
- <!-- <div class="gf-form"> -->
- <!-- <span class="gf-form-label width-12">Aggregation method</span> -->
- <!-- <div class="gf-form-select-wrapper max-width-10"> -->
- <!-- <select class="gf-form-input" -->
- <!-- ng-model="ctrl.panel.alerting.aggregator" -->
- <!-- ng-options="oper as oper for oper in alertTab.aggregators"></select> -->
- <!-- </div> -->
- <!-- </div> -->
- <!-- -->
- <!-- <div class="gf-form"> -->
- <!-- <span class="gf-form-label width-12">Query range (seconds)</span> -->
- <!-- <input class="gf-form-input max-width-10" type="number" -->
- <!-- ng-model="ctrl.panel.alerting.queryRange" placeholder="3600"></input> -->
- <!-- </div> -->
- <!-- -->
- <!-- <div class="gf-form"> -->
- <!-- <span class="gf-form-label width-12">Frequency (seconds)</span> -->
- <!-- <input class="gf-form-input max-width-10" type="number" -->
- <!-- ng-model="ctrl.panel.alerting.frequency" placeholder="60"></input> -->
- <!-- </div> -->
- <!-- </div> -->
- <div>
- <div class="gf-form-group section">
- <h5 class="section-heading">Alert info</h5>
- <div class="gf-form">
- <span class="gf-form-label width-10">Alert name</span>
- <input type="text" class="gf-form-input width-22" ng-model="ctrl.panel.alerting.name">
- </div>
- <div class="gf-form-inline">
- <div class="gf-form">
- <span class="gf-form-label width-10" style="margin-top: -73px;">Alert description</span>
- </div>
- <div class="gf-form">
- <textarea rows="5" ng-model="ctrl.panel.alerting.description" class="gf-form-input width-22"></textarea>
- </div>
- </div>
- </div>
- </div>
- <div class="editor-row">
- <div class="gf-form-button-row">
- <button class="btn btn-warning" ng-click="alertTab.markAsDeleted()">Delete Alert</button>
- </div>
- </div>
|