2530ee1ae69f5837f3eea7e2510ce260a86bcd29
[redakcja.git] / 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 });