view release on metacpan or  search on metacpan

public/js/site.js  view on Meta::CPAN

    mytr.insertBefore(prevtr);
  }
  var myform = $(this).parents('form').first();
  setTimeout(function(){preview_complex_graph(myform)},10);
  e.preventDefault();
  return false;
};

function table_order_down(e) {
  var btn = this;
  var mytr = $(this).parents('tr.can-table-order').first();
  if ( mytr ) {
    var nexttr = mytr.next('tr.can-table-order');
    mytr.insertAfter(nexttr);
  }
  var myform = $(this).parents('form').first();
  setTimeout(function(){preview_complex_graph(myform)},0);
  e.preventDefault();
  return false;
};

function table_order_remove() {
  var btn = this;
  var mytr = $(this).parents('tr.can-table-order').first();
  var myform = $(this).parents('form').first();
  setTimeout(function(){preview_complex_graph(myform)},10);
  mytr.detach();
};

function preview_complex_graph(myform) {
  var uri =  myform.find('select[name="type-1"]').val() + ':' + myform.find('select[name="path-1"]').val() + ':' + myform.find('select[name="gmode-1"]').val() + ':0';
  var num = myform.find('input[name=type-2]').length;

  for (var i=0; i < num; i++ ) {
      uri += ':'
           + myform.find('input[name="type-2"]').eq(i).val() + ':'
           + myform.find('input[name="path-2"]').eq(i).val() + ':'
           + myform.find('input[name="gmode-2"]').eq(i).val() + ':'
           + myform.find('input[name="stack-2"]').eq(i).val();
  }
  var base = $('ul.nav:first > li:first > a').attr('href');
  var img = $('<img />');
  img.attr('src',base + 'graph/' + uri + '?sumup=' + myform.find('select[name="sumup"]').val());
  $('#preview-graph').children('img').detach();
  img.appendTo($('#preview-graph'));
};

function setTablePreview() {
  $('.table-order-up').click(table_order_up);
  $('.table-order-down').click(table_order_down);
  $('.table-order-remove').click(table_order_remove);
  $('#complex-form select[name="sumup"]').change(function(){
    setTimeout(function(){ preview_complex_graph($('#complex-form')) },10);
  });
  $('#complex-form select[name$="-1"]').change(function(){
    setTimeout(function(){ preview_complex_graph($('#complex-form')) },10);
  });

  var service_tree;
  $.ajax({
    url: $('#service_tree').data('endpoint'),
    cache: false,
    async: false,
    dataType: 'json'
  }).done(function(data){ service_tree = data })
    .fail(function(){
        var alert = $('<div class="alert alert-danger">System Error! Please reload this page</div>');
        $('#service_tree').append(alert);
    });

  $('#complex-form select[name="path-1-service"]').change(function(){
    var service_select = $(this);
    setTimeout(function(){
      var path_1_section = $('#complex-form select[name="path-1-section"]');
      path_1_section.children().detach();
      var section = $.grep(service_tree,function(n,i){ return (n["name"]==service_select.val())});
      $.map(section[0]["sections"], function(s,i){
        var opttag = $('<option value="dummy">dummy</option>');
        opttag.text(s["name"]);
        opttag.attr('value',s["name"]);
        path_1_section.append(opttag.clone());
      })
      var path_1_g = $('#complex-form select[name="path-1"]');
      path_1_g.children().detach();
      $.map(section[0]["sections"][0]["graphs"], function(g,i){
        var opttag = $('<option value="dummy">dummy</option>');
        opttag.text(g["graph_name"]);
        opttag.attr('value',g["id"]);
        path_1_g.append(opttag.clone());
      })
      preview_complex_graph($('#complex-form')) },10);
  });

  $('#complex-form select[name="path-1-section"]').change(function(){
    var section_select = $(this);
    setTimeout(function(){
      var path_1_g = $('#complex-form select[name="path-1"]');
      path_1_g.children().detach();
      var section = $.grep(service_tree,function(n,i){
        return ( n["name"] == $('#complex-form select[name="path-1-service"]').val())
      });
      var path_1_g = $('#complex-form select[name="path-1"]');
      path_1_g.children().detach();
      $.map(section[0]["sections"], function(s,i) {
        if ( s["name"] == section_select.val() ) {
          $.map(s["graphs"], function(g,i){
            var opttag = $('<option value="dummy">dummy</option>');
            opttag.text(g["graph_name"]);
            opttag.attr('value',g["id"]);
            path_1_g.append(opttag.clone());
         });
       }
     });
     preview_complex_graph($('#complex-form')) },10);
  });

  $('#complex-form select[name="path-add-service"]').change(function(){
    var service_select = $(this);
    setTimeout(function(){
      var path_section = $('#complex-form select[name="path-add-section"]');
      path_section.children().detach();