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: " + 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.__repr());
  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 : false,
  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
  48         if (manifold.asynchroneous_debug) console.log("Turning on spin with " + jQuery(".need-spin").length + " matches for .need-spin");
  49         jQuery('.need-spin').spin(spin_presets);
  50
  51         // We use js function closure to be able to pass the query (array) to the
  52         // callback function used when data is received
  53         var success_closure = function(query, id) {
  54             return function(data, textStatus) {manifold.asynchroneous_success(data, query, id);}};
  55
  56         // Loop through query array and use ajax to send back query_uuid_domids (to frontend) with json
  57         jQuery.each(query_uuid_domids, function(index, tuple) {
  58             var query=manifold.find_query(tuple.query_uuid);
  59             var query_json=JSON.stringify (query);
  60             if (manifold.asynchroneous_debug) {
  61                 console.log ("sending POST on " + manifold.proxy_url + " with query= " + query.__repr());
  62             }
  63             // not quite sure what happens if we send a string directly, as POST data is named..
  64             // this gets reconstructed on the proxy side with ManifoldQuery.fill_from_POST
  65             jQuery.post(manifold.proxy_url, {'json':query_json} , success_closure(query, tuple.id));
  66         })
  67             },
  68
  69     asynchroneous_success : function (data, query, id) {
  70         if (manifold.asynchroneous_debug) console.log ("received manifold result with code " + data.code);
  71         // xxx should have a nicer declaration of that enum in sync with the python code somehow
  72         if (data.code == 1) {
  73             alert("Your session has expired, please log in again");
  74             window.location="/logout/";
  75             return;
  76         } elif (data.code != 0) {
  77             alert("Error received from manifold backend at " + MANIFOLD_URL + " [" + data.output + "]");
  78             return;
  79         }
  80         data=data.value;
  81         if (data) {
  82             if (!!id) {
  83                 /* Directly inform the requestor */
  84                 jQuery('#' + id).trigger('results', [data]);
  85             } else {
  86                 /* Publish an update announce */
  87                 jQuery.publish("/results/" + query.query_uuid + "/changed", [data, query]);
  88             }
  89
  90         }
  91     },
  92
  93 }; // manifold object
  94 /* ------------------------------------------------------------ */
  95
  96 // extend jQuery/$ with pubsub capabilities
  97 /* https://gist.github.com/661855 */
  98 (function($) {
  99
 100   var o = $({});
 101
 102   $.subscribe = function( types, selector, data, fn) {
 103     /* borrowed from jQuery */
 104     if ( data == null && fn == null ) {
 105         // ( types, fn )
 106         fn = selector;
 107         data = selector = undefined;
 108     } else if ( fn == null ) {
 109         if ( typeof selector === "string" ) {
 110             // ( types, selector, fn )
 111             fn = data;
 112             data = undefined;
 113         } else {
 114             // ( types, data, fn )
 115             fn = data;
 116             data = selector;
 117             selector = undefined;
 118         }
 119     }
 120     /* </ugly> */
 121
 122     /* We use an indirection function that will clone the object passed in
 123      * parameter to the subscribe callback
 124      *
 125      * FIXME currently we only clone query objects which are the only ones
 126      * supported and editable, we might have the same issue with results but
 127      * the page load time will be severely affected...
 128      */
 129     o.on.apply(o, [types, selector, data, function() {
 130         for(i = 1; i < arguments.length; i++) {
 131             if ( arguments[i].constructor.name == 'Query' )
 132                 arguments[i] = arguments[i].clone();
 133         }
 134         fn.apply(o, arguments);
 135     }]);
 136   };
 137
 138   $.unsubscribe = function() {
 139     o.off.apply(o, arguments);
 140   };
 141
 142   $.publish = function() {
 143     o.trigger.apply(o, arguments);
 144   };
 145
 146 }(jQuery));
 147
 148 /* ------------------------------------------------------------ */
 149
 150 //http://stackoverflow.com/questions/5100539/django-csrf-check-failing-with-an-ajax-post-request
 151 //make sure to expose csrf in our outcoming ajax/post requests
 152 $.ajaxSetup({
 153      beforeSend: function(xhr, settings) {
 154          function getCookie(name) {
 155              var cookieValue = null;
 156              if (document.cookie && document.cookie != '') {
 157                  var cookies = document.cookie.split(';');
 158                  for (var i = 0; i < cookies.length; i++) {
 159                      var cookie = jQuery.trim(cookies[i]);
 160                      // Does this cookie string begin with the name we want?
 161                  if (cookie.substring(0, name.length + 1) == (name + '=')) {
 162                      cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
 163                      break;
 164                  }
 165              }
 166          }
 167          return cookieValue;
 168          }
 169          if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
 170              // Only send the token to relative URLs i.e. locally.
 171              xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
 172          }
 173      }
 174 });
 175