abracadabra 1.1.0 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3d6397a100fc0730bd922ccf829cbc8ede263f1b
-  data.tar.gz: 52da01d686c8c0eaec065fbcab683d8c38d39413
+  metadata.gz: 025f02f748f449835b124aa15061c474a691f58e
+  data.tar.gz: 30de840217af8e49fbe7880668798fe8090cad62
 SHA512:
-  metadata.gz: 782696df1679bb883dba8a4e0d33c4f600f25823b9f2e3a6c94c427a332e05a060a92192b3f9a0df0d4857e7e2a60888a2cec1833ca53f596f831298f7c889cd
-  data.tar.gz: 7828f591e8beb2b38ca705357f84f927bb917a2af406a51fa11e4bfb4635b41f705bc8c94c2a7eb6deb2bcc6bf33e6dcd38d08bce11874ca1fdbc026a1f4b018
+  metadata.gz: c9a2e9dc647d8c1e2ad27cc6b93aa35836408307bd124dc591b46b55e6cc0bcd7f1fda5f96171ecd158bb294d96615acf3fbf7a69a869263330aed1a59c969d4
+  data.tar.gz: cd5a2bb60ac2171620725ccd8ef586e621ec57816226ddbf7f07854f9e8079dfce46e76e405d2ff369eef03bbe5e3c3f220e785301db1e8242572b4619180071

data/README.md

@@ -2,7 +2,7 @@
 
 The gem that swaps out text with a fully-compliant Rails form in one click.
 
