External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-23 11:55:04 -02:30
Code Issues Packages Projects Releases Wiki Activity

AC-503 Latest dashboard progress.

Browse Source
This commit is contained in:
chouseknecht
2013-10-11 21:41:20 +00:00
parent f2ac4b2749
commit 5ccdcb3b15
8 changed files with 374 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
awx/ui/static/js/widgets/InventorySyncStatus.js Normal file
View File

@@ -0,0 +1,141 @@
/*********************************************
* Copyright (c) 2013 AnsibleWorks, Inc.
*
* InventorySyncStatus.js
*
* Dashboard widget showing object counts and license availability.
*
*/
angular.module('InventorySyncStatusWidget', ['RestServices', 'Utilities'])
.factory('InventorySyncStatus', ['$rootScope', '$compile', 'Rest', 'GetBasePath', 'ProcessErrors', 'Wait',
function($rootScope, $compile, Rest, GetBasePath, ProcessErrors, Wait) {
return function(params) {
var scope = $rootScope.$new();
var inventoryCount, inventoryFails, groupCount, groupFails, hostCount;
var hostFails = 0;
var counts = 0;
var expectedCounts = 4;
var target = params.target;
if (scope.removeCountReceived) {
scope.removeCountReceived();
}
scope.removeCountReceived = scope.$on('CountReceived', function() {
var rowcount = 0;
function makeRow(label, count, fail) {
var html = "<tr>\n";
html += "<td><a href=\"/#/" + label.toLowerCase() + "\">" + label + "</a></td>\n";
html += "<td class=\"failed-column text-right\">";
html += (fail > 0) ? "<a href=\"/blah/blah\">" + fail + "</a>" : "";
html += "</td>\n";
html += "<td class=\"text-right\">";
html += (count > 0) ? "<a href=\"/blah/blah\">" + count + "</a>" : "";
html += "</td></tr>\n";
return html;
}
counts++;
if (counts == expectedCounts) {
// all the counts came back, now generate the HTML
var html = "<div class=\"panel panel-default\">\n";
html += "<div class=\"panel-heading\">Inventory Sync Status</div>\n";
html += "<div class=\"panel-body\">\n";
html += "<table class=\"table table-condensed table-hover\">\n";
html += "<thead>\n";
html += "<tr>\n";
html += "<th class=\"col-md-4 col-lg-3\"></th>\n";
html += "<th class=\"col-md-2 col-lg-1 text-right\">Failed</th>\n";
html += "<th class=\"col-md-2 col-lg-1 text-right\">Total</th>\n";
html += "</tr>\n";
html += "</thead>\n";
html += "<tbody>\n";
console.log('inventory count:' + inventoryCount);
console.log('group count:' + groupCount);
console.log('host count:' + hostCount);
if (inventoryCount > 0) {
html += makeRow('Inventories', inventoryCount, inventoryFails);
rowcount++;
}
if (groupCount > 0) {
html += makeRow('Groups', groupCount, groupFails);
rowcount++;
}
if (hostCount > 0) {
html += makeRow('Hosts', hostCount, hostFails);
rowcount++;
}
if (rowcount == 0) {
html += "<tr><td colspan=\"3\">No inventories configured for external sync</td></tr>\n";
}
html += "</tbody>\n";
html += "</table>\n";
html += "</div>\n";
html += "</div>\n";
html += "</div>\n";
var element = angular.element(document.getElementById(target));
element.html(html);
$compile(element)(scope);
$rootScope.$emit('WidgetLoaded');
}
});
var url = GetBasePath('inventory') + '?has_inventory_sources=true&page=1';
Rest.setUrl(url);
Rest.get()
.success( function(data, status, headers, config) {
inventoryCount=data.count;
scope.$emit('CountReceived');
})
.error( function(data, status, headers, config) {
ProcessErrors(scope, data, status, null,
{ hdr: 'Error!', msg: 'Failed to get ' + url + '. GET status: ' + status });
});
inventoryFails = 0;
url = GetBasePath('groups') + '?has_inventory_sources=true&page=1';
Rest.setUrl(url);
Rest.get()
.success( function(data, status, headers, config) {
groupCount=data.count;
scope.$emit('CountReceived');
})
.error( function(data, status, headers, config) {
ProcessErrors(scope, data, status, null,
{ hdr: 'Error!', msg: 'Failed to get ' + url + '. GET status: ' + status });
});
url = GetBasePath('groups') + '?has_inventory_sources=true&inventory_source__status=failed&page=1';
Rest.setUrl(url);
Rest.get()
.success( function(data, status, headers, config) {
groupFails=data.count;
scope.$emit('CountReceived');
})
.error( function(data, status, headers, config) {
ProcessErrors(scope, data, status, null,
{ hdr: 'Error!', msg: 'Failed to get ' + url + '. GET status: ' + status });
});
url = GetBasePath('hosts') + '?has_inventory_sources=true&page=1';
Rest.setUrl(url);
Rest.get()
.success( function(data, status, headers, config) {
hostCount=data.count;
scope.$emit('CountReceived');
})
.error( function(data, status, headers, config) {
ProcessErrors(scope, data, status, null,
{ hdr: 'Error!', msg: 'Failed to get ' + url + '. GET status: ' + status });
});
}
}]);