mirror of https://github.com/grafana/grafana
Torkel Ödegaard
9 years ago
parent
29e834e74b
commit
01627b3a68
@ -1,167 +1,51 @@ |
||||
define([ |
||||
'angular', |
||||
'lodash', |
||||
'app/core/config' |
||||
], |
||||
function (angular, _, config) { |
||||
'use strict'; |
||||
|
||||
var module = angular.module('grafana.controllers'); |
||||
|
||||
module.controller('RowCtrl', function($scope, $rootScope, $timeout) { |
||||
var _d = { |
||||
title: "Row", |
||||
height: "150px", |
||||
collapse: false, |
||||
editable: true, |
||||
panels: [], |
||||
}; |
||||
|
||||
_.defaults($scope.row,_d); |
||||
|
||||
$scope.init = function() { |
||||
$scope.editor = {index: 0}; |
||||
}; |
||||
|
||||
$scope.togglePanelMenu = function(posX) { |
||||
$scope.showPanelMenu = !$scope.showPanelMenu; |
||||
$scope.panelMenuPos = posX; |
||||
}; |
||||
|
||||
$scope.toggleRow = function(row) { |
||||
row.collapse = row.collapse ? false : true; |
||||
}; |
||||
|
||||
$scope.settingsHover = function(row) { |
||||
// Shows/hides the settings button on hover
|
||||
return row.hoverSettings = ! row.hoverSettings; |
||||
}; |
||||
|
||||
$scope.addPanel = function(panel) { |
||||
$scope.dashboard.addPanel(panel, $scope.row); |
||||
}; |
||||
|
||||
$scope.deleteRow = function() { |
||||
function delete_row() { |
||||
$scope.dashboard.rows = _.without($scope.dashboard.rows, $scope.row); |
||||
} |
||||
|
||||
if (!$scope.row.panels.length) { |
||||
delete_row(); |
||||
return; |
||||
} |
||||
|
||||
$scope.appEvent('confirm-modal', { |
||||
title: 'Delete', |
||||
text: 'Are you sure you want to delete this row?', |
||||
icon: 'fa-trash', |
||||
yesText: 'Delete', |
||||
onConfirm: function() { |
||||
delete_row(); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
$scope.editRow = function() { |
||||
$scope.appEvent('show-dash-editor', { |
||||
src: 'public/app/partials/roweditor.html', |
||||
scope: $scope.$new() |
||||
}); |
||||
}; |
||||
|
||||
$scope.moveRow = function(direction) { |
||||
var rowsList = $scope.dashboard.rows; |
||||
var rowIndex = _.indexOf(rowsList, $scope.row); |
||||
var newIndex = rowIndex; |
||||
switch(direction) { |
||||
case 'up': { |
||||
newIndex = rowIndex - 1; |
||||
break; |
||||
} |
||||
case 'down': { |
||||
newIndex = rowIndex + 1; |
||||
break; |
||||
} |
||||
case 'top': { |
||||
newIndex = 0; |
||||
break; |
||||
} |
||||
case 'bottom': { |
||||
newIndex = rowsList.length - 1; |
||||
break; |
||||
} |
||||
default: { |
||||
newIndex = rowIndex; |
||||
} |
||||
} |
||||
if (newIndex >= 0 && newIndex <= (rowsList.length - 1)) { |
||||
_.move(rowsList, rowIndex, newIndex); |
||||
} |
||||
}; |
||||
|
||||
$scope.addPanelDefault = function(type) { |
||||
var defaultSpan = 12; |
||||
var _as = 12 - $scope.dashboard.rowSpan($scope.row); |
||||
|
||||
var panel = { |
||||
title: config.new_panel_title, |
||||
error: false, |
||||
span: _as < defaultSpan && _as > 0 ? _as : defaultSpan, |
||||
editable: true, |
||||
type: type, |
||||
isNew: true, |
||||
}; |
||||
|
||||
$scope.addPanel(panel); |
||||
|
||||
$timeout(function() { |
||||
$scope.dashboardViewState.update({fullscreen: true, edit: true, panelId: panel.id }); |
||||
}); |
||||
}; |
||||
|
||||
$scope.setHeight = function(height) { |
||||
$scope.row.height = height; |
||||
$scope.$broadcast('render'); |
||||
}; |
||||
|
||||
$scope.init(); |
||||
}); |
||||
|
||||
module.directive('rowHeight', function() { |
||||
return function(scope, element) { |
||||
scope.$watchGroup(['row.collapse', 'row.height'], function() { |
||||
element.css({ minHeight: scope.row.collapse ? '5px' : scope.row.height }); |
||||
}); |
||||
|
||||
scope.onAppEvent('panel-fullscreen-enter', function(evt, info) { |
||||
var hasPanel = _.find(scope.row.panels, {id: info.panelId}); |
||||
if (!hasPanel) { |
||||
element.hide(); |
||||
} |
||||
}); |
||||
|
||||
scope.onAppEvent('panel-fullscreen-exit', function() { |
||||
element.show(); |
||||
}); |
||||
}; |
||||
}); |
||||
|
||||
module.directive('panelDropZone', function() { |
||||
return function(scope, element) { |
||||
scope.$on("ANGULAR_DRAG_START", function() { |
||||
var dropZoneSpan = 12 - scope.dashboard.rowSpan(scope.row); |
||||
|
||||
if (dropZoneSpan > 0) { |
||||
element.find('.panel-container').css('height', scope.row.height); |
||||
element[0].style.width = ((dropZoneSpan / 1.2) * 10) + '%'; |
||||
element.show(); |
||||
} |
||||
}); |
||||
|
||||
scope.$on("ANGULAR_DRAG_END", function() { |
||||
element.hide(); |
||||
}); |
||||
}; |
||||
}); |
||||
|
||||
}); |
||||
// define([
|
||||
// 'angular',
|
||||
// 'lodash',
|
||||
// 'app/core/config'
|
||||
// ],
|
||||
// function (angular, _, config) {
|
||||
// 'use strict';
|
||||
//
|
||||
// var module = angular.module('grafana.controllers');
|
||||
//
|
||||
// module.controller('RowCtrl', function($scope, $rootScope, $timeout) {
|
||||
//
|
||||
// $scope.moveRow = function(direction) {
|
||||
// var rowsList = $scope.dashboard.rows;
|
||||
// var rowIndex = _.indexOf(rowsList, $scope.row);
|
||||
// var newIndex = rowIndex;
|
||||
// switch(direction) {
|
||||
// case 'up': {
|
||||
// newIndex = rowIndex - 1;
|
||||
// break;
|
||||
// }
|
||||
// case 'down': {
|
||||
// newIndex = rowIndex + 1;
|
||||
// break;
|
||||
// }
|
||||
// case 'top': {
|
||||
// newIndex = 0;
|
||||
// break;
|
||||
// }
|
||||
// case 'bottom': {
|
||||
// newIndex = rowsList.length - 1;
|
||||
// break;
|
||||
// }
|
||||
// default: {
|
||||
// newIndex = rowIndex;
|
||||
// }
|
||||
// }
|
||||
// if (newIndex >= 0 && newIndex <= (rowsList.length - 1)) {
|
||||
// _.move(rowsList, rowIndex, newIndex);
|
||||
// }
|
||||
// };
|
||||
//
|
||||
// $scope.setHeight = function(height) {
|
||||
// $scope.row.height = height;
|
||||
// $scope.$broadcast('render');
|
||||
// };
|
||||
//
|
||||
// $scope.init();
|
||||
// });
|
||||
//
|
||||
// });
|
||||
|
||||
Loading…
Reference in new issue