x/bansho
Code Issues Proposed changes

Fix indentation and remove live.js

Browse Source
This commit is contained in:
Vincent Fournier 2015-04-29 16:45:01 -04:00
parent e8b0609a43
commit 9d90a4f66b
3 changed files with 48 additions and 424 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -19,4 +19,4 @@ out/
dist/ dist/
.tmp/ .tmp/
app/components/live/live.js

375
app/components/live/live.js
View File

@ -1,375 +0,0 @@
'use strict';
angular.module('bansho.live', [])
.service('getObjects', ['$http', 'hostQueryTransform', 'hostMiddleware', 'serviceMiddleware',
function ($http, hostQueryTransform, hostMiddleware, serviceMiddleware) {
return function (fields, filters, apiName, additionnalFields) {
var query = {},
transformations;
// Merges additionnalFields into filters as 'is' filter
angular.forEach(additionnalFields, function (value, key) {
if (!('is' in filters)) {
filters.is = {};
}
if (!(key in filters.is)) {
filters.is[key] = [];
}
filters.is[key].push(value);
})
function appendTransform(defaults, transform) {
// We can't guarantee that the default transformation is an array
defaults = angular.isArray(defaults) ? defaults : [defaults];
return defaults.concat(transform);
};
if (apiName === 'hosts') {
transformations = hostMiddleware;
} else if (apiName === 'services') {
transformations = serviceMiddleware;
} else {
throw new Error('getObjects : ' + apiName + ' API is not supported');
}
if (apiName === 'hosts') {
hostQueryTransform(fields, filters);
}
if (fields.length > 0) {
query.fields = JSON.stringify(fields);
}
query.filters = JSON.stringify(filters);
return $http({
url: '/surveil/v2/status/' + apiName + '/',
method: 'POST',
data: query,
transformResponse: appendTransform($http.defaults.transformResponse, transformations),
}).error(function () {
throw new Error('getObjects : POST Request failed');
});
};
}])
.service('getService', ['$http', 'getObjects',
function ($http, getObjects) {
return function (hostName, description) {
var fields = [],
filters = {},
additionnalFields = { 'host_name': hostName, 'description': description };
return getObjects(fields, filters, 'services', additionnalFields)
.error(function () {
throw new Error('getService : POST Request failed');
});
};
}])
// This service is used to count the number of host open problems
.service('getHostOpenProblems', ['$http', 'getObjects',
function ($http, getObjects) {
return function () {
var fields = ['state'],
filters = {},
apiName = 'hosts',
additionnalFields = {'acknowledged': 0, 'state': 1};
return getObjects(fields, filters, apiName, additionnalFields)
.error(function () {
throw new Error('getHostOpenProblems : POST Request failed');
});
};
}])
// This service is used to count the number of service open problems
.service('getServiceOpenProblems', ['$http', '$q', 'getObjects',
function ($http, $q, getObjects) {
return function () {
var serviceFields = ['host_name', 'state'],
serviceFilters = { 'isnot': { 'state': [0] } },
serviceAdditionnalFields = { 'acknowledged': 0 },
hostFields = ['host_name', 'state'],
hostFilters = { 'isnot': { 'state': [2] } },
hostAdditionnalFields = {},
responsePromise = $q.defer();
getObjects(hostFields, hostFilters, 'hosts', hostAdditionnalFields)
.success(function (hostData) {
var hostsResult = {},
i;
// Creates a host dictionnary for performance
for (i = 0; i < hostData.length; i += 1) {
hostsResult[hostData[i].host_name] = '';
}
getObjects(serviceFields, serviceFilters, 'services', serviceAdditionnalFields)
.success(function (serviceData) {
var result = [];
for (i = 0; i < serviceData.length; i += 1) {
if (serviceData[i].host_name in hostsResult) {
result.push(serviceData[i]);
}
}
responsePromise.resolve(result);
});
});
return responsePromise.promise;
};
}])
// This service is used to count the number of host problems
.service('getHostProblems', ['$http', 'getObjects',
function ($http, getObjects) {
return function () {
var fields = ['state'],
filters = { 'isnot': {'state': [0]} },
apiName = 'hosts',
additionnalFields = {};
return getObjects(fields, filters, apiName, additionnalFields)
.error(function () {
throw new Error('getHostProblems : POST Request failed');
});
};
}])
// This service is used to count the number of service problems
.service('getServiceProblems', ['$http', 'getObjects',
function ($http, getObjects) {
return function () {
var fields = ['state'],
filters = { 'isnot': {'state': [0]} },
apiName = 'services',
additionnalFields = {};
return getObjects(fields, filters, apiName, additionnalFields)
.error(function () {
throw new Error('getServiceOpenProblems : POST Request failed');
});
};
}])
// This service is used to count the number of hosts
.service('getTotalHosts', ['$http', 'getObjects',
function ($http, getObjects) {
return function () {
var fields = ['host_name'],
filters = {},
apiName = 'hosts',
additionnalFields = {};
return getObjects(fields, filters, apiName, additionnalFields)
.error(function () {
throw new Error('getTotalHosts : POST Request failed');
});
};
}])
// This service is used to count the number of services
.service('getTotalServices', ['$http', 'getObjects',
function ($http, getObjects) {
return function () {
var fields = ['host_name'],
filters = {},
apiName = 'services',
additionnalFields = {};
return getObjects(fields, filters, apiName, additionnalFields)
.error(function () {
throw new Error('getTotalServices : POST Request failed');
});
};
}])
.service('getHost', ['$http', '$q', function ($http, $q) {
return function (objectType, objectIdentifier) {
var objectData = {},
endpoints = {
"host" : "hosts",
"service" : "services"
},
liveUrl = '/surveil/v2/status/' + endpoints[objectType] + '/' + objectIdentifier.host_name + '/',
configUrl = '/surveil/v2/config/'+ endpoints[objectType] + '/' + objectIdentifier.host_name + '/',
responsePromise = $q.defer();
$http.get(liveUrl) .success(function (liveData) {
$http.get(configUrl).success(function (configData) {
objectData.live = liveData;
objectData.config = configData;
responsePromise.resolve(objectData);
})
});
return responsePromise.promise;
};
}])
.service('hostQueryTransform', function () {
return function (fields, filters) {
var i,
transformations = {
'host_state': 'state',
};
for (i = 0; i < fields.length; i += 1) {
if (fields[i] in transformations) {
fields[i] = transformations[fields[i]];
}
}
}
})
// Modify response object to conform to web ui
.service('hostMiddleware', function() {
return function (data) {
var i = 0,
conversions = {
'state': 'host_state'
};
for (i = 0; i < data.length; i += 1) {
angular.forEach(data[i], function (value, field) {
if (field in conversions) {
data[i][conversions[field]] = value;
delete data[i][field];
}
});
}
return data;
};
})
// Modify response object to conform to web ui
.service('serviceMiddleware', function() {
return function (data) {
var i = 0,
conversions = {
};
if (jQuery.isEmptyObject(conversions)) {
return data;
}
for (i = 0; i < data.length; i += 1) {
angular.forEach(data[i], function (value, field) {
if (field in conversions) {
data[i][conversions[field]] = value;
delete data[i][field];
}
});
}
return data;
};
})
.service('getTableData', ['$q', 'getObjects',
function ($q, getObjects) {
return function (fields, filters, apiName, additionnalFields) {
var hostFields = [],
serviceFields = [],
hostFilters = {},
serviceFilters = {},
hostAdditionnalFields = {},
serviceAdditionnalFields = {},
hostKeys = {
'host_state': 'state',
'address': 'address',
'childs': 'childs'
},
responsePromise = $q.defer(),
i,
found = false;
if (apiName === 'hosts') {
getObjects(fields, filters, 'hosts', additionnalFields)
.success(function (data) {
responsePromise.resolve(data);
});
return responsePromise.promise;
}
angular.forEach(fields, function (field) {
if (field in hostKeys) {
hostFields.push(hostKeys[field]);
} else {
serviceFields.push(field);
}
});
// Make sure that 'host_name' is in both queries as we
// use this field to merge data
if ($.inArray('host_name', hostFields) === -1) {
hostFields.push('host_name');
}
if ($.inArray('host_name', serviceFields) === -1) {
serviceFields.push('host_name');
}
angular.forEach(additionnalFields, function (value, field) {
if (field in hostKeys) {
hostAdditionnalFields[hostKeys[field]] = value;
} else {
serviceAdditionnalFields[field] = value;
}
})
angular.forEach(filters, function (filterData, filterName) {
angular.forEach(filterData, function (values, field) {
if (field in hostKeys) {
if (!(filterData in hostFilters)) {
hostFilters[filterName] = {};
}
hostFilters[filterName][hostKeys[field]] = values;
} else {
if (!(filterData in serviceFilters)) {
serviceFilters[filterName] = {};
}
serviceFilters[filterName][field] = values;
}
});
});
// Queries host and service APIs and merges responses
getObjects(hostFields, hostFilters, 'hosts', hostAdditionnalFields)
.success(function (hostData) {
getObjects(serviceFields, serviceFilters, 'services', serviceAdditionnalFields)
.success(function (serviceData) {
var hostDict = {};
// Create a host dict for performance
for (i = 0; i < hostData.length; i += 1) {
var host_name = hostData[i].host_name;
angular.forEach(hostData[i], function (value, field) {
if (!(host_name in hostDict)) {
hostDict[host_name] = {};
}
hostDict[host_name][field] = value;
});
}
for (i = 0; i < serviceData.length; i += 1) {
angular.forEach(hostDict[serviceData[i].host_name],
function (value, field) {
serviceData[i][field] = value;
});
}
responsePromise.resolve(serviceData);
});
});
return responsePromise.promise;
};
}])

