f2bd93d111a1b715642b5bb2102c6d84df78a28a
[unfold.git] / portal / static / js / onelab_slice-resource-view.js
1 $(document).ready(function() {
2         $('ul.nav-resources a').click(function() {
3         $('ul.nav-resources li').removeClass('active');
4         $(this).parent().addClass('active');
5         $('div.panel').hide();
6         $('div#'+$(this).data('panel')).show();
7     });
8     
9     $.get("/rest/platform", function(data) {
10                 var list = '<div class="list-group-item sl-platfrom"><span class="list-group-item-heading">Testbeds</span></div>';
11                 for(i=0; i<data.length;i++) {
12                         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>';
13                 }
14                 $('#select-platform').html(list);
15         }).done(function() {
16                 
17         });
18         
19     $.get("/rest/resource/", {"fields" : ["hostname","latitude","longitude"] }, function(data) {
20         
21         var mapOptions = {
22       center: new google.maps.LatLng(48.8567, 2.3508),
23       zoom: 4,
24       scrollwheel: false
25     };
26     var map = new google.maps.Map(document.getElementById("map"), mapOptions);
27          marker = new google.maps.Marker({
28                 position: new google.maps.LatLng(48.8567, 2.3508),
29                 map: map,
30                 icon: '/static/img/marker2.png'
31             });
32         for (i = 0; i < data.length; i++) {  
33                 if (!data[i].longitude) continue;
34             marker = new google.maps.Marker({
35                 position: new google.maps.LatLng(data[i].latitude, data[i].longitude),
36                 map: map
37             });
38         
39             google.maps.event.addListener(marker, 'click', (function(marker, i) {
40                 return function() {
41                   infowindow.setContent(data[i].hostname);
42                   infowindow.open(map, marker);
43                 };
44         })(marker, i));
45     }
46   });
47    //google.maps.event.addDomListener(window, 'load', initialize);
48 });