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
 106 var Model = Class.extend({
 107   observers: {},
 108
 109   init: function() {},
 110
 111   signal: function(event, data) {
 112     console.log('signal', this, event, data);
 113     if (this.observers[event]) {
 114       for (var i=0; i < this.observers[event].length; i++) {
 115         this.observers[event][i].handle(event, data);
 116       };
 117     };
 118     return this;
 119   },
 120
 121   addObserver: function(observer, event) {
 122     if (!this.observers[event]) {
 123       this.observers[event] = [];
 124     }
 125     this.observers[event].push(observer);
 126     return this;
 127   },
 128
 129   removeObserver: function(observer, event) {
 130     if (!event) {
 131       for (e in this.observers) {
 132         this.removeObserver(observer, e);
 133       }
 134     } else {
 135       for (var i=0; i < this.observers[event].length; i++) {
 136         if (this.observers[event][i] === observer) {
 137           this.observers[event].splice(i, 1);
 138         }
 139       }
 140     }
 141     return this;
 142   }
 143 })
 144
 145 var DocumentModel = Model.extend({
 146   data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
 147   xml: '',
 148   html: '',
 149
 150   init: function() {},
 151
 152   getData: function(callback) {
 153     console.log('get:', documentsUrl + fileId);
 154     $.ajax({
 155       cache: false,
 156       url: documentsUrl + fileId,
 157       dataType: 'json',
 158       success: this.successfulGetData.bind(this, callback)
 159     });
 160   },
 161
 162   successfulGetData: function(callback, data) {
 163     this.data = data;
 164     this.signal('changed');
 165     if (callback) {
 166       (callback.bind(this))(data);
 167     }
 168   },
 169
 170   getXML: function(callback) {
 171     this.signal('xml-freeze');
 172     if (!this.data) {
 173       this.getData(this.getXML);
 174     } else {
 175       console.log('getXML:', this.data.text_url);
 176       $.ajax({
 177         cache: false,
 178         url: this.data.text_url,
 179         dataType: 'text',
 180         success: this.successfulGetXML.bind(this, callback)
 181       });
 182     };
 183   },
 184
 185   successfulGetXML: function(callback, data) {
 186     if (data != this.xml) {
 187       this.xml = data;
 188       this.signal('changed');
 189       this.signal('xml-changed');
 190     }
 191     this.signal('xml-unfreeze');
 192   }
 193 });
 194
 195 var leftPanelView, rightPanelContainer, doc;
 196
 197 $(function() {
 198   doc = new DocumentModel();
 199   var splitView = new SplitView('#splitview', doc);
 200   leftPanelView = new PanelContainerView('#left-panel-container', doc);
 201   rightPanelContainer = new PanelContainerView('#right-panel-container', doc);
 202 });