plugins/slicestat/static/js/slicestat.js

   1 /**
   2  * MyPlugin:    demonstration plugin
   3  * Version:     0.1
   4  * Description: Template for writing new plugins and illustrating the different
   5  *              possibilities of the plugin API.
   6  *              This file is part of the Manifold project
   7  * Requires:    js/plugin.js
   8  * URL:         http://www.myslice.info
   9  * Author:      Jordan Augé <jordan.auge@lip6.fr>
  10  * Copyright:   Copyright 2012-2013 UPMC Sorbonne Universités
  11  * License:     GPLv3
  12  */
  13
  14 (function($){
  15
  16     var SliceStat = Plugin.extend({
  17
  18         /** XXX to check
  19          * @brief Plugin constructor
  20          * @param options : an associative array of setting values
  21          * @param element :
  22          * @return : a jQuery collection of objects on which the plugin is
  23          *     applied, which allows to maintain chainability of calls
  24          */
  25         init: function(options, element) {
  26             this.classname="slicestat";
  27             // Call the parent constructor, see FAQ when forgotten
  28             this._super(options, element);
  29
  30
  31             /* Member variables */
  32
  33             /* Plugin events */
  34
  35             /* Setup query and record handlers */
  36
  37             // Explain this will allow query events to be handled
  38             // What happens when we don't define some events ?
  39             // Some can be less efficient
  40             this.listen_query(options.query_uuid);
  41
  42             /* GUI setup and event binding */
  43             // call function
  44                         if (typeof options.slicename != 'undefined') {
  45                         options.slicename = options.slicename.replace("ple.","").replace(".","_");
  46                 }
  47                 if (typeof options.o == 'undefined') {
  48                         //options.o = 'cpu';
  49                 }
  50
  51                 this.elmt().on('show', options, this.on_show);
  52         },
  53
  54         /* PLUGIN EVENTS */
  55         // on_show like in querytable
  56
  57
  58         /* GUI EVENTS */
  59
  60         // a function to bind events here: click change
  61         // how to raise manifold events
  62
  63
  64         /* GUI MANIPULATION */
  65
  66         // We advise you to write function to change behaviour of the GUI
  67         // Will use naming helpers to access content _inside_ the plugin
  68         // always refer to these functions in the remaining of the code
  69
  70         show_hide_button: function()
  71         {
  72             // this.id, this.el, this.cl, this.elts
  73             // same output as a jquery selector with some guarantees
  74         },
  75
  76                 on_show: function(ev)
  77                 {
  78             console.log('slicestat show triggered');
  79                         $('iframe#' + ev.target.id + '-iframe').attr('src','http://plestats.planet-lab.eu/nodes.php?slice='+ev.data.slicename+'&order='+ev.data.o);
  80                 },
  81         /* TEMPLATES */
  82
  83         // see in the html template
  84         // How to load a template, use of mustache
  85
  86         /* QUERY HANDLERS */
  87
  88         // How to make sure the plugin is not desynchronized
  89         // He should manifest its interest in filters, fields or records
  90         // functions triggered only if the proper listen is done
  91
  92         // no prefix
  93
  94         on_filter_added: function(filter)
  95         {
  96
  97         },
  98
  99         // ... be sure to list all events here
 100
 101         /* RECORD HANDLERS */
 102         on_new_record: function(record)
 103         {
 104                 $('iframe#' + this.elmt().attr('id') + '-iframe').attr('src','http://plestats.planet-lab.eu/node.php?node='+record.hostname);
 105         },
 106
 107         /* INTERNAL FUNCTIONS */
 108         _dummy: function() {
 109             // only convention, not strictly enforced at the moment
 110         },
 111
 112     });
 113
 114     /* Plugin registration */
 115     $.plugin('SliceStat', SliceStat);
 116
 117     // TODO Here use cases for instanciating plugins in different ways like in the pastie.
 118
 119 })(jQuery);