edit_mode 0.0.9 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fdbdd5494cba8ac60e9ad179dcfe022f2f6305d2
-  data.tar.gz: 722ab2362e8cf8ddf885aaee72c44784d44c7bc5
+  metadata.gz: 38c0c37c354fab2e8bb12c74efdd91f35f759403
+  data.tar.gz: 389732d6e83c1439e3ecf787555fd1fe31c4ec3d
 SHA512:
-  metadata.gz: a75ab16d8ef645d0be48f8e2e1d1dc18bf3fa709dc954bb331de257734ffa650e4a110a768b8893a54b00ff3453f7fc9a713835e7389568e5f2247702016b45c
-  data.tar.gz: e2a84da960d737cf87685771797453b40e67476fc39c53e9232fbc9c0876152af63df6f5a6b597963f18964625baab380e1d28fbe149ca143d1d4ff693073749
+  metadata.gz: acc64b9ac686cdb83ab6e74e941204894fe2c2d34bd82f61aca900c2ed5e3e292f98539e4994d76ebaf52b55e40812277339e076f3feedea51455500cc38a1d6
+  data.tar.gz: 480cb272a37d72e89e279200b64cb555c79e860bd5e09e74debeb11d697e53ac7c56b7a91f869339b113dc65e1cbcf359523ddfd11221b2dd7aab82e727d904e

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

@@ -1,6 +1,7 @@
 ready = ->
   jQuery.fn.apply_edit_mode = ->
     this.apply_initial_auto_hide()
+    this.apply_edit_mode_add_button_classes()
     this.apply_show_only_in_edit_mode()
     this.find( ".best_in_place" ).apply_best_in_place()
     return this

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

@@ -4,15 +4,18 @@ ready = ->
   # The <span class="edit_mode_group"></span> elements receive 'edit', 'save' and 'cancel' events,
   # when the user clicks the corresponding buttons '.edit_button', '.save_button' or '.cancel_button'.
   # The edit_mode_group has to pass these events down to the contained .editable elements.
