Page History

<script>
function build_dataset_table(table) 
{
var header, loading;

 table.addClass("confluenceTable").addClass("tablesorter");
	  header = $("<tr>").addClass("sortableHeader").appendTo(table);
	 loading = $('<th class="confluenceTh sortableHeader" data-column="0">').appendTo(header);
	loading.text("Loading table...");

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


	var th;

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

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

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

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

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

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



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

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

}});

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