edit_mode 0.0.6 → 0.0.7

data/Gemfile

@@ -9,21 +9,24 @@ group :test, :development do
   gem 'rspec-expectations'
   gem 'rspec-mocks'
   gem 'nokogiri'
-  gem 'capybara'
+  gem 'capybara', '1.1.2'
   gem 'execjs'
   gem 'therubyracer', :platform => :ruby
 
   gem 'guard', '1.0.1'
   gem 'rspec-rails', '2.10.0'
   gem 'guard-rspec', '0.5.5'
-
+#  gem 'poltergeist'
+  gem 'selenium-webdriver', '>=2.29.0'
+#  gem 'capybara-webkit'
 end
 
 group :test do
-  gem 'best_in_place'
   gem 'sass-rails'
+#  gem 'best_in_place', path: "../best_in_place"
+  gem 'best_in_place', '>=2.0.3', git: "https://github.com/bernat/best_in_place.git"
 end
 
-gem 'jquery-rails'
+gem 'jquery-rails', '>=2.2.0'
 gem 'coffee-rails'
 gem 'sqlite3'

data/README.md

@@ -121,6 +121,25 @@ jQuery ->
   )
 ```
 
+### Adding .editable Elements Using Ajax
+
+If you would like to add .editable elements (e.g. `.best_in_place` elements or `.show_only_in_edit_mode` elements) using
+ajax, you have to call `apply_edit_mode()` on the newly added elements in order to have them provide the proper methods
+and triggers.
+
+For example, if you have added a `<span id="my_new_edit_mode_span">...</span>` containing
+the edit_mode elements using ajax, just call via javascript (jQuery):
+    
+```javascript
+$( "#my_new_edit_mode_span" ).apply_edit_mode()
+```    
+
+And if you want to enter edit_mode for this span, call instead:
+    
+```javascript
+$( "#my_new_edit_mode_span" ).apply_edit_mode().trigger( "edit" )
+```
+
 ## Documentation
 
 http://rubydoc.info/github/fiedl/edit_mode/frames

data/lib/assets/javascripts/edit_mode/show_only_in_edit_mode.js.coffee

@@ -7,16 +7,19 @@ jQuery ->
     # When edit mode is left, the events 'save' or 'cancel' are triggered.
     # For <span class="show_only_in_edit_mode"></span> tags, these events are rather simple:
     # Just show or hide these spans!
-    this.find( ".show_only_in_edit_mode" ).live( "edit", ->
+
+    this.on( 'edit', '.show_only_in_edit_mode', ->
       $( this ).show()
-    ).live( "save cancel", ->
+    )
+    this.on( 'save cancel', '.show_only_in_edit_mode', ->
       $( this ).hide()
     )
 
     # And just the opposite for <span class="do_not_show_in_edit_mode"></span>.
-    this.find( ".do_not_show_in_edit_mode" ).live( "edit", ->
+    this.on( 'edit', '.do_not_show_in_edit_mode', ->
       $( this ).hide()
-    ).live( "save cancel", ->
+    )
+    this.on( 'save cancel', '.do_not_show_in_edit_mode', ->
       $( this ).show()
     )
 

data/lib/edit_mode/version.rb

@@ -1,3 +1,3 @@
 module EditMode
-  VERSION = "0.0.6"
+  VERSION = "0.0.7"
 end

data/spec/integration/buttons_spec.rb

@@ -8,6 +8,25 @@ describe "button behaviour", js: true do
     visit user_path( @user )
   end
 
+  describe "javascript requirements: " do
+    describe "edit event" do
+      describe "on a best_in_place element" do
+        it "should show the input field for editing" do
+          page.should_not have_selector "input"
+          page.execute_script( " $('.best_in_place.editable:first').trigger('edit') " )
+          page.should have_selector( "input", count: 1 )
+        end
+      end
+      describe "on an edit_mode_group" do
+        it "should show the input fields for all contained best_in_place fields" do
+          page.should_not have_selector "input"
+          page.execute_script( " $('.edit_mode_group:first').trigger('edit') " )
+          page.should have_selector( "input", count: 2 )
+        end
+      end
+    end
+  end
+
   describe "edit button" do
 
     it "should be visible outside and invisible in edit mode" do

data/spec/spec_helper.rb

@@ -7,6 +7,14 @@ require File.expand_path('../../test_app/config/environment', __FILE__)
 require "rspec/rails"
 require "nokogiri"
 
+Capybara.javascript_driver = :selenium
+#Capybara.javascript_driver = :webkit
+
+# changing back to selenium-webdriver, since phantom js (poltergeist) keeps crashing.
+# SF 2013-01-21
+#require 'capybara/poltergeist'
+#Capybara.javascript_driver = :poltergeist
+
 # Load support files
 #Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each{|f| require f}
 

data/test_app/Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
-gem 'rails', '3.2.3'
+gem 'rails', '3.2.11'
 
 # Bundle edge Rails instead:
 # gem 'rails', :git => 'git://github.com/rails/rails.git'

data/test_app/README.md

@@ -121,6 +121,25 @@ jQuery ->
   )
 ```
 
+### Adding .editable Elements Using Ajax
+
+If you would like to add .editable elements (e.g. `.best_in_place` elements or `.show_only_in_edit_mode` elements) using
+ajax, you have to call `apply_edit_mode()` on the newly added elements in order to have them provide the proper methods
+and triggers.
+
+For example, if you have added a `<span id="my_new_edit_mode_span">...</span>` containing
+the edit_mode elements using ajax, just call via javascript (jQuery):
+    
+```javascript
+$( "#my_new_edit_mode_span" ).apply_edit_mode()
+```    
+
+And if you want to enter edit_mode for this span, call instead:
+    
+```javascript
+$( "#my_new_edit_mode_span" ).apply_edit_mode().trigger( "edit" )
+```
+
 ## Documentation
 
 http://rubydoc.info/github/fiedl/edit_mode/frames

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: edit_mode
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-02 00:00:00.000000000 Z
+date: 2013-01-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &69340560 !ruby/object:Gem::Requirement
+  requirement: &75473480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '3.2'
   type: :runtime
   prerelease: false
-  version_requirements: *69340560
+  version_requirements: *75473480
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &69338730 !ruby/object:Gem::Requirement
+  requirement: &75473270 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *69338730
+  version_requirements: *75473270
 - !ruby/object:Gem::Dependency
   name: rake
-  requirement: &69334730 !ruby/object:Gem::Requirement
+  requirement: &75473040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *69334730
+  version_requirements: *75473040
 - !ruby/object:Gem::Dependency
   name: rspec-rails
-  requirement: &69334140 !ruby/object:Gem::Requirement
+  requirement: &75472790 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: 2.8.0
   type: :development
   prerelease: false
-  version_requirements: *69334140
+  version_requirements: *75472790
 - !ruby/object:Gem::Dependency
   name: nokogiri
-  requirement: &69333320 !ruby/object:Gem::Requirement
+  requirement: &75472540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: 1.5.0
   type: :development
   prerelease: false
-  version_requirements: *69333320
+  version_requirements: *75472540
 - !ruby/object:Gem::Dependency
   name: capybara
-  requirement: &69332760 !ruby/object:Gem::Requirement
+  requirement: &75472350 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,7 +76,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *69332760
+  version_requirements: *75472350
 description: The edit mode is activated by pressing an 'edit' button on a show view.
   This shows additional editing tools and switches on the best_in_place form fields.
   When editing is finished, use 'save' or 'cancel' buttons to quit the edit mode and