-  $( ".edit_mode_group" ).bind( "edit", (e) ->
+
+  $( document ).on( "edit", ".edit_mode_group", (e) ->
+
     unless $( this ).hasClass( "currently_in_edit_mode" )
       $( this ).addClass( "currently_in_edit_mode" )
 
       $( $( this ).find( ".editable" ).get().reverse() ).each ->
         $( this ).trigger( "edit" )
+
   )
 
-  $( ".edit_mode_group" ).bind( "save", ->
+  $( document ).on( "save", ".edit_mode_group", ->
 
     if $( this ).hasClass( "currently_in_edit_mode" )
       $( this ).removeClass( "currently_in_edit_mode" )
@@ -24,15 +27,23 @@ ready = ->
 
   )
 
-  $( ".edit_mode_group" ).bind( "cancel", ->
+  $( document ).on( "cancel", ".edit_mode_group", ->
 
     if $( this ).hasClass( "currently_in_edit_mode" )
       $( this ).removeClass( "currently_in_edit_mode" )
 
       edit_mode_group = $( this )
-      button_effect( $( this ).find( ".cancel_button" ), ->
+      cancel_button = $( this ).find( ".cancel_button" )
+      
+      # if there is a cancel button, animate it and then cancel all elements.
+      if cancel_button.size() > 0  
+        button_effect( cancel_button, ->
+          edit_mode_group.find( ".editable" ).trigger( "cancel" )
+        )
+        
+      # if no cancel button exists, just trigger each element's cancel event.
+      else  
         edit_mode_group.find( ".editable" ).trigger( "cancel" )
-      )
 
   )
 

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

@@ -5,8 +5,9 @@ ready = ->
   # That means that everything else should be greyed out.
   # If the user clicks on the shaded (grey) area outside, the edit_mode_group is saved.
 
-  $( ".edit_mode_group" ).bind( "edit", ->
-    unless $( this ).hasClass( "edit-mode-modal" )
+  $( document ).on( "edit", ".edit_mode_group", ->
+    if $( document ).find( ".edit-mode-modal" ).size() == 0
+      #unless $( this ).hasClass( "edit-mode-modal" )
       modal_edit_mode_group = $( this )
       $( this ).addClass( "edit-mode-modal" )
       $( "body" ).append( "<div class='edit-mode-modal-bg'></div>" )
@@ -15,7 +16,7 @@ ready = ->
       )
   )
 
-  $( ".edit_mode_group" ).bind( "save cancel", ->
+  $( document ).on( "save cancel", ".edit_mode_group", ->
     if $( this ).hasClass( "edit-mode-modal" )
       unless $( this ).hasClass( "animating" )
         $( this ).addClass( "animating" )

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

@@ -1,26 +1,33 @@
 
 ready = ->
+  
+  jQuery.fn.apply_edit_mode_add_button_classes = ->
 
-  # The 'save' and the 'cancel' button are only to be shown in edit mode.
-  # In order to receive the proper 'edit', 'save', 'cancel' events, they also have to be .editable.
-  $( ".save_button,.cancel_button" ).addClass( "show_only_in_edit_mode editable" )
+    # The 'save' and the 'cancel' button are only to be shown in edit mode.
+    # In order to receive the proper 'edit', 'save', 'cancel' events, they also have to be .editable.
+    this.find( ".save_button,.cancel_button" ).addClass( "show_only_in_edit_mode editable" )
+    
+    # The 'edit' button is only to be shown when not in edit mode.
+    this.find( ".edit_button" ).addClass( "do_not_show_in_edit_mode editable" )
+    
+    # The buttons trigger the correspondig events of the surrounding edit_mode_group.
+    this.on( "click", ".edit_button", (e) ->
+      $( this ).closest( ".edit_mode_group" ).trigger( "edit" )
+      e.preventDefault()
+    )
+    this.on( "click", ".save_button", (e) ->
+      $( this ).closest( ".edit_mode_group" ).trigger( "save" )
+      e.preventDefault()
+    )
+    this.on( "click", ".cancel_button", (e) ->
+      $( this ).closest( ".edit_mode_group" ).trigger( "cancel" )
+      e.preventDefault()
+    )
 
-  # The 'edit' button is only to be shown when not in edit mode.
-  $( ".edit_button" ).addClass( "do_not_show_in_edit_mode editable" )
+    return this
+
+  $( document ).apply_edit_mode_add_button_classes()
 
-  # The buttons trigger the correspondig events of the surrounding edit_mode_group.
-  $( ".edit_button" ).click ( (e) ->
-    $( this ).closest( ".edit_mode_group" ).trigger( "edit" )
-    e.preventDefault()
-  )
-  $( ".save_button" ).click( (e) ->
-    $( this ).closest( ".edit_mode_group" ).trigger( "save" )
-    e.preventDefault()
-  )
-  $( ".cancel_button" ).click( (e) ->
-    $( this ).closest( ".edit_mode_group" ).trigger( "cancel" )
-    e.preventDefault()
-  )
 
 $(document).ready(ready)
 $(document).on('page:load', ready)

data/lib/edit_mode/version.rb

@@ -1,3 +1,3 @@
 module EditMode
-  VERSION = "0.0.9"
+  VERSION = "1.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: edit_mode
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 1.0.0
 platform: ruby
 authors:
 - Sebastian Fiedlschuster
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-26 00:00:00.000000000 Z
+date: 2013-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -117,7 +117,6 @@ files:
 - lib/assets/javascripts/edit_mode.js
 - lib/assets/javascripts/edit_mode/apply_edit_mode.js.coffee
 - lib/assets/javascripts/edit_mode/best_in_place.js.coffee
-- lib/assets/javascripts/edit_mode/best_in_place.js.coffee~
 - lib/assets/javascripts/edit_mode/edit_mode_group.js.coffee
 - lib/assets/javascripts/edit_mode/initial_auto_hide.js.coffee
 - lib/assets/javascripts/edit_mode/make_modal.js.coffee
@@ -219,7 +218,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.0
+rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
 summary: Toggle an edit mode on a show view. Think of it as a grouped in-place editing.
@@ -228,4 +227,3 @@ test_files:
 - spec/integration/buttons_spec.rb
 - spec/integration/show_only_in_edit_mode_spec.rb
 - spec/spec_helper.rb
-has_rdoc: 

data/lib/assets/javascripts/edit_mode/best_in_place.js.coffee~

@@ -1,26 +0,0 @@
-
-jQuery ->
-  $( ".best_in_place" ).best_in_place()
-                       .addClass( "editable ")
-                       .bind( "edit", ->
-                         alert( "activated" )
-                         $( this ).data( 'bestInPlaceEditor' ).activate()
-                         $( this ).find( "*" ).unbind( 'blur' )
-                                              .unbind( 'click' )
-                                              .unbind( 'keyup' )
-                                              .unbind( 'submit' )
-                                              .bind( 'keyup', keyUpHandler )
-                       )
-                       .bind( "cancel", ->
-                         $( this ).data( 'bestInPlaceEditor' ).abort()
-                       )
-                       .bind( "save", ->
-                         $( this ).data( 'bestInPlaceEditor' ).update()
-                       )
-
-  keyUpHandler = (event) ->
-    if event.keyCode == 27
-      $( this ).closest( ".edit_mode_group" ).trigger( "cancel" )
-    if event.keyCode == 13
-      unless $( event.target ).is( "textarea" )
-        $( this ).closest( ".edit_mode_group" ).trigger( "save" )