manifold/js/manifold.js

   1 // utilities
   2 function debug_dict_keys (msg, o) {
   3     var keys=[];
   4     for (var k in o) keys.push(k);
   5     console.log ("debug_dict_keys: " + msg + " keys= " + keys);
   6 }
   7 function debug_dict (msg, o) {
   8     for (var k in o) console.log ("debug_dict_keys: " + msg + " [" + k + "]=" + o[k]);
   9 }
  10 function debug_value (msg, value) {
  11     console.log ("debug_value: " + msg + " " + value);
  12 }
  13 function debug_query (msg, query) {
  14     if (query === undefined) console.log ("debug_query: " + msg + " -> undefined");
  15     else if (query == null) console.log ("debug_query: " + msg + " -> null");
  16     else if ('query_uuid' in query) console.log ("debug_query: " + msg + " query_uuid= " + query.query_uuid);
  17     else console.log ("debug_query: " + msg + " query= " + query);
  18 }
  19
  20 /* ------------------------------------------------------------ */
  21 // this namespace holds functions for globally managing query objects
  22 var manifold = {
  23
  24     all_queries: {},
  25
  26     insert_query : function (query) {
  27         manifold.all_queries[query.query_uuid]=query;
  28    },
  29     find_query : function (query_uuid) {
  30         return manifold.all_queries[query_uuid];
  31     },
  32     debug_all_queries : function (msg) {
  33         for (var query_uuid in manifold.all_queries) {
  34             console.log("manifold.debug " + msg + " " + query_uuid + " -> " + manifold.all_queries[query_uuid]);
  35         }
  36     },
  37
  38     // trigger a query asynchroneously
  39     proxy_url : '/manifold/proxy/json/',
  40
  41     asynchroneous_debug : true,
  42
  43     // Executes all async. queries
  44     // input queries are specified as a list of {'query_uuid': <query_uuid>, 'id': <possibly null>}
  45     asynchroneous_exec : function (query_uuid_domids) {
  46         // start spinners
  47         jQuery('.need-spin').spin();
  48
  49         // We use js function closure to be able to pass the query (array) to the
  50         // callback function used when data is received
  51         var success_closure = function(query, id) {
  52             return function(data, textStatus) {manifold.asynchroneous_success(data, query, id);}};
  53
  54         // Loop through query array and use ajax to send back query_uuid_domids (to frontend) with json
  55         jQuery.each(query_uuid_domids, function(index, tuple) {
  56             var query=manifold.find_query(tuple.query_uuid);
  57             var hash=query.to_hash();
  58             if (manifold.asynchroneous_debug)
  59                 console.log ("sending POST on " + manifold.proxy_url + " with query= " + query.__repr(query));
  60             jQuery.post(manifold.proxy_url, {'query': hash}, success_closure(query, tuple.id));
  61         })
  62             },
  63
  64     asynchroneous_success : function (data, query, id) {
  65         if (data) {
  66             if (!!id) {
  67                 /* Directly inform the requestor */
  68                 jQuery('#' + id).trigger('results', [data]);
  69             } else {
  70                 /* Publish an update announce */
  71                 jQuery.publish("/results/" + query.query_uuid + "/changed", [data, query]);
  72             }
  73
  74         }
  75     },
  76
  77 }; // manifold object
  78 /* ------------------------------------------------------------ */
  79
  80 // extend jQuery/$ with pubsub capabilities
  81 /* https://gist.github.com/661855 */
  82 (function($) {
  83
  84   var o = $({});
  85
  86   $.subscribe = function( types, selector, data, fn) {
  87     /* borrowed from jQuery */
  88     if ( data == null && fn == null ) {
  89         // ( types, fn )
  90         fn = selector;
  91         data = selector = undefined;
  92     } else if ( fn == null ) {
  93         if ( typeof selector === "string" ) {
  94             // ( types, selector, fn )
  95             fn = data;
  96             data = undefined;
  97         } else {
  98             // ( types, data, fn )
  99             fn = data;
 100             data = selector;
 101             selector = undefined;
 102         }
 103     }
 104     /* </ugly> */
 105
 106     /* We use an indirection function that will clone the object passed in
 107      * parameter to the subscribe callback
 108      *
 109      * FIXME currently we only clone query objects which are the only ones
 110      * supported and editable, we might have the same issue with results but
 111      * the page load time will be severely affected...
 112      */
 113     o.on.apply(o, [types, selector, data, function() {
 114         for(i = 1; i < arguments.length; i++) {
 115             if ( arguments[i].constructor.name == 'Query' )
 116                 arguments[i] = arguments[i].clone();
 117         }
 118         fn.apply(o, arguments);
 119     }]);
 120   };
 121
 122   $.unsubscribe = function() {
 123     o.off.apply(o, arguments);
 124   };
 125
 126   $.publish = function() {
 127     o.trigger.apply(o, arguments);
 128   };
 129
 130 }(jQuery));
 131
 132 /* ------------------------------------------------------------ */
 133
 134 //http://stackoverflow.com/questions/5100539/django-csrf-check-failing-with-an-ajax-post-request
 135 //make sure to expose csrf in our outcoming ajax/post requests
 136 $.ajaxSetup({
 137      beforeSend: function(xhr, settings) {
 138          function getCookie(name) {
 139              var cookieValue = null;
 140              if (document.cookie && document.cookie != '') {
 141                  var cookies = document.cookie.split(';');
 142                  for (var i = 0; i < cookies.length; i++) {
 143                      var cookie = jQuery.trim(cookies[i]);
 144                      // Does this cookie string begin with the name we want?
 145                  if (cookie.substring(0, name.length + 1) == (name + '=')) {
 146                      cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
 147                      break;
 148                  }
 149              }
 150          }
 151          return cookieValue;
 152          }
 153          if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
 154              // Only send the token to relative URLs i.e. locally.
 155              xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
 156          }
 157      }
 158 });
 159