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         if ($(this).data('panel') == 'map') {
   9                 mapInit();
  10         }
  11         */
  12     });
  13
  14     $.get("/rest/network", function(data) {
  15                 var list = '<div class="list-group-item sl-platfrom"><span class="list-group-item-heading">Testbeds</span></div>';
  16                 for(i=0; i<data.length;i++) {
  17                         list += '<a href="#" class="list-group-item sl-platfrom" data-platform="'+data[i].network_hrn+'"><span class="list-group-item-heading">'+data[i].network_longname+'</span><p class="list-group-item-text">'+data[i].network_hrn+'</p></a>';
  18                 }
  19                 $('#select-platform').html(list);
  20         }).done(function() {
  21
  22         });
  23
  24         $('button#ApplyPendind').click(function() {
  25                 myslice.apply();
  26                 // $.each(myslice.pending, function(k, p) {
  27                         // console.log(p);
  28                 // });
  29                 // $.post("/update/slice", {}, function() {
  30 //
  31                 // });
  32         });
  33
  34    //google.maps.event.addDomListener(window, 'load', initialize);
  35 });
  36
  37 function mapInit() {
  38
  39     $.get("/rest/resource/", {"fields" : ["hostname","latitude","longitude"] }, function(data) {
  40
  41                 var mapOptions = {
  42               center: new google.maps.LatLng(48.8567, 2.3508),
  43               zoom: 4,
  44               scrollwheel: false
  45             };
  46             var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
  47                  marker = new google.maps.Marker({
  48                         position: new google.maps.LatLng(48.8567, 2.3508),
  49                         map: map,
  50                         icon: '/static/img/marker2.png'
  51                     });
  52
  53                 for (i = 0; i < data.length; i++) {
  54                         if (!data[i].longitude) continue;
  55                     marker = new google.maps.Marker({
  56                         position: new google.maps.LatLng(data[i].latitude, data[i].longitude),
  57                         map: map
  58                     });
  59                         var infowindow = new google.maps.InfoWindow();
  60
  61                         google.maps.event.addListener(marker, 'click', (function(marker, i) {
  62                         return function() {
  63                           infowindow.setContent(data[i].hostname);
  64                           infowindow.open(map, marker);
  65                         };
  66                 })(marker, i));
  67             }
  68           });
  69 }