agneta-platform
Version:
Agneta Platform - Integrate and customize business applications
433 lines (327 loc) • 9.63 kB
JavaScript
/* Copyright 2017 Agneta Network Applications, LLC.
*
* Source file: portal/website/source/manager/history.js
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*global moment*/
/*global Chart*/
(function() {
var chart;
var formats = {
month: 'MMMM',
dayOfYear: 'ddd DD',
hourOfYear: 'ha'
};
agneta.directive('AgHistoryCtrl', function($ocLazyLoad, $rootScope, $mdDialog, $mdSidenav, $timeout, Production_Activity_Count, Activity_Count, Production_Activity_Item, Portal, Activity_Item) {
var vm = this;
var Model_Count = $rootScope.isProduction() ? Production_Activity_Count : Activity_Count;
var Model_Item = $rootScope.isProduction() ? Production_Activity_Item : Activity_Item;
vm.$on('productionMode', function(evt, enabled) {
if (enabled) {
Model_Count = Production_Activity_Count;
Model_Item = Production_Activity_Item;
} else {
Model_Count = Activity_Count;
Model_Item = Activity_Item;
}
vm.loadTotals();
});
//-----------------------------------------
var feedData;
var utc;
vm.page = {
feedSelected: null
};
vm.type = 'view_page';
/////////////////////////////////////////////////////////////
vm.selectFeed = function(feed) {
vm.page.feedSelected = feed;
vm.loadTotals();
};
/////////////////////////////////////////////////////////////
var socketListeners = [];
var timeOffset = parseInt(moment().utcOffset() / 60);
vm.loadTotals = function() {
if ((!vm.page.feedSelected && !vm.type) || !vm.page.periodSelected) {
return;
}
for (var key in socketListeners) {
Portal.socket.removeAllListeners(socketListeners[key]);
}
socketListeners = [];
utc = moment().utc();
utc.hours(0);
utc.minutes(0);
utc.seconds(0);
vm.progressMode = 'indeterminate';
var chartData = {
datasets: []
};
if (vm.page.feedSelected) {
return Model_Count.totals({
feed: vm.page.feedSelected.id,
period: vm.page.periodSelected,
value: vm.page.valueSelected
})
.$promise
.then(function(result) {
vm.progressMode = 'determinate';
result.color = vm.page.feedSelected.color;
onLoaded(result);
loadLabels(result, result.counts);
addFeed(result);
updateChart();
});
} else if (vm.type) {
var query = {
type: vm.type,
period: vm.page.periodSelected,
value: vm.page.valueSelected
};
return Model_Count.totalsByType(query)
.$promise
.then(function(result) {
if (!result.feeds.length) {
vm.feeds = null;
return;
}
onLoaded(result);
loadLabels(result, result.feeds[0].counts);
for (var i in result.feeds) {
var feed = result.feeds[i];
addFeed(feed);
}
updateChart();
vm.feeds = result.feeds;
})
.finally(function() {
vm.progressMode = 'determinate';
});
}
function onLoaded(res) {
feedData = res;
}
function loadLabels(res, counts) {
var labels = [];
var offset = 0;
switch (res.unit) {
case 'hourOfYear':
offset += timeOffset;
break;
}
for (var index in counts) {
var count = counts[index];
var key = count.key + offset;
var label = utc[res.unit](key).format(formats[res.unit]);
labels.push(label);
}
chartData.labels = labels;
}
function feedValues(res) {
var values = [];
for (var key in res.counts) {
var count = res.counts[key];
values.push(count.total);
}
return values;
}
function addFeed(res) {
var values = feedValues(res);
var rgb = res.color.join(',');
var dataset = {
fill: true,
type: 'line',
backgroundColor: 'rgba(' + rgb + ',.4)',
borderColor: 'rgba(' + rgb + ',.7)',
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
data: values,
};
if (!res.$promise) {
res.rgb = rgb;
dataset.label = res.title || res.value;
}
//
var listener = 'feed-update:' + res.id;
socketListeners.push(listener);
Portal.socket.on(listener, function() {
Model_Count.totals({
feed: res.id,
period: vm.page.periodSelected,
value: vm.page.valueSelected
})
.$promise
.then(function(result) {
dataset.data = feedValues(result);
chart.update();
res.total = result.total;
//console.log('update!', result);
});
});
//
chartData.datasets.push(dataset);
}
function updateChart() {
initChart(chartData);
}
};
vm.onChartClick = function(e) {
var activeElm = chart.getElementAtEvent(e);
if (!activeElm.length) {
return;
}
activeElm = activeElm[0];
var count;
if (feedData.feeds) {
count = feedData.feeds[0].counts[activeElm._index];
} else {
count = feedData.counts[activeElm._index];
}
if (!feedData.subUnit) {
$mdDialog.open({
partial: 'activities',
data: {
feed: vm.page.feedSelected.id,
unit: feedData.unit,
value: count.key
}
});
return;
}
vm.page.periodSelected = feedData.unit;
vm.unit = feedData.subUnit;
vm.changedPeriod(count.key);
};
//------------------------------------------------------
vm.showActivities = function(feed) {
$mdDialog.open({
partial: 'activities',
data: {
feed: feed.id,
unit: vm.page.periodSelected,
value: vm.page.valueSelected,
Model_Item: Model_Item
}
});
};
//------------------------------------------------------
vm.changeType = function(type) {
vm.type = type;
vm.changedType();
};
vm.changedType = function() {
vm.page.feedSelected = null;
vm.loadTotals();
};
vm.changedPeriod = function(_value) {
////////////////////////////////////////////////////////////
var value;
var values = [];
var now = moment();
var tmp = moment();
var i;
switch (vm.page.periodSelected) {
case 'year':
for (i = 0; i < 10; i++) {
var id = now.year() - i;
values.push({
id: id,
label: id
});
}
value = now.year();
break;
case 'month':
for (i = 0; i < 12; i++) {
values.push({
id: i,
label: tmp.month(i).format('MMMM')
});
}
value = now.month();
break;
case 'dayOfYear':
var start = tmp.date(1).dayOfYear();
var end = tmp.endOf('month').dayOfYear() + 1;
for (i = start; i < end; i++) {
values.push({
id: i,
label: tmp.dayOfYear(i).format('DD dddd')
});
}
value = now.dayOfYear();
break;
}
vm.values = values;
vm.page.valueSelected = _value || value;
vm.loadTotals();
};
});
function initChart(data) {
if (chart) {
chart.clear();
chart.destroy();
}
var ctx = document.getElementById('manager-history-canvas')
.getContext('2d');
chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
responsive: true,
pan: {
enabled: true,
mode: 'x'
},
zoom: {
enabled: true,
mode: 'x',
},
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
ticks: {
min: 0,
suggestedMin: 1,
maxTicksLimit: 6
}
}]
},
tooltips: {
bodyFontSize: 16,
xPadding: 6,
yPadding: 14,
callbacks: {
title: function() {},
label: function(tooltipItems, data) {
var datasetLabel = data.datasets[tooltipItems.datasetIndex].label;
if (datasetLabel) {
return datasetLabel + ': ' + tooltipItems.yLabel;
}
return tooltipItems.yLabel;
}
}
},
legend: {
display: false,
labels: {}
}
}
});
}
})();