shimapan/app/public/panel/controllers/DashCtrl.js

var angular = require('angular');

angular.module('DashCtrl', ['chart.js', 'StatSvc']).controller('DashController', ['$scope', 'StatService', async ($scope, StatService) => {
    const colorScheme = ['#2a9fd6'];
    // Calculate and format descending dates back one week to use for x-axis labels
    const currentDate = new Date();
    const oneDay = 1000 * 60 * 60 * 24;
    let labels = Array.from({length: 7}, (date, i) =>
        (new Date(currentDate - oneDay * (6 - i))).toISOString().substr(5, 5));

    const toHumanReadable = bytes => {
        const units = ['B', 'KB', 'MB', 'GB', 'TB'];
        let index = 0;
        for (; bytes >= 1024 && index < units.length - 1; index++, bytes /= 1024) {}
        return bytes.toFixed(3) + ' ' + units[index];
    };

    StatService.getWeek((err, stats) => {
        $scope.uploadData = [Array.from({length: 7}, (val, i) => stats[labels[i]] && stats[labels[i]].uploads ? stats[labels[i]].uploads : 0)];
        $scope.viewData = [Array.from({length: 7}, (val, i) => stats[labels[i]] && stats[labels[i]].views ? stats[labels[i]].views : 0)];

        $scope.stats = stats;

        $scope.statUploads = Object.keys(stats).reduce((acc, key) => acc + (stats[key].uploads ? stats[key].uploads : 0), 0);
        $scope.statUploadSize = toHumanReadable(Object.keys(stats).reduce((acc, key) => acc + (stats[key].size ? stats[key].size : 0), 0));
        $scope.statViews = Object.keys(stats).reduce((acc, key) => acc + (stats[key].views ? stats[key].views : 0), 0);
    });

    StatService.getAll((err, stats) => {
        $scope.statTotalUploads = stats.count;
        $scope.statTotalUploadSize = toHumanReadable(stats.size);
        $scope.statTotalViews = stats.views;
    });

    $scope.uploadColors = colorScheme;
    $scope.uploadLabels = labels;
    $scope.uploadSeries = ['Uploads'];
    //$scope.uploadData = [[5, 11, 4, 3, 7, 9, 21]];
    $scope.uploadOptions = {
        title: {
            display: true,
            text: 'Historical Uploads'
        },
    };

    $scope.viewColors = colorScheme;
    $scope.viewLabels = labels;
    $scope.viewSeries = ['Views'];
    //$scope.viewData = [[5, 11, 4, 3, 7, 9, 21]];
    $scope.viewOptions = {
        title: {
            display: true,
            text: 'Historical Views'
        }
    };
}]);