energylink/public/app/plugins/panel/graph/partials/tab_alerting.html

<div class="editor-row">
  <div class="gf-form-group section" >
    <h5 class="section-heading">Alert Rule</h5>
    <div class="gf-form-inline">
      <div class="gf-form">
        <span class="gf-form-label">Value</span>
        <input class="gf-form-input width-15" type="text" ng-model="ctrl.rule.valueExpr" ng-change="ctrl.thresholdsUpdated()"></input>
      </div>
      <div class="gf-form">
        <div class="gf-form-select-wrapper max-width-10">
          <select class="gf-form-input" ng-model="ctrl.rule.evalFunc" ng-options="oper as oper for oper in ctrl.evalFuncs"></select>
        </div>
      </div>
      <div class="gf-form">
        <span class="gf-form-label">
          <i class="icon-gf icon-gf-warn alert-icon-warn"></i>
          Warn
        </span>
        <input class="gf-form-input max-width-7" type="number" ng-model="ctrl.panel.alerting.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
        </span>
        <input class="gf-form-input max-width-7" type="number" ng-model="ctrl.panel.alerting.warnLevel" ng-change="alertTab.thresholdsUpdated()"></input>
      </div>
    </div>
  </div>
</div>
  <!--   <div class="gf&#45;form"> -->
  <!--     <span class="gf&#45;form&#45;label width&#45;12">Aggregation method</span> -->
  <!--     <div class="gf&#45;form&#45;select&#45;wrapper max&#45;width&#45;10"> -->
  <!--       <select class="gf&#45;form&#45;input" -->
  <!--         ng&#45;model="ctrl.panel.alerting.aggregator" -->
  <!--         ng&#45;options="oper as oper for oper in alertTab.aggregators"></select> -->
  <!--     </div> -->
  <!--   </div> -->
  <!--  -->
  <!--   <div class="gf&#45;form"> -->
  <!--     <span class="gf&#45;form&#45;label width&#45;12">Query range  (seconds)</span> -->
  <!--     <input class="gf&#45;form&#45;input max&#45;width&#45;10" type="number" -->
  <!--       ng&#45;model="ctrl.panel.alerting.queryRange" placeholder="3600"></input> -->
  <!--   </div> -->
  <!--  -->
  <!--   <div class="gf&#45;form"> -->
  <!--     <span class="gf&#45;form&#45;label width&#45;12">Frequency (seconds)</span> -->
  <!--     <input class="gf&#45;form&#45;input max&#45;width&#45;10" type="number" -->
  <!--       ng&#45;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>