1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
/*
* Padrino Javascript Jquery Adapter
* Created for use with Padrino Ruby Web Framework (http://www.padrinorb.com)
**/
/* Remote Form Support
* form_for @user, '/user', :remote => true
**/
$("form[data-remote=true]").live('submit', function(e) {
e.preventDefault(); e.stopped = true;
var element = $(this);
var message = element.data('confirm');
if (message && !confirm(message)) { return false; }
JSAdapter.sendRequest(element, {
verb: element.data('method') || element.attr('method') || 'post',
url: element.attr('action'),
dataType: element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType) || 'script',
params: element.serializeArray()
});
});
/* Confirmation Support
* link_to 'sign out', '/logout', :confirm => "Log out?"
**/
$("a[data-confirm]").live('click', function(e) {
var message = $(this).data('confirm');
if (!confirm(message)) { e.preventDefault(); e.stopped = true; }
});
/*
* Link Remote Support
* link_to 'add item', '/create', :remote => true
**/
$("a[data-remote=true]").live('click', function(e) {
var element = $(this);
if (e.stopped) return;
e.preventDefault(); e.stopped = true;
JSAdapter.sendRequest(element, {
verb: element.data('method') || 'get',
url: element.attr('href')
});
});
/*
* Link Method Support
* link_to 'delete item', '/destroy', :method => :delete
**/
$("a[data-method]:not([data-remote])").live('click', function(e) {
if (e.stopped) return;
JSAdapter.sendMethod($(e.target));
e.preventDefault(); e.stopped = true;
});
/* JSAdapter */
var JSAdapter = {
// Sends an xhr request to the specified url with given verb and params
// JSAdapter.sendRequest(element, { verb: 'put', url : '...', params: {} });
sendRequest : function(element, options) {
var verb = options.verb, url = options.url, params = options.params, dataType = options.dataType;
var event = element.trigger("ajax:before");
if (event.stopped) return false;
$.ajax({
url: url,
type: verb.toUpperCase() || 'POST',
data: params || [],
dataType: dataType,
beforeSend: function(request) { element.trigger("ajax:loading", [ request ]); },
complete: function(request) { element.trigger("ajax:complete", [ request ]); },
success: function(request) { element.trigger("ajax:success", [ request ]); },
error: function(request) { element.trigger("ajax:failure", [ request ]); }
});
element.trigger("ajax:after");
},
// Triggers a particular method verb to be triggered in a form posting to the url
// JSAdapter.sendMethod(element);
sendMethod : function(element) {
var verb = element.data('method');
var url = element.attr('href');
var form = $('<form method="post" action="'+url+'"></form>');
form.hide().appendTo('body');
if (verb !== 'post') {
var field = '<input type="hidden" name="_method" value="' + verb + '" />';
form.append(field);
}
form.submit();
}
};
|
