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

<div class="editor-row">
  <div class="gf-form-group section" >
    <h5 class="section-heading">Query</h5>
    <div class="gf-form" style="margin-bottom: 2rem">
      <span class="gf-form-label width-9">Query to watch</span>
      <div class="gf-form-select-wrapper max-width-12">
        <select class="gf-form-input"
          ng-model="ctrl.panel.alerting.queryRef"
          ng-options="target.refId as target.refId for target in alertTab.metricTargets"></select>
      </div>
    </div>

    <h5 class="section-heading">Thresholds</h5>
    <div class="gf-form">
      <span class="gf-form-label width-9">
        <i class="icon-gf icon-gf-warn alert-icon-warn"></i>
        Warn level
      </span>
      <div class="gf-form-select-wrapper max-width-10">
				<select class="gf-form-input" ng-model="ctrl.panel.alerting.warnOperator" ng-options="oper as oper for oper in alertTab.operators"></select>
      </div>
      <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 width-9">
        <i class="icon-gf icon-gf-critical alert-icon-critical"></i>
        Critical level
      </span>
      <div class="gf-form-select-wrapper max-width-10">
        <select class="gf-form-input" ng-model="ctrl.panel.alerting.critOperator" ng-options="oper as oper for oper in alertTab.operators"></select>
      </div>
      <input class="gf-form-input max-width-7" type="number" ng-model="ctrl.panel.alerting.critLevel" ng-change="alertTab.thresholdsUpdated()"></input>
    </div>
  </div>

  <div class="gf-form-group section">
    <h5 class="section-heading">Aggregation settings</h5>
    <div class="gf-form">
      <span class="gf-form-label width-10">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-10">Query range</span>
      <input class="gf-form-input max-width-10" type="text"
        ng-model="ctrl.panel.alerting.queryRange" placeholder="10m"></input>
    </div>

    <div class="gf-form">
      <span class="gf-form-label width-10">Interval</span>
      <input class="gf-form-input max-width-10" type="text"
        ng-model="ctrl.panel.alerting.interval" placeholder="10s"></input>
    </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.title">
    </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>