project/static/js/app.js

   1 /*global Class*/
   2 var editor;
   3 var panel_hooks;
   4
   5
   6 (function(){
   7   // Classes
   8   var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/;
   9   this.Class = function(){};
  10   Class.extend = function(prop) {
  11     var _super = this.prototype;
  12     initializing = true;
  13     var prototype = new this();
  14     initializing = false;
  15     for (var name in prop) {
  16       prototype[name] = typeof prop[name] == "function" &&
  17         typeof _super[name] == "function" && fnTest.test(prop[name]) ?
  18         (function(name, fn){
  19           return function() {
  20             var tmp = this._super;
  21             this._super = _super[name];
  22             var ret = fn.apply(this, arguments);
  23             this._super = tmp;
  24             return ret;
  25           };
  26         })(name, prop[name]) :
  27         prop[name];
  28     }
  29     function Class() {
  30       if ( !initializing && this.init )
  31         this.init.apply(this, arguments);
  32     }
  33     Class.prototype = prototype;
  34     Class.constructor = Class;
  35     Class.extend = arguments.callee;
  36     return Class;
  37   };
  38
  39   // Templates
  40   var cache = {};
  41
  42   this.render_template = function render_template(str, data){
  43     // Figure out if we're getting a template, or if we need to
  44     // load the template - and be sure to cache the result.
  45     var fn = !/^[\d\s-_]/.test(str) ?
  46       cache[str] = cache[str] ||
  47         render_template(document.getElementById(str).innerHTML) :
  48
  49       // Generate a reusable function that will serve as a template
  50       // generator (and which will be cached).
  51       new Function("obj",
  52         "var p=[],print=function(){p.push.apply(p,arguments);};" +
  53
  54         // Introduce the data as local variables using with(){}
  55         "with(obj){p.push('" +
  56
  57         // Convert the template into pure JavaScript
  58         str
  59           .replace(/[\r\t\n]/g, " ")
  60           .split("<%").join("\t")
  61           .replace(/((^|%>)[^\t]*)'/g, "$1\r")
  62           .replace(/\t=(.*?)%>/g, "',$1,'")
  63           .split("\t").join("');")
  64           .split("%>").join("p.push('")
  65           .split("\r").join("\\'")
  66       + "');}return p.join('');");
  67
  68       // Provide some basic currying to the user
  69     return data ? fn( data ) : fn;
  70   };
  71 })();
  72
  73 (function() {
  74   var slice = Array.prototype.slice;
  75
  76   function update(array, args) {
  77     var arrayLength = array.length, length = args.length;
  78     while (length--) array[arrayLength + length] = args[length];
  79     return array;
  80   };
  81
  82   function merge(array, args) {
  83     array = slice.call(array, 0);
  84     return update(array, args);
  85   };
  86
  87   Function.prototype.bind = function(context) {
  88     if (arguments.length < 2 && typeof arguments[0] === 'undefined') {
  89       return this;
  90     }
  91     var __method = this;
  92     var args = slice.call(arguments, 1);
  93     return function() {
  94       var a = merge(args, arguments);
  95       return __method.apply(context, a);
  96     }
  97   }
  98
  99 })();
 100
 101 var panels = [];
 102
 103 var documentsUrl = '/api/documents/';
 104
 105 var DocumentModel = Class.extend({
 106   data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
 107   xml: '',
 108   html: '',
 109
 110   init: function() {},
 111
 112   getData: function(callback) {
 113     console.log('get:', documentsUrl + fileId);
 114     $.ajax({
 115       cache: false,
 116       url: documentsUrl + fileId,
 117       dataType: 'json',
 118       success: this.successfulGetData.bind(this, callback)
 119     });
 120   },
 121
 122   successfulGetData: function(callback, data) {
 123     this.data = data;
 124     this.modelChanged();
 125     if (callback) {
 126       (callback.bind(this))(data);
 127     }
 128   },
 129
 130   getXML: function(callback) {
 131       $(this).trigger('modelxmlfreeze');
 132     if (!this.data) {
 133       this.getData(this.getXML);
 134     } else {
 135       console.log('getXML:', this.data.text_url);
 136       $.ajax({
 137         cache: false,
 138         url: this.data.text_url,
 139         dataType: 'text',
 140         success: this.successfulGetXML.bind(this, callback)
 141       });
 142     };
 143   },
 144
 145   successfulGetXML: function(callback, data) {
 146     if (data != this.xml) {
 147       this.xml = data;
 148       this.modelChanged();
 149       $(this).trigger('modelxmlchanged');
 150     }
 151     $(this).trigger('modelxmlunfreeze');
 152   },
 153
 154   modelChanged: function() {
 155     $(this).trigger('modelchanged');
 156   }
 157 });
 158
 159 var leftPanelView, rightPanelContainer, doc;
 160
 161 $(function() {
 162   doc = new DocumentModel();
 163   var splitView = new SplitView('#splitview', doc);
 164   leftPanelView = new PanelContainerView('#left-panel-container', doc);
 165   rightPanelContainer = new PanelContainerView('#right-panel-container', doc);
 166 });