rbbt-views 1.0.1 → 2.0.0

data/share/views/js/_cytoscape.js

@@ -0,0 +1,44 @@
+
+function setup_cytoscape_visualization(dom_id){
+  var options = {
+      // where you have the Cytoscape Web SWF
+      swfPath: "/plugins/cytoscape-web/swf/CytoscapeWeb",
+      // where you have the Flash installer SWF
+      flashInstallerPath: "/plugins/cytoscape-web/swf/playerProductInstall"
+  };
+  
+  // init and draw
+  var cytoscape_visualization = new org.cytoscapeweb.Visualization(dom_id, options);
+
+  cytoscape_visualization.addListener("click", "nodes", function(event){
+    var href = event.target.data['url'];
+    if (undefined === href){ return }
+
+    if ($('#details').hasClass("expanded")){
+      size = "normal";
+    }else{
+      size = "small";
+    }
+
+    $('#details_controls a#link_details').attr('href', remove_parameter(href, '_update'))
+    update_detail_controls(href)
+    show_details();
+
+
+    var old_url = $('#details').attr('url');
+    _update_details(href, size, function(data){
+      if (old_url != null && old_url != undefined ){
+        details_history.push(old_url);
+      }
+      $('#details').html(data).removeClass("loading").removeClass("error");
+      rbbt_action_setup();
+     });
+
+    return false;
+  })
+
+  var network_json = cytoscape_visualizations[dom_id]["network_json"]
+  var visual_style = cytoscape_visualizations[dom_id]["visual_style"]
+  cytoscape_visualization.draw({ network: network_json, visualStyle: visual_style });
+}
+

data/share/views/js/_details.js