95
app/index.html
View File

@ -9,60 +9,59 @@
<title>Bansho</title> <title>Bansho</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/css/app.css"> <link rel="stylesheet" href="assets/css/app.css">
<meta name="description" content=""> <meta name="description" content="">
<!-- build:js js/app.min.js --> <!-- build:js js/app.min.js -->
<script src="bower_components/angular/angular.js"></script> <script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script> <script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/moment/moment.js"></script> <script src="bower_components/moment/moment.js"></script>
<script src="bower_components/raphael/raphael-min.js"></script> <script src="bower_components/raphael/raphael-min.js"></script>
<script src="bower_components/justgage-toorshia/justgage.js"></script> <script src="bower_components/justgage-toorshia/justgage.js"></script>
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script> <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script>
<script src="assets/js/scripts.js"></script> <script src="assets/js/scripts.js"></script>
<script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script> <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
<script src="app.js"></script> <script src="app.js"></script>
<script src="components/config/config.js"></script> <script src="components/config/config.js"></script>
<script src="components/utils/promise_manager.js"></script> <script src="components/utils/promise_manager.js"></script>
<script src="components/live/live.js"></script> <script src="components/live/live.js"></script>
<script src="components/ng-justgage/ng-justgage.js"></script> <script src="components/ng-justgage/ng-justgage.js"></script>
<script src="components/filters/filters.js"></script> <script src="components/filters/filters.js"></script>
<script src="components/sidebar/sidebar.js"></script> <script src="components/sidebar/sidebar.js"></script>
<script src="components/topbar/topbar.js"></script> <script src="components/topbar/topbar.js"></script>
<script src="components/tactical/tactical.js"></script> <script src="components/tactical/tactical.js"></script>
<script src="components/tactical/status_overview/status_overview.js"></script> <script src="components/tactical/status_overview/status_overview.js"></script>
<script src="components/tactical/current_health/current_health.js"></script> <script src="components/tactical/current_health/current_health.js"></script>
<script src="components/tactical/top_alert_producers/top_alert_producers.js"></script> <script src="components/tactical/top_alert_producers/top_alert_producers.js"></script>
<script src="components/table/actionbar/actionbar.js"></script> <script src="components/table/actionbar/actionbar.js"></script>
<script src="components/table/table.js"></script> <script src="components/table/table.js"></script>
<script src="components/table/cell_duration/cell_duration.js"></script> <script src="components/table/cell_duration/cell_duration.js"></script>
<script src="components/table/cell_host/cell_host.js"></script> <script src="components/table/cell_host/cell_host.js"></script>
<script src="components/table/cell_last_check/cell_last_check.js"></script> <script src="components/table/cell_last_check/cell_last_check.js"></script>
<script src="components/table/cell_service_check/cell_service_check.js"></script> <script src="components/table/cell_service_check/cell_service_check.js"></script>
<script src="components/table/cell_host_address/cell_host_address.js"></script> <script src="components/table/cell_host_address/cell_host_address.js"></script>
<script src="components/table/cell_host_status/cell_host_status.js"></script> <script src="components/table/cell_host_status/cell_host_status.js"></script>
<script src="components/host/host.js"></script> <script src="components/host/host.js"></script>
<script src="components/host/host_cpu/host_cpu.js"></script> <script src="components/host/host_cpu/host_cpu.js"></script>
<script src="components/host/host_info/host_info.js"></script> <script src="components/host/host_info/host_info.js"></script>
<script src="components/host/host_load/host_load.js"></script> <script src="compoents/host/host_load/host_load.js"></script>
<script src="components/host/host_main/host_main.js"></script> <script src="components/host/host_main/host_main.js"></script>
<script src="components/host/host_services_list/host_services_list.js"></script> <script src="components/host/host_services_list/host_services_list.js"></script>
<script src="components/service/service.js"></script> <script src="components/service/service.js"></script>
<script src="components/service/service_main/service_main.js"></script> <script src="components/service/service_main/service_main.js"></script>
<script src="components/service/service_info/service_info.js"></script> <script src="components/service/service_info/service_info.js"></script>
<script src="components/service/service_metrics/service_metrics.js"></script> <script src="components/service/service_metrics/service_metrics.js"></script>
<script src="routing_view/routing_view.js"></script> <script src="routing_view/routing_view.js"></script>
<script src="templates/dashboard/dashboard.js"></script> <script src="templates/dashboard/dashboard.js"></script>
<script src="templates/single_table/single_table.js"></script> <script src="templates/single_table/single_table.js"></script>
<script src="templates/host/host.js"></script> <script src="templates/host/host.js"></script>
<script src="templates/service/service.js"></script> <script src="templates/service/service.js"></script>
<!-- endbuild --> <!-- endbuild -->
</head> </head>
<body class="layout color-scheme--dark" ng-strict-di> <body class="layout color-scheme--dark">
<!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]-->
<div class="layout__container"> <div class="layout__container">
<aside class="layout__aside sidebar-wrapper collapse" id="sidebarWrapper"> <aside class="layout__aside sidebar-wrapper collapse" id="sidebarWrapper">