grafana/public/app/features/panel/panel.ts

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

import config from 'app/core/config';

function generalOptionsTabEditorTab() {
  return {templateUrl: 'public/app/partials/panelgeneral.html'};
}

export class PanelCtrl {
  panel: any;
  row: any;
  dashboard: any;
  editorTabIndex: number;
  name: string;
  icon: string;
  editorTabs: any;

  constructor(private scope) {
    var plugin = config.panels[this.panel.type];

    this.name = plugin.name;
    this.icon = plugin.info.icon;
    this.editorTabIndex = 0;
    this.publishAppEvent('panel-instantiated', {scope: scope});
  }

  publishAppEvent(evtName, evt) {
    this.scope.$root.appEvent(evtName, evt);
  }

  changeView(fullscreen, edit) {
    this.publishAppEvent('panel-change-view', {
      fullscreen: fullscreen, edit: edit, panelId: this.panel.id
    });
  }

  viewPanel() {
    this.changeView(true, false);
  }

  editPanel() {
    if (!this.editorTabs) {
      this.initEditorTabs();
    }

    this.changeView(true, true);
  }

  exitFullscreen() {
    this.changeView(false, false);
  }

  initEditorTabs() {
    this.editorTabs = [];
    this.editorTabs.push({title: 'General', directiveFn: generalOptionsTabEditorTab});
  }

  getMenu() {
    let menu = [];
    menu.push({text: 'View', click: 'ctrl.viewPanel(); dismiss();'});
    menu.push({text: 'Edit', click: 'ctrl.editPanel(); dismiss();', role: 'Editor'});
    menu.push({text: 'Duplicate', click: 'ctrl.duplicate()', role: 'Editor' });
    menu.push({text: 'Share', click: 'ctrl.share(); dismiss();'});
    return menu;
  }
}

export class PanelDirective {
  template: string;
  templateUrl: string;
  bindToController: boolean;
  scope: any;
  controller: any;
  controllerAs: string;

  getDirective() {
    return {
      template: this.template,
      templateUrl: this.templateUrl,
      controller: this.controller,
      controllerAs: 'ctrl',
      bindToController: true,
      scope: {dashboard: "=", panel: "=", row: "="},
      link: this.link
    };
  }

  link(scope) {
    return null;
  }
}