@@ -0,0 +1,239 @@
+//{{{ DETAILS
+
+function _update_details(url, size, success){
+  var old_url = $('#details').attr('url');
+  $('#details').attr('url', remove_parameter(url, '_update'))
+  $.ajax(add_parameters(url, '_size=' + size + '&_cache_type=async'), {
+    cache: false,
+    success: function( data, stat, req ) {
+      if (req.status == 202){
+        var ajax_obj = this;
+        url = remove_parameter(url, '_update');
+
+        if ($('#details').attr('url') == undefined || $('#details').attr('url') == url){
+          $('#details').html("<span class='details_loading'>Loading " + unescape(url).replace(/\+/g, " ") + "</span>").addClass("loading").removeClass("error");
+        }
+        setTimeout(function(){ if ($('#details').attr('url') == undefined || $('#details').attr('url') == url){  _update_details(url, size, success) } }, 3000);
+
+      }else{
+        url = remove_parameter(url, '_update');
+        if ($('#details').attr('url') == undefined || $('#details').attr('url') == url){
+          success(data);
+        }
+      }
+    },
+    timeout: 20000,
+    error: function(x, t, m) {
+      if (t == 'timeout'){
+        $('#details').html("<span class='details_wait'>Timeout loading: " + unescape(url).replace(/\+/g, " ") + ". Some processes can take long, click <a class='waiting_details' href=#>retry</a> after a while.");
+        var ajax_obj = this;
+      $('#details').find('a.waiting_details').click(function(){
+        $('#details').html("<span class='details_retrying'>Retrying: " + unescape(url).replace(/\+/g, " ") + "</span>");
+        $.ajax(ajax_obj);
+      })
+      }else{
+        $('#details').html("<span class='details_error'>Error loading " + unescape(url).replace(/\+/g, " ") +  "</span>");
+      }
+    }
+  })
+}
+
+function load_in_details(href){
+  if ($('#details').hasClass("expanded")){
+    size = "normal";
+  }else{
+    size = "small";
+  }
+
+  $('#details_controls a#link_details').attr('href', remove_parameter(href, '_update'))
+  update_detail_controls(href)
+  show_details();
+
+  var old_url = $('#details').attr('url');
+  $('#details').html("<span class='details_loading'>Loading " + unescape(href).replace(/\+/g, " ") + "</span>").addClass("loading").removeClass("error");
+
+  _update_details(href, size, function(data){
+     if (old_url != null && old_url != undefined ){
+       details_history.push(old_url);
+     }
+     $('#details').html(data).removeClass("loading").removeClass("error");
+     rbbt_action_setup();
+  })
+  return false;
+}
+
+function back_details(){
+  var url = details_history.pop();
+  if (url != null && url != undefined ){
+
+    if ($('#details').hasClass("expanded")){
+      size = "normal";
+    }else{
+      size = "small";
+    }
+
+    update_detail_controls(url);
+    _update_details(url, size, function(data){
+      $('#details').html(data).removeClass("loading").removeClass("error");
+      rbbt_action_setup();
+    });
+  }
+  return false;
+}
+
+function reload_details(){
+  var url = $('#details').attr('url')
+  if (url != null && url != undefined ){
+
+    if ($('#details').hasClass("expanded")){
+      size = "normal";
+    }else{
+      size = "small";
+    }
+
+    update_detail_controls(url);
+
+    _update_details(add_parameters(url, "_update=reload"), size, function(data){
+      $('#details').html(data).removeClass("loading").removeClass("error");
+      rbbt_action_setup();
+    });
+  }
+  return false;
+}
+
+function expand_details(){
+  var url =  $('#details').attr('url');
+  if (url == null) return false;
+
+  $('#main').hide()
+  $('#details').addClass("expanded")
+  $('#details').html("<span class='details_loading'>Loading " + unescape(url).replace(/\+/g, " ") + "</span>").addClass("loading").removeClass("error");
+
+  update_detail_controls(url);
+  _update_details(url, "normal", function(data){
+    $('#details').html(data).removeClass("loading").removeClass("error");
+    rbbt_action_setup();
+  });
+
+  return false
+}
+
+function contract_details(){
+  var url =  $('#details').attr('url');
+  if (url == null) return false;
+
+  $('#main').show()
+  $('#details').removeClass("expanded")
+  $('#details').html("<span class='details_loading'>Loading " + unescape(url).replace(/\+/g, " ") + "</span>").addClass("loading").removeClass("error");
+ 
+  update_detail_controls(url);
+  _update_details(url, "small", function(data){
+    $('#details').html(data).removeClass("loading").removeClass("error");
+    rbbt_action_setup();
+  });
+
+  return false
+}
+
+function update_detail_controls(href){
+  var type = href.replace(/^\/entity(?:_list)?\//, '').replace(/\/.*/,'').replace(/:.*/,'')
+
+  if (href.match(/entity_list/)){
+    var id = href.replace(/^\/entity_list\/[^\/]*\//, '').replace(/\?.*/,'')
+    $('div#details_controls > ul > li.save').hide();
+    $('div#details_controls > ul > li.select').show();
+    $('#details_controls').find('span.entity_type').html(type + ' list')
+    $('#details_controls').find('li.select > a.select_list').attr('attr-list-type', type).attr('attr-list', id).removeClass('rbbt_action_setup')
+  }else{
+    $('div#details_controls').find('select.loaded_lists').attr('type', type).find('option[class*=automatic_load]').remove()
+    $('div#details_controls > ul > li.select').hide();
+    $('div#details_controls > ul > li.save').show();
+    $('#details_controls').find('span.entity_type').html(type)
+  }
+
+}
+
+function show_details(){
+  var main_size = $(window).height() - $('#details').outerHeight(true) - $('#details_controls').outerHeight(true) - $('#header').outerHeight(true) - 80;
+  var scroll_top = $(window).scrollTop();
+  scroll(0,0);
+  $('#details').show();
+  $('#details_controls').show();
+
+  var main = $('#main');
+  if (! main.hasClass('contracted')){
+    $('#main').css('height', main_size).addClass('contracted');
+    $('#main').scrollTop(scroll_top);
+  }
+  $('#menu').css('height', main_size + $('#details').outerHeight() + $('#details_controls').outerHeight()).addClass('contracted');
+  return false;
+}
+
+function hide_details(){
+  details_history = [];
+  var scroll_top = $('#main').scrollTop();
+  $('#main').show();
+  $('#details').hide().removeClass('expanded');
+  $('#details').attr('href', null);
+  $('#details_controls').hide();
+  $('#main').scrollTop(0);//.css('height', '100%');
+  $('#main').removeClass('contracted');//.css('height', '100%');
+  $(window).scrollTop(scroll_top);
+  return false;
+}
+
+function toggle_expand_details(){
+  if ($('#details').hasClass('expanded')){
+    contract_details();
+  }else{
+    expand_details();
+  }
+  return false
+}
+
+function save_details(){
+  var details = $('#details');
+  var type = details.attr('type');
+  var list = $('#details_controls').find('select.loaded_lists').val();
+  var url = details.attr('url')
+  url = url.replace('/entity/', '/entity_list/')
+
+  if (url.search(/\?/) > 0){
+    url = url.replace('?', '/' + list + '?')
+  }else{
+    url = url + '/' + list
+  }
+
+  $.ajax(url, {
+    cache: false,
+    type: 'POST',
+    success: function(data){
+      update_saved_lists()
+    },
+    timeout: 20000,
+    error: function(x, t, m) {
+      if (t == 'timeout'){
+        $('#details').html("<span class='details_wait'>Timeout loading: " + href + ". Some processes can take long, click <a class='waiting_details' href=#>retry</a> after a while.");
+        var ajax_obj = this
+        $('#details').find('a.waiting_details').click(function(){
+          $('#details').html("<span class='details_retrying'>Retrying: " + href + "</span>");
+          $.ajax(ajax_obj)
+        });
+      }else{
+        $('#details').html("<span class='details_error'>Error loading " + href + "</span>");
+      }
+    }
+  })
+}
+
+function link_details(){
+  var details = $('#details');
+  var type = details.attr('type');
+  var list = $('#details_controls').find('select.loaded_lists').val();
+  var url = details.attr('url')
+ 
+  window.open(url)
+  return false;
+}
+
+

data/share/views/js/_dom_updates.js

@@ -0,0 +1,384 @@
+//{{{ DOM UPDATE
+
+var rbbt_updater = []
+
+function register_dom_update(selector, func){
+  if (rbbt_updater[selector] === undefined){
+    rbbt_updater[selector] = [func];
+  }else{
+    rbbt_updater[selector].push(func);
+  }
+}
+
+function update_dom(){
+  for (selector in rbbt_updater){
+    var elements = $(selector).not('[class*=rbbt_action_setup]')
+    if (elements.length > 0){
+      elements.addClass('rbbt_action_setup')
+      $.each(rbbt_updater[selector], function(){
+        this(elements);
+      })
+    }
+  }
+}
+
+// Updates
+
+register_dom_update('a.entity, a.entity_list', function(links){
+  links.each(function(){
+    var link = $(this);
+    link.click(function(){load_in_details($(this).attr('href')); return false;}).addClass('rbbt_action_setup');
+  })
+})
+
+register_dom_update('table', function(table){
+  table.tablesorter().addClass('sortable');
+  fix_long_table_cells(table);
+})
+
+register_dom_update('.embedded > header', function(headers){
+  headers.each(function(){
+    var header = $(this);
+    var embedded = header.parent('.embedded');
+    var href = embedded.attr('target');
+
+    if (header.find('ul.embedded_control').length == 0){
+      var html = header.html();  
+      if (embedded.hasClass('check_replace')){
+        html = html + '<ul class="embedded_control"><li><a class="toggle_embedded">toggle</a></li><li><a class="delete_embedded">delete</a></li><li><a class="reload_embedded">reload</a></li><li><a class="link_embedded" href="'+ href + '">link</a></li></ul>';
+      }else{
+        html = html + '<ul class="embedded_control"><li><a class="toggle_embedded">toggle</a></li><li><a class="reload_embedded">reload</a></li><li><a class="link_embedded" href="'+ href + '">link</a></li></ul>';
+      }
+      header.html(html);
+    }
+
+    rbbt_action_setup();
+  })
+});
+
+register_dom_update('.embedded > header', function(header){
+  header.click(function(){
+    $(this).parent('.embedded').toggleClass('active_controls');
+  })
+})
+
+register_dom_update('.DELETE, .POST', function(link){
+  link.click(function() {
+      if(true) {
+        var link = $(this);
+        var target_id = link.attr('rel')
+        var href = link.attr('href');
+
+        $.ajax({
+          cache: false, url:href, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", asyn:false, 
+          success: function(){if (target_id != null){ link.remove(); $("#" + target_id).remove();}}
+       })
+      }
+      return false;
+    })
+  })
+
+
+register_dom_update('a.open_ellipsis', function(link){
+  link.click(function(){
+    var link = $(this);
+    var span = link.parent('span');
+    var cell = span.parent();
+    restore_ellipsis(cell);
+    
+    return(false);
+  })
+})
+
+register_dom_update('.exec_job', function(link){
+  link.click(function(){
+    var link = $(this);
+    var workflow = link.attr('attr-workflow');
+    var task = link.attr('attr-task');
+    var params = JSON.parse(link.attr('attr-params'));
+
+    exec_job(workflow, task, params);
+  })
+})
+
+register_dom_update('a.share_note', function(link){
+  link.click(function(){
+    var link = $(this);
+    var ul = link.parent('li').parent('ul')
+
+    var target_id = link.attr('rel')
+    var href = link.attr('href');
+    $.ajax({cache: false, url:href, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", asyn:false, success: function(){if (target_id != null){ link.remove(); $("#" + target_id).remove();}}})
+ 
+    ul.attr('shared', 'true')
+    return false
+  })
+})
+
+register_dom_update('a.unshare_note', function(link){
+  link.click(function(){
+    var link = $(this);
+    var ul = link.parent('li').parent('ul');
+
+    var target_id = link.attr('rel')
+    var href = link.attr('href');
+    $.ajax({cache: false, url:href, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", asyn:false, success: function(){if (target_id != null){ link.remove(); $("#" + target_id).remove();}}})
+
+    ul.attr('shared', 'false')
+    return false
+  })
+})
+
+register_dom_update('a.compare_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    var list = link.attr('attr-list');
+    var type = link.attr('attr-list-type');
+
+    var loaded_lists = entity_lists[type];
+
+    $('div.compare_list').remove();
+
+    var div = $('<div class="compare_list"></div>');
+    var close = $('<a class="close_compare_list">close</a>');
+    var header = $('<header></header>');
+    header.html('Compare ' + list + ' with:');
+    div.append(close);
+    div.append(header);
+
+    var ul = $('<ul></ul>');
+    
+    for (list_name in loaded_lists){
+      if ( list_name != list ) {
+        var li = $('<li></li>');
+        var span = $('<span class="list_name"></span>').html(list_name);
+        var add = $('<a class="add_list">add</a>').attr('attr-source-list', list).attr('attr-target-list', list_name).attr('attr-list-type', type);
+        var del = $('<a class="delete_list">delete</a>').attr('attr-source-list', list).attr('attr-target-list', list_name).attr('attr-list-type', type);
+        var intersect = $('<a class="intersect_list">intersect</a>').attr('attr-source-list', list).attr('attr-target-list', list_name).attr('attr-list-type', type);
+        li.append(span).append(add).append(del).append(intersect)
+        ul.append(li);
+      }
+    }
+
+    if (ul.find('li').length > 0){
+      div.append(ul);
+    }else{
+      div.append('No lists loaded for this entity type');
+    }
+
+    div.css('top', $('#main').scrollTop() + 20);
+
+
+    $('#content').append(div);
+
+    rbbt_action_setup();
+
+    return false;
+  })
+})
+
+register_dom_update('a.close_compare_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    link.parent().remove();
+  })
+})
+
+register_dom_update('a.add_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    var type = link.attr('attr-list-type');
+    var source = link.attr('attr-source-list');
+    var target = link.attr('attr-target-list');
+
+    var new_id = escape('(' + source + ' PLUS ' + target + ')');
+
+    var copy_url = "/entity_list/" + type + "/copy/" + source + "?new_id=" + new_id;
+
+    $('div.compare_list').remove();
+    $.ajax({cache: false, url:copy_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+    success: function(){
+      var add_url = "/entity_list/" + type + "/add/" + new_id + "?other_list=" + target;
+      $.ajax({cache: false, url:add_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+      success: function(){
+        var new_list_url = "/entity_list/" + type + '/' + new_id;
+        load_in_details(new_list_url);
+      }})
+    }})
+  })
+})
+
+register_dom_update('a.delete_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    var type = link.attr('attr-list-type');
+    var source = link.attr('attr-source-list');
+    var target = link.attr('attr-target-list');
+
+    var new_id = escape('(' + source + ' - ' + target + ')');
+
+    var copy_url = "/entity_list/" + type + "/copy/" + source + "?new_id=" + new_id;
+
+    $('div.compare_list').remove();
+    $.ajax({cache: false, url:copy_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+    success: function(){
+      var del_url = "/entity_list/" + type + "/remove/" + new_id + "?other_list=" + target;
+      $.ajax({cache: false, url:del_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+      success: function(){
+        var new_list_url = "/entity_list/" + type + '/' + new_id;
+        load_in_details(new_list_url);
+      }})
+    }})
+  })
+})
+
+register_dom_update('a.rename_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    var id = link.attr('attr-list');
+    var type = link.attr('attr-list-type');
+    var rename_input = link.siblings('input.rename_list[attr-list="' + id + '"]').first();
+    var new_id = rename_input.val();
+
+    var copy_url = "/entity_list/" + type + "/copy/" + id + "?new_id=" + new_id;
+
+    $.ajax({cache: false, url:copy_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+    success: function(){
+        var new_list_url = "/entity_list/" + type + '/' + new_id;
+        load_in_details(new_list_url);
+        var delete_list_url = "/entity_list/" + type + '/' + id;
+        $.ajax({cache: false, url:delete_list_url, data:{ _method: 'DELETE'}, type:"post", async:true})
+    }})
+  })
+})
+
+register_dom_update('a.intersect_list', function(link){
+  link.click(function(){
+    var link = $(this);
+    var type = link.attr('attr-list-type');
+    var source = link.attr('attr-source-list');
+    var target = link.attr('attr-target-list');
+
+    var new_id = escape('(' + source + ' AND ' + target + ')');
+
+    var copy_url = "/entity_list/" + type + "/copy/" + source + "?new_id=" + new_id;
+
+    $('div.compare_list').remove();
+    $.ajax({cache: false, url:copy_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+    success: function(){
+      var del_url = "/entity_list/" + type + "/subset/" + new_id + "?other_list=" + target;
+      $.ajax({cache: false, url:del_url, data:{ _method: $(this).getClassInList(['POST', 'DELETE'])}, type:"post", async:false, 
+      success: function(){
+        var new_list_url = "/entity_list/" + type + '/' + new_id;
+        load_in_details(new_list_url);
+      }})
+    }})
+  })
+})
+
+register_dom_update('h3.workflow_title', function(link){
+  link.click(function(){
+    var target = $(this).attr('target');
+    $('div#' + target).toggle();
+  });
+})
+
+
+register_dom_update('span.notes a', function(link){
+  link.click(function(){
+    var url = window.location.toString();
+
+
+    url = remove_parameter(url, '_update');
+    url = remove_parameter(url, '_');
+
+    url = url.replace(/http:\/\/[^\/]+\//, '/notes/')
+
+    window.location = url
+    return false
+  })
+})
+
+register_dom_update('span.reload_page a', function(link){
+  link.click(function(){
+    var url = window.location.toString();
+
+
+    url = remove_parameter(url, '_update');
+    url = add_parameters(url, '_update=reload');
+
+    url = remove_parameter(url, '_');
+    url = add_parameters(url, '_=' + Math.random().toString());
+
+    window.location = url
+    return false
+  })
+})
+
+register_dom_update('span.list_dropdown > a', function(link){
+  link.click(function(){ $('#lists').toggle(); return false})
+})
+
+register_dom_update("input#find", function(elem){
+  elem.autocomplete({
+      source: "/find",
+      minLength: 2,
+      appendTo: '#find_wrapper'
+  }).data( "autocomplete" )._renderItem = function( ul, item ) {
+    var litem =  $( "<li></li>" ).data( "item.autocomplete", item )
+    var link = $("<a class='select_autocomplete'></a>");
+
+    link.append("<span class='match'>" + item.best +  "</span>" )
+    link.append( "<span class='code'>" + item.value + "</span>")
+    link.appendTo(litem);
+    litem.appendTo( ul );
+  };
+})
+
+register_dom_update('div.cytoscape_visualization', function(elem){
+  var dom_id = elem.attr('id');
+  setup_cytoscape_visualization(dom_id);
+})
+
+// SCREEN WIDE AND CENTER
+var screen_size = $('#main').css('width');
+
+function widen_screen(){
+  $('#main').css('width', 'auto')
+  $('#details').css('width', 'auto')
+  $('#details_controls').css('width', 'auto')
+  $.cookie('wide', 'true', {path: '/', expires: 30});
+  $('#header span.wide a').addClass('hide');
+  $('#header span.centered a').removeClass('hide');
+}
+
+function center_screen(){
+   $('#main').css('width', screen_size);
+   $('#details').css('width', screen_size);
+   $('#details_controls').css('width', screen_size);
+   $.cookie('wide',null, {path: '/', expires: 30});
+   $('#header span.centered a').addClass('hide');
+   $('#header span.wide a').removeClass('hide');
+}
+
+register_dom_update('#header span.wide a', function(link){
+  link.click(function(){
+    widen_screen();
+    rbbt_action_setup();
+    return false;
+  })
+})
+ 
+register_dom_update('#header span.centered a', function(link){
+  link.click(function(){
+    center_screen();
+    rbbt_action_setup();
+    return false;
+  })
+}) 
+
+if ($.cookie('wide') != null){
+ widen_screen();
+}
+
+