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 (observer in this.observers[event]) {
 115         observer.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][observer] = 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       delete this.observers[event][observer];
 136     }
 137     return this;
 138   }
 139 });
 140
 141
 142 var XMLModel = Model.extend({
 143   parent: null,
 144   data: null,
 145   serverURL: null,
 146
 147   init: function(parent, serverURL) {
 148     this.parent = parent;
 149     this.serverURL = serverURL;
 150   },
 151
 152   reload: function() {
 153     $.ajax({
 154       url: this.serverURL,
 155       dataType: 'text',
 156       success: this.reloadSucceeded.bind(this)
 157     });
 158   },
 159
 160   reloadSucceeded: function(data) {
 161     this.data = data;
 162     this.signal('reloaded');
 163   },
 164 })
 165
 166 var DocumentModel = Model.extend({
 167   data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
 168   xml: null,
 169   html: null,
 170
 171   init: function() {},
 172
 173   getData: function(callback) {
 174     console.log('get:', documentsUrl + fileId);
 175     $.ajax({
 176       cache: false,
 177       url: documentsUrl + fileId,
 178       dataType: 'json',
 179       success: this.successfulGetData.bind(this, callback)
 180     });
 181   },
 182
 183   successfulGetData: function(callback, data) {
 184     this.data = data;
 185     this.signal('changed');
 186     if (callback) {
 187       (callback.bind(this))(data);
 188     }
 189   },
 190
 191   load: function(key) {
 192     if (!this.data) {
 193       this.getData(function() { this.load(key); }.bind(this));
 194     } else {
 195       console.log('load', key, this.data[key + 'url']);
 196       $.ajax({
 197         url: this.data[key + '_url'],
 198         dataType: 'text',
 199         success: this.loadSucceeded.bind(this, key)
 200       });
 201     }
 202   },
 203
 204   loadSucceeded: function(key, data) {
 205     console.log('loadSucceeded', key, data);
 206     this.set(key, data);
 207   },
 208
 209   get: function(key) {
 210     console.log(this[key]);
 211     if (this[key]) {
 212       return this[key]
 213     } else {
 214       this.load(key);
 215       return '';
 216     }
 217   },
 218
 219   set: function(key, value) {
 220     this[key] = value;
 221     this.signal(key + '-changed');
 222     return this;
 223   }
 224 });
 225
 226 var leftPanelView, rightPanelContainer, doc;
 227
 228 $(function() {
 229   doc = new DocumentModel();
 230   var splitView = new SplitView('#splitview', doc);
 231   leftPanelView = new PanelContainerView('#left-panel-container', doc);
 232   rightPanelContainer = new PanelContainerView('#right-panel-container', doc);
 233 });