Page History

<script>
function build_dataset_table(table) 
{
	tablevar header, th;
 table.addClass("confluenceTable").addClass("tablesorter");
	 var  trheader = $("<tr>").addClass("sortableHeader").appendTo(table);
	var th = $('<th class="confluenceTh sortableHeader" data-column="0">').appendTo(trheader);
	th.text("Loading table...");

	$.ajax({url:"https://api.ecmwf.int/v1/datasets?key=key1", dataType : 'jsonp', success : function(data) {


	var th;

th = $('<th class="confluenceTh sortableHeader" data-column="2">').appendTo(trheader);
	th.text("Description");

	var th = $('<th class="confluenceTh sortableHeader" data-column="1">').appendTo(trheader);
	th.text("Licence");

	$.each(data.datasets,function (i, d) {
 var tr,td,a;
tr = $("<tr>").appendTo(table);
 var  td = $('<td class="confluenceTd">').appendTo(tr);
td.text(d.name);

var td = $('<td class="confluenceTd">').appendTo(tr);
td.text(d.description ? d.description : "N/A");

var td = $('<td class="confluenceTd">').appendTo(tr);

if(d.licence) {
	var a = $("a");
	a.appendTo(td);
a.attr("href",d.licence.url);
a.text(d.licence.name);
 }
else
{
	td.text("N/A");
}

 });
th.text("Dataset");
 }, error: function() {

th.text("Failed to load table");

}});

   }
 </script>
<div class="table-wrap">
<table id="datasets_table"></table>
</div>
 <script>
build_dataset_table($("#datasets_table"));
</script>