diff options
Diffstat (limited to 'js/jquery-ujs.js')
| -rw-r--r-- | js/jquery-ujs.js | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/js/jquery-ujs.js b/js/jquery-ujs.js new file mode 100644 index 0000000..8a64738 --- /dev/null +++ b/js/jquery-ujs.js @@ -0,0 +1,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(); + } +};
\ No newline at end of file |