-Much of the concepts and html mark-up were taken from the awesome [x-editable](http://vitalets.github.io/x-editable/) plugin and the Rails version of this, [x-editable-rails](https://github.com/werein/x-editable-rails). However, this was written from the ground up and uses fully Rails-compliant forms without hacking into x-editable's core files, or overriding them.
+Much of the concepts and html mark-up were taken from the awesome [x-editable](http://vitalets.github.io/x-editable/) plugin and the Rails version of this, [x-editable-rails](https://github.com/werein/x-editable-rails). However, this was written from the ground up and uses fully Rails-compliant forms without hacking into x-editable's core files or overriding them.
 
 ## Installation
 
@@ -20,9 +20,10 @@ Or install it yourself as:
 
 ## Usage
 
-* Requires JQuery, JQuery-UJS (rails.js), Bootstrap and Font-Awesome (unless you override the framework specific classes with CSS)
+* Requires JQuery and JQuery-UJS (rails.js)
+* Bootstrap and Font-Awesome are the default, but you can override the CSS and/or customize the icon classes (see [Configuration](#configuration)) 
 
-In your `application.css`, AFTER Bootstrap (currently only supports Bootstrap), include the css file:
+In your `application.css`, AFTER Bootstrap, include the css file:
 
 ```css
  *= require abracadabra
@@ -86,19 +87,19 @@ remote: true
 # Description: Same as link_to's `remote: true`, form submits via AJAX.
 # Default: true
 
+type: :js
 # IMPORTANT: `type` will be ignored if `remote = false` is used. HTML is the default 
 # in Rails for standard form submissions.
-type: :js
 # Description: Content type -- responds to any content type (:js and :script can both be 
 # used to respond with Javascript).
 # Default: :script (:js)
 
-# IMPORTANT: On ajax:success, this will remove the specific abracadabra instance from 
-# the DOM entirely. ALSO, this will be remote if the main form is remote.
 deletable: true
-# Boolean: DELETE will be submitted without a confirmation dialog
 # OR
 deletable: "Are you sure?"
+# IMPORTANT: On ajax:success, this will remove the specific abracadabra instance from 
+# the DOM entirely. ALSO, this will be remote if the main form is remote.
+# Boolean: DELETE will be submitted without a confirmation dialog
 # String: Confirmation dialog, with the string as the message, will be displayed after 
 # clicking the DELETE link
 # Description: Puts a link to DELETE the object (obviously, it always uses DELETE as 
@@ -114,13 +115,13 @@ deletable_type: :js
 # can both be used to respond with Javascript).
 # Default: :script (:js)
 
-# Boolean: Open the next abracadabra instance after successful form submission (main 
-# form, not the DELETE link's submission) by using `.abracadabra` as the selector.
 tab_to_next: true
 # OR
 tab_to_next: ".my-class"
-# IMPORTANT: If this is a class, this abracadabra instance MUST have the same class
-# as well.
+# IMPORTANT: If use a string, and it's a class, this abracadabra instance MUST have the same
+# class as well.
+# Boolean: Open the next abracadabra instance after successful form submission (main 
+# form, not the DELETE link's submission) by using `.abracadabra` as the selector.
 # String: The class or ID of the next abracadabra instance to open on successful form 
 # submission. Use `.` before a class selector or `#` before a an ID selector just as you 
 # would when finding an element in Javascript.
@@ -132,6 +133,26 @@ submit_on_blur: true
 # Description: Submit form when focus leaves the input, rather than simply closing it
 # out.
 # Default: false
+
+### EXAMPLE ###
+# Simple
+click_to_edit @friend, path: friend_path(@friend), attribute: :name, deletable: true
+
+# Using a bunch of options
+click_to_edit @friend, 
+    path: friend_path(@friend),
+    attribute: :name,
+    class: "my-abracadabra",
+    id: "my-abracadabra-#{index}",
+    value: @friend.name.titleize,
+    method: :put,
+    buttonless: true,
+    type: :json,
+    deletable: "Are you sure?",
+    deletable_path: user_friends_path(@friend),
+    deletable_type: :json,
+    tab_to_next: "#my-abracadabra-#{index+1}",
+    submit_on_blur: true
 ```
 
 ## Configuration
@@ -154,10 +175,6 @@ abracadabraDeleteIcon = "fa fa-times-circle-o"; // default
 
 2. I would love the different Bootstrap classes to be overridable with an initializer (config/abracadabra.rb), rather than Javascript (not sure if this is even possible), so that any framework could be used. Same with the Font-Awesome button classes.
 
-3. I would love for a `buttons: false` option to be offered that would allow only `Tab`, `Enter` and `Escape` to submit or cancel the form submission.
-
-4. I would love for a `tabbable: true` option to be offered that would tab to the next text input with the `abracadabra` class.
-
 Any other ideas, feel free to contribute!
 
 1. Fork it ( http://github.com/TrevorHinesley/abracadabra/fork )

data/app/assets/javascripts/abracadabra.js

@@ -1,6 +1,6 @@
 $(function() {
   abracadabraSubmissionInProgress = false;
-  abracadabraDeleteMousedown = false;
+  abracadabraButtonMousedown = false;
   abracadabraEscapeKeydown = false;
 
   function closeAbracadabra(element, destroy, valueChanged) {
@@ -68,17 +68,17 @@ $(function() {
     abracadabraSubmissionInProgress = true;
   });
 
-  $("body").on("mousedown", ".abracadabra-delete", function() {
-    abracadabraDeleteMousedown = true;
+  $("body").on("mousedown", ".abracadabra-delete, .abracadabra-submit, .abracadabra-cancel", function() {
+    abracadabraButtonMousedown = true;
   });
 
   $("body").on("ajax:success", ".abracadabra-form", function(e) {
     target = $(e.target);
+    abracadabraButtonMousedown = false;
 
     /* If form is a DELETE, remove abracadabra instance, if not, call tabToNextSelector */
     if(target.hasClass("abracadabra-delete")) {
       closeAbracadabra(target, true, true);
-      abracadabraDeleteMousedown = false;
     } else {
       input = $(target).find(".abracadabra-input");
       tabToNextSelector = input.data("tab-to-next-selector");
@@ -96,7 +96,7 @@ $(function() {
   });
 
   $("body").on("blur", ".abracadabra-input", function() {
-    if(abracadabraSubmissionInProgress == false && abracadabraDeleteMousedown == false) {
+    if(abracadabraSubmissionInProgress == false && abracadabraButtonMousedown == false) {
       if($(this).data("submit-on-blur") == true) {
         $(this.form).submit();
       } else {

data/lib/abracadabra/version.rb

@@ -1,5 +1,5 @@
 module Abracadabra
   module Rails
-    VERSION = "1.1.0"
+    VERSION = "1.1.1"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: abracadabra
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.1
 platform: ruby
 authors:
 - Trevor Hinesley
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-10 00:00:00.000000000 Z
+date: 2014-04-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails