diff --git a/public/app/features/plugins/plugin_component.ts b/public/app/features/plugins/plugin_component.ts index c9bd0442e1b..dc9a83d72df 100644 --- a/public/app/features/plugins/plugin_component.ts +++ b/public/app/features/plugins/plugin_component.ts @@ -6,7 +6,6 @@ import coreModule from 'app/core/core_module'; import { importPluginModule } from './plugin_loader'; import { UnknownPanelCtrl } from 'app/plugins/panel/unknown/module'; -import { DashboardRowCtrl } from './row_ctrl'; /** @ngInject **/ function pluginDirectiveLoader($compile, datasourceSrv, $rootScope, $q, $http, $templateCache) { @@ -59,15 +58,6 @@ function pluginDirectiveLoader($compile, datasourceSrv, $rootScope, $q, $http, $ } function loadPanelComponentInfo(scope, attrs) { - if (scope.panel.type === 'row') { - return $q.when({ - name: 'dashboard-row', - bindings: { dashboard: '=', panel: '=' }, - attrs: { dashboard: 'ctrl.dashboard', panel: 'panel' }, - Component: DashboardRowCtrl, - }); - } - var componentInfo: any = { name: 'panel-plugin-' + scope.panel.type, bindings: { dashboard: '=', panel: '=', row: '=' }, diff --git a/public/app/features/plugins/row_ctrl.ts b/public/app/features/plugins/row_ctrl.ts deleted file mode 100644 index 90fc0d07e38..00000000000 --- a/public/app/features/plugins/row_ctrl.ts +++ /dev/null @@ -1,100 +0,0 @@ -import _ from 'lodash'; - -export class DashboardRowCtrl { - static template = ` -
-
- - -
- - - {{ctrl.panel.title | interpolateTemplateVars:this}} - - -
- -
-
- -
- ({{ctrl.panel.hiddenPanels.length}} hidden panels) -
-
-
- `; - - dashboard: any; - panel: any; - - constructor() { - this.panel.hiddenPanels = this.panel.hiddenPanels || []; - } - - toggle() { - if (this.panel.collapse) { - let panelIndex = _.indexOf(this.dashboard.panels, this.panel); - - for (let child of this.panel.hiddenPanels) { - this.dashboard.panels.splice(panelIndex + 1, 0, child); - child.y = this.panel.y + 1; - console.log('restoring child', child); - } - - this.panel.hiddenPanels = []; - this.panel.collapse = false; - return; - } - - this.panel.collapse = true; - let foundRow = false; - - for (let i = 0; i < this.dashboard.panels.length; i++) { - let panel = this.dashboard.panels[i]; - - if (panel === this.panel) { - console.log('found row'); - foundRow = true; - continue; - } - - if (!foundRow) { - continue; - } - - if (panel.type === 'row') { - break; - } - - this.panel.hiddenPanels.push(panel); - console.log('hiding child', panel.id); - } - - for (let hiddenPanel of this.panel.hiddenPanels) { - this.dashboard.removePanel(hiddenPanel, false); - } - } - - moveUp() { - // let panelIndex = _.indexOf(this.dashboard.panels, this.panel); - // let rowAbove = null; - // for (let index = panelIndex-1; index > 0; index--) { - // panel = this.dashboard.panels[index]; - // if (panel.type === 'row') { - // rowAbove = panel; - // } - // } - // - // if (rowAbove) { - // this.panel.y = rowAbove.y; - // } - } - - link(scope, elem) { - elem.addClass('dashboard-row'); - - scope.$watch('ctrl.panel.collapse', () => { - elem.toggleClass('dashboard-row--collapse', this.panel.collapse === true); - }); - } -}