Ox.load(), and adding moved files

source/js/Ox.UI/Core/Ox.App.js

@@ -0,0 +1,135 @@
+// 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 = $('div');
+                $('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;
+
+    };
+
+}());