mirror of
https://github.com/getredash/redash.git
synced 2025-12-19 17:37:19 -05:00
451 lines
16 KiB
JavaScript
451 lines
16 KiB
JavaScript
(function () {
|
|
var DashboardCtrl = function ($scope, $routeParams, $http, $timeout, Dashboard) {
|
|
$scope.refreshEnabled = false;
|
|
$scope.refreshRate = 60;
|
|
$scope.dashboard = Dashboard.get({slug: $routeParams.dashboardSlug}, function(dashboard) {
|
|
$scope.$parent.pageTitle = dashboard.name;
|
|
});
|
|
|
|
var autoRefresh = function() {
|
|
if ($scope.refreshEnabled) {
|
|
$timeout(function() {
|
|
Dashboard.get({slug: $routeParams.dashboardSlug}, function(dashboard) {
|
|
var newWidgets = _.groupBy(_.flatten(dashboard.widgets), 'id');
|
|
|
|
_.each($scope.dashboard.widgets, function(row) {
|
|
_.each(row, function(widget, i) {
|
|
var newWidget = newWidgets[widget.id];
|
|
if (newWidget && newWidget[0].visualization.query.latest_query_data_id != widget.visualization.query.latest_query_data_id ) {
|
|
row[i] = newWidget[0];
|
|
}
|
|
});
|
|
});
|
|
|
|
autoRefresh();
|
|
});
|
|
|
|
}, $scope.refreshRate);
|
|
};
|
|
}
|
|
|
|
$scope.triggerRefresh = function(){
|
|
$scope.refreshEnabled = !$scope.refreshEnabled;
|
|
|
|
if ($scope.refreshEnabled) {
|
|
var refreshRate = _.min(_.flatten($scope.dashboard.widgets), function(widget) {
|
|
return widget.visualization.query.ttl;
|
|
}).visualization.query.ttl;
|
|
|
|
$scope.refreshRate = _.max([120, refreshRate * 2])*1000;
|
|
|
|
autoRefresh();
|
|
}
|
|
};
|
|
};
|
|
|
|
var WidgetCtrl = function ($scope, $http, $location, Query) {
|
|
$scope.deleteWidget = function() {
|
|
if (!confirm('Are you sure you want to remove "' + $scope.widget.visualization.name + '" from the dashboard?')) {
|
|
return;
|
|
}
|
|
|
|
$http.delete('/api/widgets/' + $scope.widget.id).success(function() {
|
|
$scope.dashboard.widgets = _.map($scope.dashboard.widgets, function(row) {
|
|
return _.filter(row, function(widget) {
|
|
return widget.id != $scope.widget.id;
|
|
})
|
|
});
|
|
});
|
|
};
|
|
|
|
$scope.open = function(query, visualization) {
|
|
$location.path('/queries/' + query.id);
|
|
$location.hash(visualization.id);
|
|
}
|
|
|
|
$scope.query = new Query($scope.widget.visualization.query);
|
|
$scope.queryResult = $scope.query.getQueryResult();
|
|
|
|
$scope.updateTime = (new Date($scope.queryResult.getUpdatedAt())).toISOString();
|
|
$scope.nextUpdateTime = moment(new Date(($scope.query.updated_at + $scope.query.ttl + $scope.query.runtime + 300) * 1000)).fromNow();
|
|
|
|
$scope.updateTime = '';
|
|
}
|
|
|
|
var QueryFiddleCtrl = function ($scope, $window, $location, $routeParams, $http, $location, growl, notifications, Query, Visualization) {
|
|
var DEFAULT_TAB = 'table';
|
|
var pristineHash = null;
|
|
var leavingPageText = "You will lose your changes if you leave";
|
|
|
|
$scope.dirty = undefined;
|
|
$scope.newVisualization = undefined;
|
|
|
|
$window.onbeforeunload = function(){
|
|
if (currentUser.canEdit($scope.query) && $scope.dirty) {
|
|
return leavingPageText;
|
|
}
|
|
}
|
|
|
|
Mousetrap.bindGlobal("meta+s", function(e) {
|
|
e.preventDefault();
|
|
|
|
if (currentUser.canEdit($scope.query)) {
|
|
$scope.saveQuery();
|
|
}
|
|
});
|
|
|
|
$scope.$on('$locationChangeStart', function(event, next, current) {
|
|
if (next.split("#")[0] == current.split("#")[0]) {
|
|
return;
|
|
}
|
|
|
|
if (!currentUser.canEdit($scope.query)) {
|
|
return;
|
|
}
|
|
|
|
if($scope.dirty &&
|
|
!confirm(leavingPageText + "\n\nAre you sure you want to leave this page?")) {
|
|
event.preventDefault();
|
|
} else {
|
|
Mousetrap.unbind("meta+s");
|
|
}
|
|
});
|
|
|
|
$scope.$parent.pageTitle = "Query Fiddle";
|
|
|
|
$scope.$watch(function() {return $location.hash()}, function(hash) {
|
|
$scope.selectedTab = hash || DEFAULT_TAB;
|
|
});
|
|
|
|
$scope.lockButton = function (lock) {
|
|
$scope.queryExecuting = lock;
|
|
};
|
|
|
|
$scope.formatQuery = function() {
|
|
$scope.editorOptions.readOnly = 'nocursor';
|
|
|
|
$http.post('/api/queries/format', {'query': $scope.query.query}).success(function(response) {
|
|
$scope.query.query = response;
|
|
$scope.editorOptions.readOnly = false;
|
|
})
|
|
}
|
|
|
|
$scope.saveQuery = function (duplicate, oldId, updateUrl) {
|
|
if (!oldId) {
|
|
oldId = $scope.query.id;
|
|
}
|
|
|
|
if (updateUrl == undefined) {
|
|
updateUrl = true;
|
|
}
|
|
|
|
delete $scope.query.latest_query_data;
|
|
$scope.query.$save(function (q) {
|
|
pristineHash = q.getHash();
|
|
$scope.dirty = false;
|
|
|
|
if (duplicate) {
|
|
growl.addInfoMessage("Query duplicated.", {ttl: 2000});
|
|
} else{
|
|
growl.addSuccessMessage("Query saved.", {ttl: 2000});
|
|
}
|
|
|
|
if (oldId != q.id) {
|
|
if (oldId == undefined && updateUrl) {
|
|
$location.path($location.path().replace('new', q.id)).replace();
|
|
} else {
|
|
// TODO: replace this with a safer method
|
|
$location.path($location.path().replace(oldId, q.id)).replace();
|
|
|
|
// Reset visualizations tab to table after duplicating a query:
|
|
$location.hash('table');
|
|
}
|
|
}
|
|
}, function(httpResponse) {
|
|
growl.addErrorMessage("Query could not be saved");
|
|
});
|
|
};
|
|
|
|
$scope.duplicateQuery = function () {
|
|
var oldId = $scope.query.id;
|
|
$scope.query.id = null;
|
|
$scope.query.ttl = -1;
|
|
|
|
$scope.saveQuery(true, oldId);
|
|
};
|
|
|
|
// Query Editor:
|
|
$scope.editorOptions = {
|
|
mode: 'text/x-sql',
|
|
lineWrapping: true,
|
|
lineNumbers: true,
|
|
readOnly: false,
|
|
matchBrackets: true,
|
|
autoCloseBrackets: true
|
|
};
|
|
|
|
$scope.refreshOptions = [
|
|
{value: -1, name: 'No Refresh'},
|
|
{value: 60, name: 'Every minute'},
|
|
]
|
|
|
|
_.each(_.range(1, 13), function(i) {
|
|
$scope.refreshOptions.push({value: i*3600, name: 'Every ' + i + 'h'});
|
|
})
|
|
|
|
$scope.refreshOptions.push({value: 24*3600, name: 'Every 24h'});
|
|
$scope.refreshOptions.push({value: 7*24*3600, name: 'Once a week'});
|
|
|
|
$scope.$watch('queryResult && queryResult.getError()', function (newError, oldError) {
|
|
if (newError == undefined) {
|
|
return;
|
|
}
|
|
|
|
if (oldError == undefined && newError != undefined) {
|
|
$scope.lockButton(false);
|
|
}
|
|
});
|
|
|
|
$scope.$watch('queryResult && queryResult.getData()', function (data, oldData) {
|
|
if (!data) {
|
|
return;
|
|
}
|
|
|
|
if ($scope.queryResult.getId() == null) {
|
|
$scope.dataUri = "";
|
|
} else {
|
|
$scope.dataUri = '/api/queries/' + $scope.query.id + '/results/' + $scope.queryResult.getId() + '.csv';
|
|
$scope.dataFilename = $scope.query.name.replace(" ", "_") + moment($scope.queryResult.getUpdatedAt()).format("_YYYY_MM_DD") + ".csv";
|
|
}
|
|
});
|
|
|
|
$scope.$watch("queryResult && queryResult.getStatus()", function (status) {
|
|
if (!status) {
|
|
return;
|
|
}
|
|
|
|
if (status == "done") {
|
|
if ($scope.query.id && $scope.query.latest_query_data_id != $scope.queryResult.getId() &&
|
|
$scope.query.query_hash == $scope.queryResult.query_result.query_hash) {
|
|
Query.save({'id': $scope.query.id, 'latest_query_data_id': $scope.queryResult.getId()})
|
|
}
|
|
$scope.query.latest_query_data_id = $scope.queryResult.getId();
|
|
|
|
notifications.showNotification("re:dash", $scope.query.name + " updated.");
|
|
|
|
$scope.lockButton(false);
|
|
}
|
|
});
|
|
|
|
if ($routeParams.queryId != undefined) {
|
|
$scope.query = Query.get({id: $routeParams.queryId}, function(q) {
|
|
pristineHash = q.getHash();
|
|
$scope.dirty = false;
|
|
$scope.queryResult = $scope.query.getQueryResult();
|
|
});
|
|
} else {
|
|
$scope.query = new Query({query: "", name: "New Query", ttl: -1, user: currentUser.name});
|
|
$scope.lockButton(false);
|
|
}
|
|
|
|
$scope.$watch('query.name', function() {
|
|
$scope.$parent.pageTitle = $scope.query.name;
|
|
});
|
|
|
|
$scope.$watch(function() {
|
|
return $scope.query.getHash();
|
|
}, function(newHash) {
|
|
$scope.dirty = (newHash !== pristineHash);
|
|
});
|
|
|
|
$scope.executeQuery = function() {
|
|
$scope.queryResult = $scope.query.getQueryResult(0);
|
|
$scope.lockButton(true);
|
|
$scope.cancelling = false;
|
|
};
|
|
|
|
$scope.cancelExecution = function() {
|
|
$scope.cancelling = true;
|
|
$scope.queryResult.cancelExecution();
|
|
};
|
|
|
|
$scope.deleteVisualization = function($e, vis) {
|
|
$e.preventDefault();
|
|
if (confirm('Are you sure you want to delete ' + vis.name + ' ?')) {
|
|
Visualization.delete(vis);
|
|
if ($scope.selectedTab == vis.id) {
|
|
$scope.selectedTab = DEFAULT_TAB;
|
|
}
|
|
$scope.query.visualizations =
|
|
$scope.query.visualizations.filter(function(v) {
|
|
return vis.id !== v.id;
|
|
});
|
|
}
|
|
};
|
|
|
|
unbind = $scope.$watch('selectedTab == "add"', function(newPanel) {
|
|
if (newPanel && $routeParams.queryId == undefined) {
|
|
unbind();
|
|
$scope.saveQuery();
|
|
}
|
|
});
|
|
}
|
|
|
|
var QueriesCtrl = function($scope, $http, $location, $filter, Query) {
|
|
$scope.$parent.pageTitle = "All Queries";
|
|
$scope.gridConfig = {
|
|
isPaginationEnabled: true,
|
|
itemsByPage: 50,
|
|
maxSize: 8,
|
|
isGlobalSearchActivated: true
|
|
}
|
|
|
|
$scope.allQueries = [];
|
|
$scope.queries = [];
|
|
|
|
var dateFormatter = function (value) {
|
|
if (!value) return "-";
|
|
return value.format("DD/MM/YY HH:mm");
|
|
}
|
|
|
|
var filterQueries = function() {
|
|
$scope.queries = _.filter($scope.allQueries, function(query) {
|
|
if (!$scope.selectedTab) {
|
|
return false;
|
|
}
|
|
|
|
if ($scope.selectedTab.key == 'my') {
|
|
return query.user == currentUser.name && query.name != 'New Query';
|
|
} else if ($scope.selectedTab.key == 'drafts') {
|
|
return query.user == currentUser.name && query.name == 'New Query';
|
|
}
|
|
|
|
return query.name != 'New Query';
|
|
});
|
|
}
|
|
|
|
Query.query(function(queries) {
|
|
$scope.allQueries = _.map(queries, function(query) {
|
|
query.created_at = moment(query.created_at);
|
|
query.last_retrieved_at = moment(query.last_retrieved_at);
|
|
return query;
|
|
});
|
|
|
|
filterQueries();
|
|
});
|
|
|
|
$scope.gridColumns = [
|
|
{
|
|
"label": "Name",
|
|
"map": "name",
|
|
"cellTemplateUrl": "/views/queries_query_name_cell.html"
|
|
},
|
|
{
|
|
'label': 'Created By',
|
|
'map': 'user'
|
|
},
|
|
{
|
|
'label': 'Created At',
|
|
'map': 'created_at',
|
|
'formatFunction': dateFormatter
|
|
},
|
|
{
|
|
'label': 'Runtime (avg)',
|
|
'map': 'avg_runtime',
|
|
'formatFunction': function(value) {
|
|
return $filter('durationHumanize')(value);
|
|
}
|
|
},
|
|
{
|
|
'label': 'Runtime (min)',
|
|
'map': 'min_runtime',
|
|
'formatFunction': function(value) {
|
|
return $filter('durationHumanize')(value);
|
|
}
|
|
},
|
|
{
|
|
'label': 'Runtime (max)',
|
|
'map': 'max_runtime',
|
|
'formatFunction': function(value) {
|
|
return $filter('durationHumanize')(value);
|
|
}
|
|
},
|
|
{
|
|
'label': 'Last Executed At',
|
|
'map': 'last_retrieved_at',
|
|
'formatFunction': dateFormatter
|
|
},
|
|
{
|
|
'label': 'Times Executed',
|
|
'map': 'times_retrieved'
|
|
},
|
|
{
|
|
'label': 'Update Schedule',
|
|
'map': 'ttl',
|
|
'formatFunction': function(value) {
|
|
return $filter('refreshRateHumanize')(value);
|
|
}
|
|
}
|
|
]
|
|
$scope.tabs = [{"name": "My Queries", "key": "my"}, {"key": "all", "name": "All Queries"}, {"key": "drafts", "name": "Drafts"}];
|
|
|
|
$scope.$watch('selectedTab', function(tab) {
|
|
if (tab) {
|
|
$scope.$parent.pageTitle = tab.name;
|
|
}
|
|
|
|
filterQueries();
|
|
});
|
|
}
|
|
|
|
var MainCtrl = function ($scope, Dashboard, notifications) {
|
|
$scope.dashboards = [];
|
|
$scope.reloadDashboards = function() {
|
|
Dashboard.query(function (dashboards) {
|
|
$scope.dashboards = _.sortBy(dashboards, "name");
|
|
$scope.allDashboards = _.groupBy($scope.dashboards, function(d) {
|
|
parts = d.name.split(":");
|
|
if (parts.length == 1) {
|
|
return "Other";
|
|
}
|
|
return parts[0];
|
|
});
|
|
$scope.otherDashboards = $scope.allDashboards['Other'] || [];
|
|
$scope.groupedDashboards = _.omit($scope.allDashboards, 'Other');
|
|
});
|
|
}
|
|
|
|
$scope.reloadDashboards();
|
|
|
|
$scope.currentUser = currentUser;
|
|
$scope.newDashboard = {
|
|
'name': null,
|
|
'layout': null
|
|
}
|
|
|
|
$(window).click(function () {
|
|
notifications.getPermissions();
|
|
});
|
|
}
|
|
|
|
var IndexCtrl = function($scope, Dashboard) {
|
|
$scope.$parent.pageTitle = "Home";
|
|
|
|
$scope.archiveDashboard = function(dashboard) {
|
|
if (confirm('Are you sure you want to delete "' + dashboard.name + '" dashboard?')) {
|
|
dashboard.$delete(function() {
|
|
$scope.$parent.reloadDashboards();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
angular.module('redash.controllers', [])
|
|
.controller('DashboardCtrl', ['$scope', '$routeParams', '$http', '$timeout', 'Dashboard', DashboardCtrl])
|
|
.controller('WidgetCtrl', ['$scope', '$http', '$location', 'Query', WidgetCtrl])
|
|
.controller('QueriesCtrl', ['$scope', '$http', '$location', '$filter', 'Query', QueriesCtrl])
|
|
.controller('QueryFiddleCtrl', ['$scope', '$window', '$location', '$routeParams', '$http', '$location', 'growl', 'notifications', 'Query', 'Visualization', QueryFiddleCtrl])
|
|
.controller('IndexCtrl', ['$scope', 'Dashboard', IndexCtrl])
|
|
.controller('MainCtrl', ['$scope', 'Dashboard', 'notifications', MainCtrl]);
|
|
})();
|