[12525] | 1 | (function () {
|
---|
| 2 | var module = appStatisticsPlugin.getAngularModule();
|
---|
| 3 | module.controller('app.statistics.groupDetailsCtrl',
|
---|
| 4 | ['$scope', '$stateParams', '$interval', 'app.statistics.clientService', 'app.statistics.groupService',
|
---|
| 5 | function ($scope, $stateParams, $interval, clientService, groupService) {
|
---|
| 6 | $scope.interval = defaultPageUpdateInterval;
|
---|
| 7 | $scope.curClientsPage = 1;
|
---|
| 8 | $scope.clientsPageSize = 20;
|
---|
| 9 |
|
---|
[12551] | 10 |
|
---|
| 11 | // details
|
---|
| 12 | $scope.knobOptions = {
|
---|
| 13 | 'fgColor': "#f7921d",
|
---|
| 14 | 'angleOffset': -125,
|
---|
| 15 | 'angleArc': 250,
|
---|
| 16 | 'readOnly': true,
|
---|
| 17 | 'width': "80%",
|
---|
| 18 | 'targetvalue': "100",
|
---|
| 19 | 'format': function (value) {
|
---|
| 20 | return value;
|
---|
| 21 | },
|
---|
| 22 | draw: function () {
|
---|
| 23 | $(this.i).val(this.cv + '%');
|
---|
| 24 | }
|
---|
| 25 | };
|
---|
| 26 |
|
---|
| 27 | $scope.knobData = {
|
---|
| 28 | cores: 0,
|
---|
| 29 | cpu: 0,
|
---|
| 30 | memory: 0
|
---|
| 31 | };
|
---|
| 32 |
|
---|
[12525] | 33 | var getGroupDetails = function() {
|
---|
| 34 | groupService.getGroupDetails({ id: $stateParams.id }, function (group) {
|
---|
| 35 | $scope.group = group;
|
---|
[12551] | 36 | $scope.knobData.cores = (group.UsedCores / group.TotalCores) * 100;
|
---|
| 37 | $scope.knobData.cpu = group.ActiveCpuUtilization;
|
---|
| 38 | $scope.knobData.memory = (group.UsedMemory / group.TotalMemory) * 100;
|
---|
| 39 |
|
---|
| 40 | var length = group.TasksStates.length;
|
---|
| 41 | var total = 0;
|
---|
| 42 | for (var i = 0; i < length; ++i) {
|
---|
| 43 | total += group.TasksStates[i].Count;
|
---|
| 44 | }
|
---|
| 45 | $scope.totalGroupTasks = total;
|
---|
[12525] | 46 | });
|
---|
| 47 | };
|
---|
| 48 |
|
---|
| 49 | var getClients = function () {
|
---|
| 50 | clientService.getClientsByGroupId({id: $stateParams.id, page: $scope.curClientsPage, size: $scope.clientsPageSize, expired: false },
|
---|
| 51 | function (clientPage) {
|
---|
| 52 | $scope.clientPage = clientPage;
|
---|
| 53 | }
|
---|
| 54 | );
|
---|
| 55 | };
|
---|
| 56 |
|
---|
| 57 | // charts
|
---|
| 58 | $scope.chartOptions = {
|
---|
| 59 | grid: {
|
---|
| 60 | borderWidth: 1,
|
---|
| 61 | labelMargin: 15
|
---|
| 62 | },
|
---|
| 63 | series: {
|
---|
| 64 | shadowSize: 0
|
---|
| 65 | },
|
---|
| 66 | yaxis: {
|
---|
| 67 | min: 0,
|
---|
| 68 | max: 100,
|
---|
| 69 | zoomRange: false,
|
---|
| 70 | panRange: false
|
---|
| 71 | },
|
---|
| 72 | xaxis: {
|
---|
| 73 | mode: "time",
|
---|
| 74 | twelveHourClock: false
|
---|
| 75 | }
|
---|
| 76 | };
|
---|
| 77 |
|
---|
| 78 | $scope.fillChartOptions = {
|
---|
| 79 | grid: {
|
---|
| 80 | borderWidth: 1,
|
---|
| 81 | labelMargin: 15
|
---|
| 82 | },
|
---|
| 83 | series: {
|
---|
| 84 | shadowSize: 0,
|
---|
| 85 | lines: {
|
---|
| 86 | show: true,
|
---|
| 87 | fill: true
|
---|
| 88 | }
|
---|
| 89 | },
|
---|
| 90 | yaxis: {
|
---|
| 91 | zoomRange: false,
|
---|
| 92 | panRange: false
|
---|
| 93 | },
|
---|
| 94 | xaxis: {
|
---|
| 95 | mode: "time",
|
---|
| 96 | twelveHourClock: false
|
---|
| 97 | }
|
---|
| 98 | };
|
---|
| 99 |
|
---|
| 100 | $scope.fromDate = new Date();
|
---|
| 101 | $scope.toDate = new Date();
|
---|
| 102 |
|
---|
| 103 | $scope.fromIsOpen = false;
|
---|
| 104 | $scope.toIsOpen = false;
|
---|
| 105 |
|
---|
[12778] | 106 | $scope.quickSelectionList = [
|
---|
| 107 | { id: 0, name: 'Custom' },
|
---|
| 108 | { id: 1, name: 'Today' },
|
---|
| 109 | { id: 2, name: 'Yesterday' },
|
---|
| 110 | { id: 3, name: 'Last 7 Days' },
|
---|
[12780] | 111 | { id: 4, name: 'Last 30 Days' },
|
---|
| 112 | { id: 5, name: 'Last 6 Months' },
|
---|
| 113 | { id: 6, name: 'Last Year' }
|
---|
[12778] | 114 | ];
|
---|
| 115 | $scope.changeQuickSelection = function (quickSelection) {
|
---|
| 116 | var today = new Date();
|
---|
| 117 | var oneDayInMs = 24 * 60 * 60 * 1000;
|
---|
| 118 | switch (quickSelection.id) {
|
---|
| 119 | case 1:
|
---|
| 120 | $scope.fromDate = new Date(today.valueOf());
|
---|
| 121 | $scope.toDate = new Date(today.valueOf());
|
---|
| 122 | break;
|
---|
| 123 | case 2:
|
---|
| 124 | $scope.fromDate = new Date(today.valueOf() - oneDayInMs);
|
---|
| 125 | $scope.toDate = new Date(today.valueOf() - oneDayInMs);
|
---|
| 126 | break;
|
---|
| 127 | case 3:
|
---|
| 128 | $scope.fromDate = new Date(today.valueOf() - (7 * oneDayInMs));
|
---|
| 129 | $scope.toDate = new Date(today.valueOf());
|
---|
| 130 | break;
|
---|
| 131 | case 4:
|
---|
| 132 | $scope.fromDate = new Date(today.valueOf() - (30 * oneDayInMs));
|
---|
| 133 | $scope.toDate = new Date(today.valueOf());
|
---|
| 134 | break;
|
---|
[12780] | 135 | case 5:
|
---|
| 136 | var month = today.getMonth() - 6;
|
---|
| 137 | if (month < 0) {
|
---|
| 138 | month += 12;
|
---|
| 139 | }
|
---|
| 140 | $scope.fromDate = new Date(today.valueOf());
|
---|
| 141 | $scope.fromDate.setMonth(month);
|
---|
| 142 | $scope.toDate = new Date(today.valueOf());
|
---|
| 143 | break;
|
---|
| 144 | case 6:
|
---|
| 145 | $scope.fromDate = new Date(today.valueOf());
|
---|
| 146 | $scope.fromDate.setFullYear(today.getFullYear() - 1);
|
---|
| 147 | $scope.toDate = new Date(today.valueOf());
|
---|
| 148 | break;
|
---|
[12778] | 149 | }
|
---|
| 150 | $scope.curQuickSelection = quickSelection;
|
---|
| 151 | };
|
---|
| 152 | // set default 'today'
|
---|
| 153 | $scope.changeQuickSelection($scope.quickSelectionList[1]);
|
---|
| 154 |
|
---|
[12525] | 155 | $scope.openFromDateSelection = function ($event) {
|
---|
| 156 | $event.preventDefault();
|
---|
| 157 | $event.stopPropagation();
|
---|
| 158 | $scope.toIsOpen = false;
|
---|
| 159 | $scope.fromIsOpen = true;
|
---|
[12778] | 160 | $scope.curQuickSelection = $scope.quickSelectionList[0];
|
---|
[12525] | 161 | };
|
---|
| 162 |
|
---|
| 163 | $scope.openToDateSelection = function ($event) {
|
---|
| 164 | $event.preventDefault();
|
---|
| 165 | $event.stopPropagation();
|
---|
| 166 | $scope.fromIsOpen = false;
|
---|
| 167 | $scope.toIsOpen = true;
|
---|
[12778] | 168 | $scope.curQuickSelection = $scope.quickSelectionList[0];
|
---|
[12525] | 169 | };
|
---|
| 170 |
|
---|
| 171 | $scope.dateOptions = {
|
---|
| 172 | formatYear: 'yy',
|
---|
| 173 | startingDay: 1
|
---|
| 174 | };
|
---|
| 175 |
|
---|
| 176 | $scope.cpuSeries = [[]];
|
---|
| 177 | $scope.coreSeries = [[]];
|
---|
| 178 | $scope.memorySeries = [[]];
|
---|
| 179 |
|
---|
| 180 | $scope.updateCharts = function () {
|
---|
| 181 | clientService.getClientHistoryByGroupId({ id: $stateParams.id, start: ConvertFromDate($scope.fromDate), end: ConvertToDate($scope.toDate) }, function (status) {
|
---|
| 182 | var noOfStatus = status.length;
|
---|
| 183 | var cpuSeries = [];
|
---|
| 184 | var coreSeries = [[], []];
|
---|
| 185 | var memorySeries = [[], []];
|
---|
| 186 | for (var i = 0; i < noOfStatus; ++i) {
|
---|
| 187 | var curStatus = status[i];
|
---|
| 188 | var cpuData = Math.round(curStatus.CpuUtilization);
|
---|
| 189 | cpuSeries.push([curStatus.Timestamp, cpuData]);
|
---|
| 190 | coreSeries[0].push([curStatus.Timestamp, curStatus.TotalCores]);
|
---|
| 191 | coreSeries[1].push([curStatus.Timestamp, curStatus.UsedCores]);
|
---|
| 192 | memorySeries[0].push([curStatus.Timestamp, curStatus.TotalMemory]);
|
---|
| 193 | memorySeries[1].push([curStatus.Timestamp, curStatus.UsedMemory]);
|
---|
| 194 | }
|
---|
| 195 | $scope.cpuSeries = [{ data: cpuSeries, label: " CPU Utilization", color: "#f7921d" }];
|
---|
| 196 | $scope.coreSeries = [
|
---|
| 197 | { data: coreSeries[0], label: " Total Cores", color: "LightGreen" },
|
---|
| 198 | { data: coreSeries[1], label: " Used Cores", color: "LightPink" }
|
---|
| 199 | ];
|
---|
| 200 | $scope.memorySeries = [
|
---|
| 201 | { data: memorySeries[0], label: " Total Memory", color: "LightGreen" },
|
---|
| 202 | { data: memorySeries[1], label: " Used Memory", color: "LightPink" }
|
---|
| 203 | ];
|
---|
| 204 |
|
---|
| 205 | });
|
---|
| 206 | };
|
---|
| 207 |
|
---|
| 208 | var update = function () {
|
---|
| 209 | getGroupDetails();
|
---|
| 210 | getClients();
|
---|
| 211 | };
|
---|
| 212 |
|
---|
| 213 | $scope.updateInterval = $interval(update, $scope.interval);
|
---|
| 214 | var cancelInterval = $scope.$on('$locationChangeSuccess', function () {
|
---|
| 215 | $interval.cancel($scope.updateInterval);
|
---|
| 216 | cancelInterval();
|
---|
| 217 | });
|
---|
| 218 | update(); // init page
|
---|
| 219 | $scope.updateCharts();
|
---|
| 220 | }]
|
---|
| 221 | );
|
---|
| 222 | })(); |
---|