1 $(document).ready(function() {
2 $('ul.nav-resources a').click(function() {
3 $('ul.nav-resources li').removeClass('active');
4 $(this).parent().addClass('active');
6 $('div#'+$(this).data('panel')).show();
8 if ($(this).data('panel') == 'map') {
13 $.get("/rest/platform", function(data) {
14 var list = '<div class="list-group-item sl-platfrom"><span class="list-group-item-heading">Testbeds</span></div>';
15 for(i=0; i<data.length;i++) {
16 list += '<a href="#" class="list-group-item sl-platfrom" data-platform="'+data[i].platform+'"><span class="list-group-item-heading">'+data[i].platform_longname+'</span><p class="list-group-item-text">'+data[i].platform+'</p></a>';
18 $('#select-platform').html(list);
23 //google.maps.event.addDomListener(window, 'load', initialize);
28 $.get("/rest/resource/", {"fields" : ["hostname","latitude","longitude"] }, function(data) {
31 center: new google.maps.LatLng(48.8567, 2.3508),
35 var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
36 marker = new google.maps.Marker({
37 position: new google.maps.LatLng(48.8567, 2.3508),
39 icon: '/static/img/marker2.png'
42 for (i = 0; i < data.length; i++) {
43 if (!data[i].longitude) continue;
44 marker = new google.maps.Marker({
45 position: new google.maps.LatLng(data[i].latitude, data[i].longitude),
48 var infowindow = new google.maps.InfoWindow();
50 google.maps.event.addListener(marker, 'click', (function(marker, i) {
52 infowindow.setContent(data[i].hostname);
53 infowindow.open(map, marker);