var panels = [];
+var documentsUrl = '/api/documents/';
+
+
+var Model = Class.extend({
+ observers: {},
+
+ init: function() {},
+
+ signal: function(event, data) {
+ console.log('signal', this, event, data);
+ if (this.observers[event]) {
+ for (var i=0; i < this.observers[event].length; i++) {
+ this.observers[event][i].handle(event, data);
+ };
+ };
+ return this;
+ },
+
+ addObserver: function(observer, event) {
+ if (!this.observers[event]) {
+ this.observers[event] = [];
+ }
+ this.observers[event].push(observer);
+ return this;
+ },
+
+ removeObserver: function(observer, event) {
+ if (!event) {
+ for (e in this.observers) {
+ this.removeObserver(observer, e);
+ }
+ } else {
+ for (var i=0; i < this.observers[event].length; i++) {
+ if (this.observers[event][i] === observer) {
+ this.observers[event].splice(i, 1);
+ }
+ }
+ }
+ return this;
+ }
+})
+
+var DocumentModel = Model.extend({
+ data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
+ xml: '',
+ html: '',
+
+ init: function() {},
+
+ getData: function(callback) {
+ console.log('get:', documentsUrl + fileId);
+ $.ajax({
+ cache: false,
+ url: documentsUrl + fileId,
+ dataType: 'json',
+ success: this.successfulGetData.bind(this, callback)
+ });
+ },
+
+ successfulGetData: function(callback, data) {
+ this.data = data;
+ this.signal('changed');
+ if (callback) {
+ (callback.bind(this))(data);
+ }
+ },
+
+ getXML: function(callback) {
+ this.signal('xml-freeze');
+ if (!this.data) {
+ this.getData(this.getXML);
+ } else {
+ console.log('getXML:', this.data.text_url);
+ $.ajax({
+ cache: false,
+ url: this.data.text_url,
+ dataType: 'text',
+ success: this.successfulGetXML.bind(this, callback)
+ });
+ };
+ },
+
+ successfulGetXML: function(callback, data) {
+ if (data != this.xml) {
+ this.xml = data;
+ this.signal('changed');
+ this.signal('xml-changed');
+ }
+ this.signal('xml-unfreeze');
+ }
+});
+
+var leftPanelView, rightPanelContainer, doc;
+
$(function() {
- var splitView = new SplitView('#splitview');
- var leftPanelView = new PanelContainerView('#left-panel-container');
- var rightPanelContainer = new PanelContainerView('#right-panel-container');
+ doc = new DocumentModel();
+ var splitView = new SplitView('#splitview', doc);
+ leftPanelView = new PanelContainerView('#left-panel-container', doc);
+ rightPanelContainer = new PanelContainerView('#right-panel-container', doc);
});