X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=plugins%2Fstatic%2Fjs%2Fsimplelist.js;h=d7f1d928430792836b41ba285156de8b482a4396;hb=6f5188cd6d52239fdfcad8ab6fe19eb1ea196699;hp=b916d11e5f1369ee2b7492baaba4380878c961e5;hpb=d0114fed8d99015bdf68202ccace76bf908aae39;p=unfold.git diff --git a/plugins/static/js/simplelist.js b/plugins/static/js/simplelist.js index b916d11e..d7f1d928 100644 --- a/plugins/static/js/simplelist.js +++ b/plugins/static/js/simplelist.js @@ -2,135 +2,105 @@ * MySlice SimpleList plugin * Version: 0.1.0 * URL: http://www.myslice.info - * Description: Google maps display of geolocated data + * Description: display simple lists like slices or testbeds * Requires: * Author: The MySlice Team - * Copyright: Copyright 2012 UPMC Sorbonne Universités + * Copyright (c) 2012 UPMC Sorbonne Universite - INRIA * License: GPLv3 */ -(function(jQuery){ - - var methods = { - init : function( options ) { - - return this.each(function(){ - - var $this = jQuery(this), - data = $this.data('SimpleList'), SimpleList = jQuery('
', { text : $this.attr('title') }); - - // If the plugin hasn't been initialized yet - if ( ! data ) { - - /* Plugin initialization */ - - /* Subscribe to query updates */ - jQuery.subscribe('/results/' + options.query_uuid + '/changed', {instance: $this}, update_list); - - /* End of plugin initialization */ - - $this.data('SimpleList', { - options: options, - target : $this, - SimpleList : SimpleList - }); - - } - }); - }, - destroy : function( ) { - - return this.each(function(){ - var $this = jQuery(this), data = $this.data('SimpleList'); - jQuery(window).unbind('SimpleList'); - data.SimpleList.remove(); - $this.removeData('SimpleList'); - }) - +simplelist_debug=false; + +(function($){ + var methods = { + init : function( options ) { + return this.each(function(){ + var $this = $(this); + var data = $this.data('SimpleList'); + /* create an empty DOM object */ + var SimpleList = $('
', { text : $this.attr('title') }); + // If the plugin hasn't been initialized yet + if ( ! data ) { + /* Subscribe to query updates */ + var channel='/results/' + options.query_uuid + '/changed'; + /* passing $this as 2nd arg: callbacks will retrieve $this as e.data */ + $.subscribe(channel, $this, update_list); + if (simplelist_debug) window.console.log('subscribing to ' + channel); + $this.data('SimpleList', {options: options, SimpleList : SimpleList}); + } + }); + }, + destroy : function( ) { + return this.each(function(){ + var $this = $(this), data = $this.data('SimpleList'); + $(window).unbind('SimpleList'); + data.SimpleList.remove(); + $this.removeData('SimpleList'); + }) }, -/* - reposition : function( ) { // ... }, - show : function( ) { // ... }, - hide : function( ) { // ... }, -*/ - update : function( content ) { } - }; + update : function( content ) { } + }; - jQuery.fn.SimpleList = function( method ) { + $.fn.SimpleList = function( method ) { /* Method calling logic */ if ( methods[method] ) { return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object' || ! method ) { return methods.init.apply( this, arguments ); } else { - jQuery.error( 'Method ' + method + ' does not exist on jQuery.SimpleList' ); + $.error( 'Method ' + method + ' does not exist on jQuery.SimpleList' ); } - }; /* Private methods */ + function update_list(e, rows) { + // e.data is what we passed in second argument to subscribe + var $this=e.data; + // locate the , expected layout being + //
+ // -- or, if we don't have a header -- + //
+ var $tbody=$this.find("tbody.simplelist").first(); + if (simplelist_debug) console.log("$tbody goes with "+$tbody.get(0)); - function update_list(e, rows) - { if (rows.length == 0) { - e.data.instance.html('No result !'); + $tbody.html("No result !"); return; } if (typeof rows[0].error != 'undefined') { - e.data.instance.html('ERROR: ' + rows[0].error); + e.data.html("ERROR: " + rows[0].error + ""); return; } - options = e.data.instance.data().SimpleList.options; - is_cached = options.query.ts != 'now' ? true : false; - e.data.instance.html(myslice_html_ul(rows, options.key, options.value, is_cached)+"
"); - - } - - function myslice_html_li(type, value, is_cached) { - var cached = ''; - //if (is_cached) - // cached='
Cached information from the database
Timestamp: XX/XX/XX XX:XX:XX

Refresh in progress...
'; - if (type == 'slice_hrn') { - return "
  • " + value + cached + "
    • "; - } else if (type == 'network_hrn') { - return "
  • " + value + cached + "
    • "; - } else { - return "
  • " + value + "
    • "; - } + var options = e.data.data().SimpleList.options; + var is_cached = options.query.timestamp != 'now' ? true : false; + // here is where we use 'key' and 'value' from the SimpleList (python) constructor + html_code=myslice_html_tbody(rows, options.key, options.value, is_cached); + // locate the tbody from the template, set its text + $tbody.html(html_code); + // clear the spinning wheel + var $elt = e.data; + if (simplelist_debug) console.log("about to unspin with elt #" + $elt.attr('id') + " class " + $elt.attr('class')); + $elt.closest('.need-spin').spin(false); } - - function myslice_html_ul(data, key, value, is_cached) { - var out = ""; - return out; } - - /* - function myslice_async_render_list(data, key, value, is_cached) { - // we suppose we only have one column, or we need more precisions - var col = []; - if (myslice_array_size(data[0]) == 1) { - for (var k in data[0]) { - key = k; - value = k; - } + + function myslice_html_tr(key, value,is_cached) { + var cached = is_cached ? "(cached)" : ""; + if (key == 'slice_hrn') { + return "" + value + cached + ""; + } else if (key == 'network_hrn') { + return "" + value + cached + ""; } else { - for (var k in data[0]) { - if (k.substr(-4) == '_hrn') { - key = k; - } else { - value = k; - } - } + return "" + value + ""; } - return myslice_html_ul(data, key, value, is_cached); } - */ - + })( jQuery );