I am looking to develop a Jenkins dashboard using AngularJS. I am considering combining data from three different API calls to create an object that can be used in the HTML file with ng-repeat, but I'm not sure if this is the best approach.
The desired data structure is as follows:
JSON object
{
"Job1": {
"branchname1": {
"stagename1": {
"stage_status": "SUCCESS"
},
"stagename2": {
"stage_status": "FAILED"
}
}
},
"Job2": {
"branchname1": {
"stagename1": {
"stage_status": "SUCCESS"
},
"stagename2": {
"stage_status": "FAILED"
}
}
}
}
AngularJS code
angular.module('App')
.controller('IndexCtrl', function($scope, $route, $routeParams, $rootScope, $http, $location, $log, $q, moment, $filter) {
$scope.api = 'http://127.0.0.1:8080';
$scope.customer = '';
$scope.jobs = [];
function getJobs(customer, callback) {
$scope.customer = customer;
$http.get($scope.api + '/job/' + customer + '/api/json?tree=jobs[name]').then(function(response) {
angular.forEach(response.data.jobs, function(value, index) {
$scope.jobs.push(value.name);
});
callback(response);
},
function(error) {
alert("Could not fetch jobs from " + $scope.api);
});
}
function getData(resp) {
requests = [];
angular.forEach(resp.data.jobs, function(value) {
requests.push($http.get($scope.api + '/job/' + $scope.customer + '/job/' + value.name + '/api/json'));
console.log(value.name); // OUTPUT: Job1 Job2
});
$q.all(requests).then(function(result) {
angular.forEach(result, function(value) {
angular.forEach(value.data.jobs, function(index) {
if(index.name.match( /(hotfix|release|master)/ )) {
console.log(index.name); // OUTPUT: branchname1 branchname2
$http.get($scope.api + '/job/' + $scope.customer + '/job/' + value.data.name + '/job/' + index.name + '/wfapi/runs').then(function(response) {
angular.forEach(response.data[0].stages, function(index) {
console.log(index.name); // OUTPUT: stagename1 stagename2
console.log(index.status); // OUTPUT: SUCCESS FAILED
});
});
}
});
});
});
}
getJobs("project1", getData);
})
Is it feasible to create an object based on the outputs shown in console.log? If not, what would be the best approach to achieve a similar result?
Thank you in advance.