///<reference path="../../../headers/common.d.ts" />

import _ from 'lodash';
import $ from 'jquery';
import angular from 'angular';

export class AlertTabCtrl {
  panel: any;
  panelCtrl: any;
  alerting: any;

  /** @ngInject */
  constructor($scope) {
    $scope.alertTab = this; //HACK ATTACK!
    this.panelCtrl = $scope.ctrl;
    this.panel = this.panelCtrl.panel;
    this.panel.alerting = this.panel.alerting || {};
    this.panel.alerting.aggregator = this.panel.alerting.aggregator || 'avg';
    this.panel.alerting.interval = this.panel.alerting.interval || '60s';
    this.panel.alerting.queryRange = this.panel.alerting.queryRange || '10m';

    this.convertThresholdsToAlertThresholds();
  }

  convertThresholdsToAlertThresholds() {
    if (this.panel.grid && this.panel.grid.threshold1) {
      this.panel.alerting.warnLevel = '< ' + this.panel.grid.threshold1;
    }

    if (this.panel.grid && this.panel.grid.threshold2) {
      this.panel.alerting.critLevel = '< ' + this.panel.grid.threshold2;
    }
  }

  thresholdsUpdated() {
    if (this.panel.alerting.warnLevel) {
      var threshold = this.panel.alerting.warnLevel
        .replace(' ', '')
        .replace('>', '')
        .replace('<', '')
        .replace('>=', '')
        .replace('<=', '');

      this.panel.grid.threshold1 = parseInt(threshold);
    }

    if (this.panel.alerting.critLevel) {
      var threshold = this.panel.alerting.critLevel
        .replace(' ', '')
        .replace('>', '')
        .replace('<', '')
        .replace('>=', '')
        .replace('<=', '');

      this.panel.grid.threshold2 = parseInt(threshold);
    }
    this.panelCtrl.render();
  }
}

/** @ngInject */
export function graphAlertEditor() {
  'use strict';
  return {
    restrict: 'E',
    scope: true,
    templateUrl: 'public/app/plugins/panel/graph/partials/tab_alerting.html',
    controller: AlertTabCtrl,
  };
}