<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"); } }); });