<div class="container">
<h2>counters</h2>
<div class="row">
<div class="col-xs-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-university fa-5x"></i>Organizations
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countOrg">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-handshake-o fa-5x"></i>Partners
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countPartners">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-info">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-globe fa-5x"></i>all entities
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countAll">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-users fa-5x"></i>IdPs
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countIdPs">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-cog fa-5x"></i>SPs
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countSPs">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-tags fa-5x"></i>AAs
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countAAs">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="panel panel-warning">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-flag fa-5x"></i>eduId
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countEduid">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="panel panel-warning">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-empire fa-5x"></i>eduGain
</div>
<div class="col-xs-9 text-right">
<div class="huge" id="countEdugain">
<div class="fa fa-spinner fa-spin"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="divider">
<h1>timelines</h1>
<div id="timelinesEntities">
<div class="fa-spinner fa fa-spin"></div>
</div>
<div id="timelinesOrganizations">
<div class="fa-spinner fa fa-spin"></div>
</div>
</div>
$(document).ready(function() {
var baseurl = "https://rr.eduid.hu";
function updateCounter(url, targetId) {
$.ajax({
type: "GET",
url: baseurl + "/api/v1/stats/counters/" + url,
success: function(results) {
$("#" + targetId).text(results);
},
error: function(results) {
console.log("ERROR");
}
});
}
updateCounter("organizations", "countOrg");
updateCounter("entities?set=partners", "countPartners");
updateCounter("entities", "countAll");
updateCounter("entities?role=idp", "countIdPs");
updateCounter("entities?role=sp", "countSPs");
updateCounter("entities?role=aa", "countAAs");
updateCounter("entities?set=href", "countEduid");
updateCounter("entities?set=href-edugain", "countEdugain");
$.ajax({
type: "GET",
url: baseurl + "/api/v1/stats/timelines/entities",
success: function(results) {
new Highcharts.Chart({
chart: {
"renderTo": "timelinesEntities",
"type": "column",
"zoomType": "x"
},
plotOptions: {
"column": {
"stacking": "normal"
}
},
series: $.parseJSON(results),
title: {
"text": "entities by time"
},
xAxis: {
"type": "category"
},
yAxis: {
"title": {
text: "number of entities"
},
"stackLabels": {
"enabled": true,
"rotation": -90,
"y": -20
}
}
});
},
error: function(results) {
console.log("ERROR");
}
});
$.ajax({
type: "GET",
url: baseurl + "/api/v1/stats/timelines/organizations",
success: function(results) {
new Highcharts.Chart({
chart: {
"renderTo": "timelinesOrganizations",
"type": "column",
"zoomType": "x"
},
plotOptions: {
"column": {
"stacking": "normal"
}
},
series: $.parseJSON(results),
title: {
"text": "organizations by time"
},
xAxis: {
"type": "category"
},
yAxis: {
"title": {
text: "number of organizations"
},
"stackLabels": {
"enabled": true,
"rotation": -90,
"y": -20
}
}
});
},
error: function(results) {
console.log("ERROR");
}
});
});