energylink/public/app/features/dashboard/acl/acl.ts

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

import coreModule from "app/core/core_module";
import _ from "lodash";

export class AclCtrl {
  dashboard: any;
  items: DashboardAcl[];
  permissionOptions = [
    { value: 1, text: "View" },
    { value: 2, text: "Edit" },
    { value: 4, text: "Admin" }
  ];
  aclTypes = [
    { value: "Group", text: "Team" },
    { value: "User", text: "User" },
    { value: "Viewer", text: "Everyone With Viewer Role" },
    { value: "Editor", text: "Everyone With Editor Role" }
  ];

  dismiss: () => void;
  newType: string;
  canUpdate: boolean;
  error: string;

  readonly duplicateError = "This permission exists already.";

  /** @ngInject */
  constructor(private backendSrv, dashboardSrv, private $sce, private $scope) {
    this.items = [];
    this.resetNewType();
    this.dashboard = dashboardSrv.getCurrent();
    this.get(this.dashboard.id);
  }

  resetNewType() {
    this.newType = "Group";
  }

  get(dashboardId: number) {
    return this.backendSrv
      .get(`/api/dashboards/id/${dashboardId}/acl`)
      .then(result => {
        this.items = _.map(result, this.prepareViewModel.bind(this));
        this.sortItems();
      });
  }

  sortItems() {
    this.items = _.orderBy(
      this.items,
      ["sortRank", "sortName"],
      ["desc", "asc"]
    );
  }

  prepareViewModel(item: DashboardAcl): DashboardAcl {
    item.inherited =
      !this.dashboard.meta.isFolder && this.dashboard.id !== item.dashboardId;
    item.sortRank = 0;

    if (item.userId > 0) {
      item.icon = "fa fa-fw fa-user";
      item.nameHtml = this.$sce.trustAsHtml(item.userLogin);
      item.sortName = item.userLogin;
      item.sortRank = 10;
    } else if (item.teamId > 0) {
      item.icon = "fa fa-fw fa-users";
      item.nameHtml = this.$sce.trustAsHtml(item.team);
      item.sortName = item.team;
      item.sortRank = 20;
    } else if (item.role) {
      item.icon = "fa fa-fw fa-street-view";
      item.nameHtml = this.$sce.trustAsHtml(
        `Everyone with <span class="query-keyword">${item.role}</span> Role`
      );
      item.sortName = item.role;
      item.sortRank = 30;
      if (item.role === "Viewer") {
        item.sortRank += 1;
      }
    }

    if (item.inherited) {
      item.sortRank += 100;
    }

    return item;
  }

  update() {
    var updated = [];
    for (let item of this.items) {
      if (item.inherited) {
        continue;
      }
      updated.push({
        id: item.id,
        userId: item.userId,
        teamId: item.teamId,
        role: item.role,
        permission: item.permission
      });
    }

    return this.backendSrv
      .post(`/api/dashboards/id/${this.dashboard.id}/acl`, { items: updated })
      .then(() => {
        return this.dismiss();
      });
  }

  typeChanged() {
    if (this.newType === "Viewer" || this.newType === "Editor") {
      this.addNewItem({ permission: 1, role: this.newType });
      this.canUpdate = true;
      this.resetNewType();
    }
  }

  permissionChanged() {
    this.canUpdate = true;
  }

  addNewItem(item) {
    if (!this.isValid(item)) {
      return;
    }
    this.error = "";

    item.dashboardId = this.dashboard.id;

    this.items.push(this.prepareViewModel(item));
    this.sortItems();

    this.canUpdate = true;
  }

  isValid(item) {
    const dupe = _.find(this.items, it => {
      return this.isDuplicate(it, item);
    });

    if (dupe) {
      this.error = this.duplicateError;
      return false;
    }

    return true;
  }

  isDuplicate(origItem, newItem) {
    if (origItem.inherited) {
      return false;
    }

    return (
      (origItem.role && newItem.role && origItem.role === newItem.role) ||
      (origItem.userId &&
        newItem.userId &&
        origItem.userId === newItem.userId) ||
      (origItem.teamId && newItem.teamId && origItem.teamId === newItem.teamId)
    );
  }

  userPicked(user) {
    this.addNewItem({ userId: user.id, userLogin: user.login, permission: 1 });
    this.$scope.$broadcast("user-picker-reset");
  }

  groupPicked(group) {
    this.addNewItem({ teamId: group.id, team: group.name, permission: 1 });
    this.$scope.$broadcast("team-picker-reset");
  }

  removeItem(index) {
    this.items.splice(index, 1);
    this.canUpdate = true;
  }
}

export function dashAclModal() {
  return {
    restrict: "E",
    templateUrl: "public/app/features/dashboard/acl/acl.html",
    controller: AclCtrl,
    bindToController: true,
    controllerAs: "ctrl",
    scope: {
      dismiss: "&"
    }
  };
}

export interface FormModel {
  dashboardId: number;
  userId?: number;
  teamId?: number;
  PermissionType: number;
}

export interface DashboardAcl {
  id?: number;
  dashboardId?: number;
  userId?: number;
  userLogin?: string;
  userEmail?: string;
  teamId?: number;
  team?: string;
  permission?: number;
  permissionName?: string;
  role?: string;
  icon?: string;
  nameHtml?: string;
  inherited?: boolean;
  sortName?: string;
  sortRank?: number;
}

coreModule.directive("dashAclModal", dashAclModal);