energylink/public/app/features/alerting/notification_edit_ctrl.ts

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

import _ from "lodash";
import { appEvents, coreModule } from "app/core/core";

export class AlertNotificationEditCtrl {
  theForm: any;
  navModel: any;
  testSeverity = "critical";
  notifiers: any;
  notifierTemplateId: string;
  isNew: boolean;
  model: any;
  defaults: any = {
    type: "email",
    settings: {
      httpMethod: "POST",
      autoResolve: true,
      uploadImage: true
    },
    isDefault: false
  };

  /** @ngInject */
  constructor(
    private $routeParams,
    private backendSrv,
    private $location,
    private $templateCache,
    navModelSrv
  ) {
    this.navModel = navModelSrv.getNav("alerting", "channels", 0);
    this.isNew = !this.$routeParams.id;

    this.backendSrv
      .get(`/api/alert-notifiers`)
      .then(notifiers => {
        this.notifiers = notifiers;

        // add option templates
        for (let notifier of this.notifiers) {
          this.$templateCache.put(
            this.getNotifierTemplateId(notifier.type),
            notifier.optionsTemplate
          );
        }

        if (!this.$routeParams.id) {
          this.navModel.breadcrumbs.push({ text: "New channel" });
          this.navModel.node = { text: "New channel" };
          return _.defaults(this.model, this.defaults);
        }

        return this.backendSrv
          .get(`/api/alert-notifications/${this.$routeParams.id}`)
          .then(result => {
            this.navModel.breadcrumbs.push({ text: result.name });
            this.navModel.node = { text: result.name };
            return result;
          });
      })
      .then(model => {
        this.model = model;
        this.notifierTemplateId = this.getNotifierTemplateId(this.model.type);
      });
  }

  save() {
    if (!this.theForm.$valid) {
      return;
    }

    if (this.model.id) {
      this.backendSrv
        .put(`/api/alert-notifications/${this.model.id}`, this.model)
        .then(res => {
          this.model = res;
          appEvents.emit("alert-success", ["Notification updated", ""]);
        });
    } else {
      this.backendSrv.post(`/api/alert-notifications`, this.model).then(res => {
        appEvents.emit("alert-success", ["Notification created", ""]);
        this.$location.path("alerting/notifications");
      });
    }
  }

  getNotifierTemplateId(type) {
    return `notifier-options-${type}`;
  }

  typeChanged() {
    this.model.settings = {};
    this.notifierTemplateId = this.getNotifierTemplateId(this.model.type);
  }

  testNotification() {
    if (!this.theForm.$valid) {
      return;
    }

    var payload = {
      name: this.model.name,
      type: this.model.type,
      settings: this.model.settings
    };

    this.backendSrv.post(`/api/alert-notifications/test`, payload).then(res => {
      appEvents.emit("alert-success", ["Test notification sent", ""]);
    });
  }
}

coreModule.controller("AlertNotificationEditCtrl", AlertNotificationEditCtrl);