mirror of https://github.com/grafana/grafana
bergquist
10 years ago
parent
09de46e5ac
commit
add7078f66
@ -1,144 +0,0 @@ |
|||||||
define([ |
|
||||||
'angular', |
|
||||||
'app/core/config', |
|
||||||
'lodash' |
|
||||||
], |
|
||||||
function (angular, config, _) { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
var module = angular.module('grafana.controllers'); |
|
||||||
|
|
||||||
module.controller('PlaylistEditCtrl', function($scope, playlistSrv, backendSrv, $location, $route) { |
|
||||||
$scope.filteredPlaylistItems = []; |
|
||||||
$scope.foundPlaylistItems = []; |
|
||||||
$scope.searchQuery = ''; |
|
||||||
$scope.loading = false; |
|
||||||
$scope.playlist = { |
|
||||||
interval: '10m', |
|
||||||
}; |
|
||||||
$scope.playlistItems = []; |
|
||||||
|
|
||||||
$scope.init = function() { |
|
||||||
if ($route.current.params.id) { |
|
||||||
var playlistId = $route.current.params.id; |
|
||||||
|
|
||||||
backendSrv.get('/api/playlists/' + playlistId) |
|
||||||
.then(function(result) { |
|
||||||
$scope.playlist = result; |
|
||||||
}); |
|
||||||
|
|
||||||
backendSrv.get('/api/playlists/' + playlistId + '/items') |
|
||||||
.then(function(result) { |
|
||||||
$scope.playlistItems = result; |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
$scope.search(); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.search = function() { |
|
||||||
var query = {limit: 10}; |
|
||||||
|
|
||||||
if ($scope.searchQuery) { |
|
||||||
query.query = $scope.searchQuery; |
|
||||||
} |
|
||||||
|
|
||||||
$scope.loading = true; |
|
||||||
|
|
||||||
backendSrv.search(query) |
|
||||||
.then(function(results) { |
|
||||||
$scope.foundPlaylistItems = results; |
|
||||||
$scope.filterFoundPlaylistItems(); |
|
||||||
}) |
|
||||||
.finally(function() { |
|
||||||
$scope.loading = false; |
|
||||||
}); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.filterFoundPlaylistItems = function() { |
|
||||||
$scope.filteredPlaylistItems = _.reject($scope.foundPlaylistItems, function(playlistItem) { |
|
||||||
return _.findWhere($scope.playlistItems, function(listPlaylistItem) { |
|
||||||
return parseInt(listPlaylistItem.value) === playlistItem.id; |
|
||||||
}); |
|
||||||
}); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.addPlaylistItem = function(playlistItem) { |
|
||||||
playlistItem.value = playlistItem.id.toString(); |
|
||||||
playlistItem.type = 'dashboard_by_id'; |
|
||||||
playlistItem.order = $scope.playlistItems.length + 1; |
|
||||||
|
|
||||||
$scope.playlistItems.push(playlistItem); |
|
||||||
$scope.filterFoundPlaylistItems(); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.removePlaylistItem = function(playlistItem) { |
|
||||||
_.remove($scope.playlistItems, function(listedPlaylistItem) { |
|
||||||
return playlistItem === listedPlaylistItem; |
|
||||||
}); |
|
||||||
$scope.filterFoundPlaylistItems(); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.savePlaylist = function(playlist, playlistItems) { |
|
||||||
var savePromise; |
|
||||||
|
|
||||||
playlist.items = playlistItems; |
|
||||||
|
|
||||||
savePromise = playlist.id |
|
||||||
? backendSrv.put('/api/playlists/' + playlist.id, playlist) |
|
||||||
: backendSrv.post('/api/playlists', playlist); |
|
||||||
|
|
||||||
savePromise |
|
||||||
.then(function() { |
|
||||||
$scope.appEvent('alert-success', ['Playlist saved', '']); |
|
||||||
$location.path('/playlists'); |
|
||||||
}, function() { |
|
||||||
$scope.appEvent('alert-error', ['Unable to save playlist', '']); |
|
||||||
}); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.isNew = function() { |
|
||||||
return !$scope.playlist.id; |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.isPlaylistEmpty = function() { |
|
||||||
return !$scope.playlistItems.length; |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.isSearchResultsEmpty = function() { |
|
||||||
return !$scope.foundPlaylistItems.length; |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.isSearchQueryEmpty = function() { |
|
||||||
return $scope.searchQuery === ''; |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.backToList = function() { |
|
||||||
$location.path('/playlists'); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.isLoading = function() { |
|
||||||
return $scope.loading; |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.movePlaylistItem = function(playlistItem, offset) { |
|
||||||
var currentPosition = $scope.playlistItems.indexOf(playlistItem); |
|
||||||
var newPosition = currentPosition + offset; |
|
||||||
|
|
||||||
if (newPosition >= 0 && newPosition < $scope.playlistItems.length) { |
|
||||||
$scope.playlistItems.splice(currentPosition, 1); |
|
||||||
$scope.playlistItems.splice(newPosition, 0, playlistItem); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.movePlaylistItemUp = function(playlistItem) { |
|
||||||
$scope.movePlaylistItem(playlistItem, -1); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.movePlaylistItemDown = function(playlistItem) { |
|
||||||
$scope.movePlaylistItem(playlistItem, 1); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.init(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -0,0 +1,141 @@ |
|||||||
|
///<reference path="../../headers/common.d.ts" />
|
||||||
|
|
||||||
|
import angular from 'angular'; |
||||||
|
import _ from 'lodash'; |
||||||
|
import coreModule from '../../core/core_module'; |
||||||
|
import config from 'app/core/config'; |
||||||
|
|
||||||
|
export class PlaylistEditCtrl { |
||||||
|
filteredPlaylistItems: any = []; |
||||||
|
foundPlaylistItems: any = []; |
||||||
|
searchQuery: string = ''; |
||||||
|
loading: boolean = false; |
||||||
|
playlist: any = { |
||||||
|
interval: '10m', |
||||||
|
}; |
||||||
|
playlistItems: any = []; |
||||||
|
|
||||||
|
/** @ngInject */ |
||||||
|
constructor(private $scope, private playlistSrv, private backendSrv, private $location, private $route) { |
||||||
|
if ($route.current.params.id) { |
||||||
|
var playlistId = $route.current.params.id; |
||||||
|
|
||||||
|
backendSrv.get('/api/playlists/' + playlistId) |
||||||
|
.then((result) => { |
||||||
|
this.playlist = result; |
||||||
|
}); |
||||||
|
|
||||||
|
backendSrv.get('/api/playlists/' + playlistId + '/items') |
||||||
|
.then((result) => { |
||||||
|
this.playlistItems = result; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
this.search(); |
||||||
|
} |
||||||
|
|
||||||
|
search() { |
||||||
|
var query: any = {limit: 10}; |
||||||
|
|
||||||
|
if (this.searchQuery) { |
||||||
|
query.query = this.searchQuery; |
||||||
|
} |
||||||
|
|
||||||
|
this.loading = true; |
||||||
|
|
||||||
|
this.backendSrv.search(query) |
||||||
|
.then((results) => { |
||||||
|
this.foundPlaylistItems = results; |
||||||
|
this.filterFoundPlaylistItems(); |
||||||
|
}) |
||||||
|
.finally(() => { |
||||||
|
this.loading = false; |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
filterFoundPlaylistItems() { |
||||||
|
this.filteredPlaylistItems = _.reject(this.foundPlaylistItems, (playlistItem) => { |
||||||
|
return _.findWhere(this.playlistItems, (listPlaylistItem) => { |
||||||
|
return parseInt(listPlaylistItem.value) === playlistItem.id; |
||||||
|
}); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
addPlaylistItem(playlistItem) { |
||||||
|
playlistItem.value = playlistItem.id.toString(); |
||||||
|
playlistItem.type = 'dashboard_by_id'; |
||||||
|
playlistItem.order = this.playlistItems.length + 1; |
||||||
|
|
||||||
|
this.playlistItems.push(playlistItem); |
||||||
|
this.filterFoundPlaylistItems(); |
||||||
|
}; |
||||||
|
|
||||||
|
removePlaylistItem(playlistItem) { |
||||||
|
_.remove(this.playlistItems, (listedPlaylistItem) => { |
||||||
|
return playlistItem === listedPlaylistItem; |
||||||
|
}); |
||||||
|
this.filterFoundPlaylistItems(); |
||||||
|
}; |
||||||
|
|
||||||
|
savePlaylist(playlist, playlistItems) { |
||||||
|
var savePromise; |
||||||
|
|
||||||
|
playlist.items = playlistItems; |
||||||
|
|
||||||
|
savePromise = playlist.id |
||||||
|
? this.backendSrv.put('/api/playlists/' + playlist.id, playlist) |
||||||
|
: this.backendSrv.post('/api/playlists', playlist); |
||||||
|
|
||||||
|
savePromise |
||||||
|
.then(() => { |
||||||
|
this.$scope.appEvent('alert-success', ['Playlist saved', '']); |
||||||
|
this.$location.path('/playlists'); |
||||||
|
}, () => { |
||||||
|
this.$scope.appEvent('alert-error', ['Unable to save playlist', '']); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
isNew() { |
||||||
|
return !this.playlist.id; |
||||||
|
}; |
||||||
|
|
||||||
|
isPlaylistEmpty() { |
||||||
|
return !this.playlistItems.length; |
||||||
|
}; |
||||||
|
|
||||||
|
isSearchResultsEmpty() { |
||||||
|
return !this.foundPlaylistItems.length; |
||||||
|
}; |
||||||
|
|
||||||
|
isSearchQueryEmpty() { |
||||||
|
return this.searchQuery === ''; |
||||||
|
}; |
||||||
|
|
||||||
|
backToList() { |
||||||
|
this.$location.path('/playlists'); |
||||||
|
}; |
||||||
|
|
||||||
|
isLoading() { |
||||||
|
return this.loading; |
||||||
|
}; |
||||||
|
|
||||||
|
movePlaylistItem(playlistItem, offset) { |
||||||
|
var currentPosition = this.playlistItems.indexOf(playlistItem); |
||||||
|
var newPosition = currentPosition + offset; |
||||||
|
|
||||||
|
if (newPosition >= 0 && newPosition < this.playlistItems.length) { |
||||||
|
this.playlistItems.splice(currentPosition, 1); |
||||||
|
this.playlistItems.splice(newPosition, 0, playlistItem); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
movePlaylistItemUp(playlistItem) { |
||||||
|
this.movePlaylistItem(playlistItem, -1); |
||||||
|
}; |
||||||
|
|
||||||
|
movePlaylistItemDown(playlistItem) { |
||||||
|
this.movePlaylistItem(playlistItem, 1); |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
coreModule.controller('PlaylistEditCtrl', PlaylistEditCtrl); |
||||||
@ -1,43 +0,0 @@ |
|||||||
define([ |
|
||||||
'angular', |
|
||||||
'lodash' |
|
||||||
], |
|
||||||
function (angular, _) { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
var module = angular.module('grafana.controllers'); |
|
||||||
|
|
||||||
module.controller('PlaylistsCtrl', function($scope, $location, backendSrv) { |
|
||||||
backendSrv.get('/api/playlists') |
|
||||||
.then(function(result) { |
|
||||||
$scope.playlists = result; |
|
||||||
}); |
|
||||||
|
|
||||||
$scope.removePlaylistConfirmed = function(playlist) { |
|
||||||
_.remove($scope.playlists, {id: playlist.id}); |
|
||||||
|
|
||||||
backendSrv.delete('/api/playlists/' + playlist.id) |
|
||||||
.then(function() { |
|
||||||
$scope.appEvent('alert-success', ['Playlist deleted', '']); |
|
||||||
}, function() { |
|
||||||
$scope.appEvent('alert-error', ['Unable to delete playlist', '']); |
|
||||||
$scope.playlists.push(playlist); |
|
||||||
}); |
|
||||||
}; |
|
||||||
|
|
||||||
$scope.removePlaylist = function(playlist) { |
|
||||||
|
|
||||||
$scope.appEvent('confirm-modal', { |
|
||||||
title: 'Confirm delete playlist', |
|
||||||
text: 'Are you sure you want to delete playlist ' + playlist.name + '?', |
|
||||||
yesText: "Delete", |
|
||||||
icon: "fa-warning", |
|
||||||
onConfirm: function() { |
|
||||||
$scope.removePlaylistConfirmed(playlist); |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
}; |
|
||||||
|
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -0,0 +1,45 @@ |
|||||||
|
///<reference path="../../headers/common.d.ts" />
|
||||||
|
|
||||||
|
import angular from 'angular'; |
||||||
|
import _ from 'lodash'; |
||||||
|
import coreModule from '../../core/core_module'; |
||||||
|
|
||||||
|
export class PlaylistsCtrl { |
||||||
|
playlists: any; |
||||||
|
|
||||||
|
/** @ngInject */ |
||||||
|
constructor(private $scope, private $location, private backendSrv) { |
||||||
|
backendSrv.get('/api/playlists') |
||||||
|
.then((result) => { |
||||||
|
this.playlists = result; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
removePlaylistConfirmed(playlist) { |
||||||
|
_.remove(this.playlists, { id: playlist.id }); |
||||||
|
|
||||||
|
this.backendSrv.delete('/api/playlists/' + playlist.id) |
||||||
|
.then(() => { |
||||||
|
this.$scope.appEvent('alert-success', ['Playlist deleted', '']); |
||||||
|
}, () => { |
||||||
|
this.$scope.appEvent('alert-error', ['Unable to delete playlist', '']); |
||||||
|
this.playlists.push(playlist); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
removePlaylist(playlist) { |
||||||
|
|
||||||
|
this.$scope.appEvent('confirm-modal', { |
||||||
|
title: 'Confirm delete playlist', |
||||||
|
text: 'Are you sure you want to delete playlist ' + playlist.name + '?', |
||||||
|
yesText: "Delete", |
||||||
|
icon: "fa-warning", |
||||||
|
onConfirm: () => { |
||||||
|
this.removePlaylistConfirmed(playlist); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
coreModule.controller('PlaylistsCtrl', PlaylistsCtrl); |
||||||
Loading…
Reference in new issue