Newer
Older
/*!
* Piwik - free/libre analytics platform
*
* @link http://piwik.org
* @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
*/
/**
*/
(function () {
angular.module('piwikApp').directive('piwikDashboard', piwikDashboard);
piwikDashboard.$inject = ['dashboardsModel', '$rootScope', '$q'];
function piwikDashboard(dashboardsModel, $rootScope, $q) {
function renderDashboard(dashboardId, dashboard, layout)
{
$('.dashboardSettings').show();
initTopControls();
if (!$('#topBars').length) {
$('.dashboardSettings').after($('#Dashboard'));
$('#Dashboard ul li').removeClass('active');
$('#Dashboard_embeddedIndex_' + dashboardId).addClass('active');
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
}
widgetsHelper.getAvailableWidgets();
$('#dashboardWidgetsArea')
.on('dashboardempty', showEmptyDashboardNotification)
.dashboard({
idDashboard: dashboardId,
layout: layout,
name: dashboard ? dashboard.name : ''
});
$('#columnPreview').find('>div').each(function () {
var width = [];
$('div', this).each(function () {
width.push(this.className.replace(/width-/, ''));
});
$(this).attr('layout', width.join('-'));
});
$('#columnPreview').find('>div').on('click', function () {
$('#columnPreview').find('>div').removeClass('choosen');
$(this).addClass('choosen');
});
}
function fetchDashboard(dashboardId) {
$('#dashboardWidgetsArea').innerHTML ='';
var getDashboard = dashboardsModel.getDashboard(dashboardId);
var getLayout = dashboardsModel.getDashboardLayout(dashboardId);
$q.all([getDashboard, getLayout]).then(function (response) {
var dashboard = response[0];
var layout = response[1];
$(function() {
renderDashboard(dashboardId, dashboard, layout);
});
});
}
function clearDashboard () {
$('.top_controls .dashboard-manager').hide();
$('#dashboardWidgetsArea').dashboard('destroy');
}
return {
restrict: 'A',
scope: {
dashboardid: '=',
layout: '='
},
link: function (scope, element, attrs) {
scope.$parent.fetchDashboard = function (dashboardId) {
scope.dashboardId = dashboardId;
fetchDashboard(dashboardId)
};
fetchDashboard(scope.dashboardid);
function onLocationChange(event, url1, url2)
{
if (url1 !== url2) {
clearDashboard();
}
}
// should be rather handled in route or so.
var unbind = $rootScope.$on('$locationChangeSuccess', onLocationChange);
scope.$on('$destroy', onLocationChange);
scope.$on('$destroy', unbind);
}
};
}
})();