57f2ebd3d4
Change-Id: I7d5bbfd2991462eacc47d4f0a2ded46da2cb8f9d
233 lines
9.0 KiB
JavaScript
233 lines
9.0 KiB
JavaScript
'use strict';
|
||
|
||
angular.module('bansho.table', ['bansho.surveil',
|
||
'bansho.utils.promiseManager',
|
||
'bansho.table.actionbar',
|
||
'bansho.filters',
|
||
'bansho.table.cell_status_host',
|
||
'bansho.table.cell_status_duration',
|
||
'bansho.table.cell_status_service_check',
|
||
'bansho.table.cell_status_last_check',
|
||
'bansho.table.cell_status_host_address',
|
||
'bansho.table.cell_status_host_status'
|
||
])
|
||
|
||
.value('tableGlobalConfig', {'cellToFieldsMap': {}, 'cellWrappableField': {}, 'nextTableIndex': 0})
|
||
|
||
.value('tablesConfig', [])
|
||
|
||
.controller('TableCtrl', ['$scope', '$interval', 'surveilStatus', 'tablesConfig',
|
||
'actionbarFilters', 'promisesManager', 'tableGlobalConfig',
|
||
function ($scope, $interval, surveilStatus, tablesConfig, actionbarFilters, promisesManager, tableGlobalConfig) {
|
||
var requestFields = [],
|
||
conf = tablesConfig[tableGlobalConfig.nextTableIndex],
|
||
getData,
|
||
i,
|
||
inputSourceServices;
|
||
|
||
inputSourceServices = {
|
||
surveilStatus: surveilStatus
|
||
};
|
||
|
||
$scope.cellsName = conf.cells.name;
|
||
$scope.cellsText = conf.cells.text;
|
||
$scope.cellIndexes = [];
|
||
|
||
$scope.$watch(function () {
|
||
return conf.isCheckAll;
|
||
}, function () {
|
||
$scope.isCheckAll = conf.isCheckAll;
|
||
});
|
||
|
||
$scope.onCheckChange = function(){
|
||
conf.isCheckAll = $scope.isCheckAll;
|
||
angular.forEach(conf.entries, function (entry) {
|
||
entry.is_checked = $scope.isCheckAll;
|
||
});
|
||
};
|
||
|
||
|
||
for (i = 0; i < $scope.cellsName.length; i += 1) {
|
||
$scope.cellIndexes.push(i);
|
||
}
|
||
|
||
angular.forEach($scope.cellsName, function (key) {
|
||
angular.forEach(tableGlobalConfig.cellToFieldsMap[key], function (_value) {
|
||
requestFields.push(_value);
|
||
});
|
||
});
|
||
|
||
getData = function (requestFields, inputSource) {
|
||
var promise = inputSourceServices[inputSource.service].getTableData(requestFields, inputSource.config);
|
||
promise.then(function (data) {
|
||
$scope.entries = data;
|
||
conf.entries = data;
|
||
}, function (reason) {
|
||
throw new Error('getTableData : Query failed');
|
||
});
|
||
};
|
||
|
||
getData(requestFields, conf.inputSource);
|
||
|
||
if (tableGlobalConfig.refreshInterval !== 0) {
|
||
promisesManager.addAjaxPromise(
|
||
$interval(function () {
|
||
getData(requestFields, conf.inputSource);
|
||
}, tableGlobalConfig.refreshInterval)
|
||
);
|
||
}
|
||
|
||
$scope.actionbarFilters = actionbarFilters;
|
||
|
||
// Index needed to support multiple tables per view
|
||
$scope.tableIndex = tableGlobalConfig.nextTableIndex;
|
||
tableGlobalConfig.nextTableIndex += 1;
|
||
}])
|
||
|
||
.directive('banshoTable', ['$http', '$compile', 'tablesConfig', 'tableGlobalConfig',
|
||
function ($http, $compile, tablesConfig, tableGlobalConfig) {
|
||
return {
|
||
restrict: 'E',
|
||
compile: function () {
|
||
return function (scope, element, attrs) {
|
||
|
||
var template = 'components/table/table.html',
|
||
conf;
|
||
|
||
if (!attrs.cellsText || !attrs.cellsName || !attrs.inputSource || !attrs.isWrappable) {
|
||
throw new Error('<bansho-table> "cells-text", "cells-name", "inputSource" and "is-wrappable" attributes must be defined');
|
||
}
|
||
|
||
tablesConfig[attrs.tableId] = {};
|
||
conf = tablesConfig[attrs.tableId];
|
||
|
||
conf.cells = { 'text': [], 'name': [] };
|
||
conf.cells.text = attrs.cellsText.split(',');
|
||
conf.cells.name = attrs.cellsName.split(',');
|
||
|
||
conf.inputSource = JSON.parse(attrs.inputSource);
|
||
|
||
conf.isWrappable = JSON.parse(attrs.isWrappable);
|
||
conf.noRepeatCell = attrs.noRepeatCell;
|
||
tableGlobalConfig.tableId = attrs.tableId;
|
||
|
||
if (!!attrs.refreshInterval) {
|
||
tableGlobalConfig.refreshInterval = parseInt(attrs.refreshInterval * 1000, 10);
|
||
}
|
||
|
||
|
||
$http.get(template, { cache: true })
|
||
.success(function (data) {
|
||
var elem = $compile(data)(scope);
|
||
element.append(elem);
|
||
});
|
||
};
|
||
}
|
||
};
|
||
}])
|
||
|
||
.directive('banshoCell', ['$http', '$compile', function ($http, $compile) {
|
||
return {
|
||
restrict: 'A',
|
||
compile: function () {
|
||
return function (scope, element, attrs) {
|
||
if (!attrs.cellName) {
|
||
throw new Error('<bansho-cell> "cell-name" attribute must be defined');
|
||
}
|
||
|
||
var template = 'components/table/cell_' + attrs.cellName + '/cell_' + attrs.cellName + '.html';
|
||
|
||
$http.get(template, { cache: true })
|
||
.success(function (data) {
|
||
var td = $compile(data)(scope);
|
||
// HACK : replaceWith is a necessary hack because <tr> only accepts <td> as a child
|
||
element.replaceWith(td);
|
||
});
|
||
};
|
||
}
|
||
};
|
||
}])
|
||
|
||
.service('reinitTables', ['$interval', 'tablesConfig', 'tableGlobalConfig',
|
||
function ($interval, tablesConfig, tableGlobalConfig) {
|
||
return function () {
|
||
// Reinitialise table index
|
||
tableGlobalConfig.nextTableIndex = 0;
|
||
};
|
||
}])
|
||
|
||
.value('TableConfigObj', function (config) {
|
||
this.title = config.title;
|
||
this.CellsText = config.cells.text.join();
|
||
this.CellsName = config.cells.name.join();
|
||
this.InputSource = config.inputSource;
|
||
this.IsWrappable = config.isWrappable;
|
||
this.NoRepeatCell = config.noRepeatCell;
|
||
})
|
||
|
||
.filter('wrappableStyle', ['tablesConfig', 'tableGlobalConfig', function (tablesConfig, tableGlobalConfig) {
|
||
return function (input, scope) {
|
||
var last = '',
|
||
entry = {},
|
||
parent_found = false,
|
||
class_name = ['', ''],
|
||
i,
|
||
fieldToWrap = tableGlobalConfig.cellWrappableField[tablesConfig[scope.tableIndex].noRepeatCell];
|
||
|
||
if (fieldToWrap === undefined) {
|
||
return input;
|
||
}
|
||
|
||
if (tablesConfig[scope.tableIndex].isWrappable) {
|
||
class_name = ['state--hasChild', 'state--isChild'];
|
||
}
|
||
|
||
for (i = 0; i < input.length; i += 1) {
|
||
entry = input[i];
|
||
|
||
if (entry[fieldToWrap] === last) {
|
||
if (!input[i - 1].has_child && !parent_found) {
|
||
input[i - 1].has_child = 1;
|
||
input[i - 1].child_class = class_name[0];
|
||
entry.child_class = class_name[1];
|
||
|
||
parent_found = true;
|
||
} else {
|
||
entry.is_child = 1;
|
||
entry.child_class = class_name[1];
|
||
}
|
||
} else {
|
||
parent_found = false;
|
||
}
|
||
|
||
last = entry[fieldToWrap];
|
||
}
|
||
|
||
return input;
|
||
};
|
||
}])
|
||
|
||
.filter('noRepeat', ['tablesConfig', 'tableGlobalConfig', function (tablesConfig, tableGlobalConfig) {
|
||
return function (items, scope) {
|
||
var newItems = [],
|
||
previous,
|
||
fieldToCompare = tableGlobalConfig.cellWrappableField[tablesConfig[scope.tableIndex].noRepeatCell],
|
||
newAttr = tablesConfig[scope.tableIndex].noRepeatCell + "_additionnalClass";
|
||
|
||
angular.forEach(items, function (item) {
|
||
|
||
if (previous === item[fieldToCompare]) {
|
||
item[newAttr] = 'state--rmChild';
|
||
} else {
|
||
previous = item[fieldToCompare].slice(0);
|
||
if (!!item[newAttr]) {
|
||
item[newAttr] = item[newAttr].replace("state--rmChild", "");
|
||
}
|
||
}
|
||
newItems.push(item);
|
||
});
|
||
|
||
return newItems;
|
||
};
|
||
}]);
|