260 lines
9.3 KiB
JavaScript
260 lines
9.3 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
/*@
|
|
Ox.Request <o> Basic request handler object
|
|
FIXME: options is not a property, just documenting defaults
|
|
options <o> Options object
|
|
timeout <n|60000> request timeout
|
|
type <s|"POST"> request type, possible values POST, GET, PUT, DELETE
|
|
url <s> request url
|
|
@*/
|
|
|
|
Ox.Request = function(options) {
|
|
|
|
var cache = {},
|
|
//dfd = $.Deferred(),
|
|
pending = {},
|
|
requests = {},
|
|
self = {
|
|
options: Ox.extend({
|
|
timeout: 60000,
|
|
type: 'POST',
|
|
url: '/api/'
|
|
}, options)
|
|
};
|
|
|
|
return {
|
|
/*@
|
|
cancel <f> cancel pending requests
|
|
() -> <u> cancel all requests
|
|
(fn) -> <u> cancel all requests where function returns true
|
|
(id) -> <u> cancel request by id
|
|
@*/
|
|
cancel: function() {
|
|
if (arguments.length == 0) {
|
|
// cancel all requests
|
|
requests = {};
|
|
} else if (Ox.isFunction(arguments[0])) {
|
|
// cancel with function
|
|
Ox.forEach(requests, function(req, id) {
|
|
if (arguments[0](req)) {
|
|
delete requests[id];
|
|
}
|
|
});
|
|
} else {
|
|
// cancel by id
|
|
delete requests[arguments[0]];
|
|
}
|
|
},
|
|
/*@
|
|
clearCache <f> clear cached results
|
|
() -> <u> ...
|
|
@*/
|
|
clearCache: function() {
|
|
cache = {};
|
|
},
|
|
|
|
_leakCache: function() {
|
|
return cache;
|
|
},
|
|
|
|
/*@
|
|
options <f> get/set options
|
|
() -> <o> get options
|
|
(options) -> <o> set options
|
|
options <o> Options Object
|
|
@*/
|
|
options: function(options) {
|
|
return Ox.getset(self.options, options, function() {}, this);
|
|
},
|
|
|
|
/*@
|
|
requests <f> pending requests
|
|
() -> <n> returns number of requests
|
|
@*/
|
|
requests: function() {
|
|
return Ox.len(requests);
|
|
},
|
|
|
|
/*@
|
|
send <f> send request
|
|
(options) -> <n> returns request id
|
|
options <o> Options Object
|
|
age <n|-1> cache age
|
|
id <n|Ox.uid()> request id
|
|
timeout <n|self.options.timeout> overwrite default timeout
|
|
type <n|self.options.timeout> overwrite default type
|
|
url <n|self.options.timeout> overwrite default url
|
|
@*/
|
|
send: function(options) {
|
|
|
|
var options = Ox.extend({
|
|
age: -1,
|
|
callback: null,
|
|
id: Ox.uid(),
|
|
timeout: self.options.timeout,
|
|
type: self.options.type,
|
|
url: self.options.url
|
|
}, options),
|
|
req = JSON.stringify({
|
|
url: options.url,
|
|
data: options.data
|
|
});
|
|
|
|
if (pending[options.id]) {
|
|
setTimeout(function() {
|
|
Ox.Request.send(options);
|
|
}, 0);
|
|
} else {
|
|
requests[options.id] = {
|
|
url: options.url,
|
|
data: options.data
|
|
};
|
|
if (cache[req] && (options.age == -1 || options.age > Ox.getTime() - cache[req].time)) {
|
|
setTimeout(function() {
|
|
callback && callback(cache[req].data);
|
|
}, 0);
|
|
} else {
|
|
pending[options.id] = true;
|
|
$.ajax({
|
|
data: options.data,
|
|
dataType: 'json',
|
|
error: error,
|
|
success: success,
|
|
timeout: options.timeout,
|
|
type: options.type,
|
|
url: options.url
|
|
});
|
|
}
|
|
}
|
|
|
|
function callback(data) {
|
|
delete requests[options.id];
|
|
//Ox.len(requests) == 0 && $body.trigger('requestStop');
|
|
options.callback && options.callback(data);
|
|
}
|
|
|
|
function debug(request) {
|
|
var $iframe = $('<iframe>')
|
|
.css({ // fixme: should go into a class
|
|
width: 768,
|
|
height: 384
|
|
}),
|
|
$dialog = Ox.Dialog({
|
|
title: 'Application Error',
|
|
buttons: [
|
|
Ox.Button({
|
|
title: 'Close'
|
|
})
|
|
.bindEvent({
|
|
click: function() {
|
|
$dialog.close();
|
|
}
|
|
})
|
|
],
|
|
content: $iframe,
|
|
width: 768,
|
|
height: 384
|
|
})
|
|
.open(),
|
|
iframe = $iframe[0].contentDocument || $iframe[0].contentWindow.document;
|
|
iframe.open();
|
|
iframe.write(request.responseText);
|
|
iframe.close();
|
|
}
|
|
|
|
function error(request, status, error) {
|
|
var data;
|
|
if (arguments.length == 1) {
|
|
data = arguments[0]
|
|
} else {
|
|
try {
|
|
data = JSON.parse(request.responseText);
|
|
} catch (err) {
|
|
try {
|
|
data = {
|
|
status: {
|
|
code: request.status,
|
|
text: request.statusText
|
|
}
|
|
};
|
|
} catch (err) {
|
|
data = {
|
|
status: {
|
|
code: '500',
|
|
text: 'Unknown Error'
|
|
}
|
|
};
|
|
}
|
|
}
|
|
}
|
|
if (data.status.code < 500) {
|
|
callback(data);
|
|
} else {
|
|
var $dialog = Ox.Dialog({
|
|
title: 'Application Error',
|
|
buttons: [
|
|
Ox.Button({
|
|
id: 'details',
|
|
title: 'Details'
|
|
})
|
|
.bindEvent({
|
|
click: function() {
|
|
$dialog.close(function() {
|
|
debug(request);
|
|
});
|
|
}
|
|
}),
|
|
Ox.Button({
|
|
id: 'close',
|
|
title: 'Close'
|
|
})
|
|
.bindEvent({
|
|
click: function() {
|
|
$dialog.close();
|
|
}
|
|
})
|
|
],
|
|
content: Ox.Element()
|
|
.append(
|
|
$('<img>')
|
|
.attr({src: Ox.UI.PATH + 'png/icon128.png'})
|
|
.css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'})
|
|
)
|
|
.append(
|
|
Ox.Element()
|
|
.css({position: 'absolute', left: '96px', top: '16px', width: '256px'})
|
|
.html('Sorry, we have encountered an application error while handling your request. To help us find out what went wrong, you may want to report this error to an administrator. Otherwise, please try again later.')
|
|
),
|
|
height: 192,
|
|
keys: {enter: 'close', escape: 'close'},
|
|
width: 368
|
|
})
|
|
.open();
|
|
// fixme: change this to Send / Don't Send
|
|
/*Ox.print({
|
|
request: request,
|
|
status: status,
|
|
error: error
|
|
});*/
|
|
}
|
|
pending[options.id] = false;
|
|
}
|
|
|
|
function success(data) {
|
|
pending[options.id] = false;
|
|
cache[req] = {
|
|
data: data,
|
|
time: Ox.getTime()
|
|
};
|
|
callback(data);
|
|
}
|
|
|
|
// return dfd.promise();
|
|
|
|
return options.id;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}();
|