rails.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. // wrapped by build app
  2. define("dojox/rails", ["dijit","dojo","dojox","dojo/require!dojo/NodeList-traverse"], function(dijit,dojo,dojox){
  3. dojo.provide("dojox.rails");
  4. dojo.require("dojo.NodeList-traverse");
  5. dojox.rails.live = function(selector, evtName, fn){
  6. if (dojo.isIE && evtName.match(/^(on)?submit$/i)){
  7. dojox.rails.live(selector, "click", function(evt){
  8. var target = evt.target, tag = target.tagName.toLowerCase();
  9. if ((tag == "input" || tag == "button") && dojo.attr(target, "type").toLowerCase() == "submit"){
  10. var form = dojo.query(target).closest("form");
  11. if (form.length){
  12. var h = dojo.connect(form[0], "submit", function(evt){
  13. dojo.disconnect(h);
  14. fn.call(evt.target, evt);
  15. });
  16. }
  17. }
  18. });
  19. }else{
  20. dojo.connect(dojo.body(), evtName, function(evt){
  21. var nl = dojo.query(evt.target).closest(selector);
  22. if (nl.length){
  23. fn.call(nl[0], evt);
  24. }
  25. });
  26. }
  27. };
  28. dojo.ready((function(d, dr, dg){
  29. return function() {
  30. var q = d.query, live = dr.live,
  31. csrfToken = q("meta[name=csrf-token]").attr("content"),
  32. csrfParam = q("meta[name=csrf-param]").attr("content");
  33. var createFormForLink = function(url, method){
  34. var form = '<form style="display:none" method="post" action="'+ url +'">' +
  35. '<input type="hidden" name="_method" value="'+ method +'" />' +
  36. '<input type="hidden" name="'+ csrfParam +'" value="'+ csrfToken +'" />' +
  37. '</form>';
  38. return dojo.place(form, dojo.body());
  39. };
  40. var disable = function(elements){
  41. d.forEach(elements, function(node){
  42. if (!d.attr(node, "disabled")){
  43. var attr = node.tagName.toLowerCase() == "input" ? "value" : "innerHTML";
  44. var message = d.attr(node, "data-disable-with");
  45. var originalValue = d.attr(node, attr);
  46. d.attr(node, "disabled", true);
  47. d.attr(node, "data-original-value", originalValue);
  48. d.attr(node, attr, message);
  49. }
  50. });
  51. };
  52. var typeMap = {
  53. "text": "text",
  54. "json": "application/json",
  55. "json-comment-optional": "text",
  56. "json-comment-filtered": "text",
  57. "javascript": "application/javascript",
  58. "xml": "text/xml"
  59. };
  60. var handleRemote = function(evt){
  61. var el = evt.target, tag = el.tagName.toLowerCase();
  62. var content = tag.toLowerCase() == "form" ? d.formToObject(el) : {},
  63. type = d.attr(el, "data-type") || "javascript",
  64. method = (d.attr(el, "method") || d.attr(el, "data-method") || "get").toLowerCase(),
  65. url = d.attr(el, "action") || d.attr(el, "href");
  66. if (tag != "form" && method != "get"){
  67. el = createFormForLink(url, method);
  68. method = "POST";
  69. }
  70. evt.preventDefault();
  71. // ajax:loading, ajax:loaded, and ajax:interactive are not supported
  72. d.publish("ajax:before", [el]);
  73. var deferred = d.xhr(method, {
  74. url: url,
  75. headers: { "Accept": typeMap[type] },
  76. content: content,
  77. handleAs: type,
  78. load: function(response, ioArgs) {d.publish("ajax:success", [el, response, ioArgs]);},
  79. error: function(response, ioArgs) {d.publish("ajax:failure", [el, response, ioArgs]);},
  80. handle: function(response, ioArgs) {d.publish("ajax:complete", [el, response, ioArgs]);}
  81. });
  82. d.publish("ajax:after", [el]);
  83. };
  84. var handleEnable = function(el){
  85. q("*[data-disable-with][disabled]", el).forEach(function(node){
  86. var attr = node.tagName.toLowerCase() == "input" ? "value" : "innerHTML";
  87. var value = d.attr(node, "data-original-value");
  88. d.attr(node, "disabled", false);
  89. d.attr(node, "data-original-value", null);
  90. d.attr(node, attr, value);
  91. });
  92. };
  93. var handleDataMethod = function(evt){
  94. var el = evt.target, form = createFormForLink(el.href, dojo.attr(el, "data-method"));
  95. evt.preventDefault();
  96. form.submit();
  97. };
  98. var handleFormSubmit = function(evt){
  99. var el = evt.target, elements = q("*[data-disable-with]", el);
  100. if (elements.length){ disable(elements); }
  101. if (d.attr(el, "data-remote")){
  102. evt.preventDefault();
  103. handleRemote(evt);
  104. }
  105. };
  106. var handleConfirm = function(evt){
  107. var proceed = dg.confirm(d.attr(evt.target, "data-confirm"));
  108. if (!proceed){
  109. evt.preventDefault();
  110. }else if (d.attr(evt.target, "data-remote")){
  111. handleRemote(evt);
  112. }
  113. };
  114. // Register data-{action} elements. Order is important since the return values
  115. // from previously called functions in the connect chain influence whether
  116. // or not the next function in the chain is called.
  117. // Register data-confirm elements
  118. live("*[data-confirm]", "click", handleConfirm);
  119. // data-disable-with only applies to forms
  120. d.subscribe("ajax:complete", handleEnable);
  121. // Register data-remote elements
  122. live("a[data-remote]:not([data-confirm])", "click", handleRemote);
  123. live("a[data-method]:not([data-remote])", "click", handleDataMethod);
  124. // Handle form submits
  125. live("form", "submit", handleFormSubmit);
  126. };
  127. })(dojo, dojox.rails, dojo.global));
  128. });