// vim: et:ts=4:sw=4:sts=4:ft=js /* ============================================================================ Application ============================================================================ */ // fixme: get rid of launch, fire load event Ox.App = (function() { /*** Ox.App Basic application instance that communicates with a JSON API. The JSON API must support at least the following actions: api returns all api methods init returns data (site, user, ...) Options timeout API timeout in msec type 'GET' or 'POST' url URL of the API Methods api[action] make a request api.cancel cancel a request options get or set options Events load app loaded ***/ return function(options) { options = options || {}; var self = { options: Ox.extend({ timeout: 60000, type: 'POST', url: '/api/', }, options || {}), time: new Date() }, that = new Ox.Element({}, self); that.api = { api: function(callback) { Ox.Request.send({ url: self.options.url, data: { action: 'api' }, callback: callback }); }, cancel: function(id) { Ox.Request.cancel(id); } }; $.ajaxSetup({ timeout: self.options.timeout, type: self.options.type, url: self.options.url }); that.api.api(function(result) { Ox.forEach(result.data.actions, function(val, key) { that.api[key] = function(data, callback) { if (arguments.length == 1 && Ox.isFunction(data)) { callback = data; data = {}; } return Ox.Request.send($.extend({ url: self.options.url, data: { action: key, data: JSON.stringify(data) }, callback: callback }, !val.cache ? {age: 0}: {})); }; }); that.api.init(getUserData(), function(result) { var $div = Ox.UI.$body.find('div'); Ox.UI.$body.find('img').remove(); $div.animate({ opacity: 0 }, 1000, function() { $div.remove(); }); that.triggerEvent({ load: result.data }); }); }); function getUserData() { return { document: { referrer: document.referrer }, history: { length: history.length }, navigator: { cookieEnabled: navigator.cookieEnabled, plugins: $.map(navigator.plugins, function(plugin, i) { return plugin.name; }), userAgent: navigator.userAgent }, screen: screen, time: (+new Date() - self.time) / 1000, window: { innerHeight: window.innerHeight, innerWidth: window.innerWidth, outerHeight: window.outerHeight, outerWidth: window.outerWidth, screenLeft: window.screenLeft, screenTop: window.screenTop } }; } self.change = function(key, value) { }; that.options = function() { return Ox.getset(self.options, Array.prototype.slice.call(arguments), self.change, that); }; return that; }; }());