♻ Added changed check

Author: blocknotes

README.md

@@ -9,7 +9,7 @@ Features:
 - inline field editing
 - create links to load some content in a dialog
 
-The easiest way to show how this plugin works is looking the examples [below](#examples-of-dynamic-fields).
+The easiest way to show how this plugin works is looking the examples [below](#examples).
 
 ## Install
 
@@ -27,6 +27,7 @@ Options are passed to fields using *input_html* parameter as *data* attributes:
   + **not_checked**: check if a checkbox is not checked
   + **blank**: check if a field is blank
   + **not_blank**: check if a field is not blank
+  + **changed**: check if the value of an input is changed (dirty)
 - **data-eq**: check if a field has a specific value
 - **data-not**: check if a field hasn't a specific value
 - **data-target**: target css selector (from parent fieldset, look for the closest match)
@@ -45,22 +46,22 @@ Options are passed to fields using *input_html* parameter as *data* attributes:
 
 ### Dynamic fields examples
 
-- A checkbox that hides other fields if false (ex. model *Article*):
+- A checkbox that hides other fields if is checked (ex. model *Article*):
 
 ```rb
 form do |f|
   f.inputs 'Article' do
-    f.input :published, input_html: { data: { if: 'not_checked', action: 'hide', target: '.grp1' } }
+    f.input :published, input_html: { data: { if: 'checked', action: 'hide', target: '.grp1' } }
     f.input :online_date, wrapper_html: { class: 'grp1' }
-    f.input :position, wrapper_html: { class: 'grp1' }
+    f.input :draft_notes, wrapper_html: { class: 'grp1' }
   end
   f.actions
 end
 ```
 
-- Add 3 classes (*first*, *second*, *third*) if a checkbox is true:
+- Add 3 classes (*first*, *second*, *third*) if a checkbox is not checked:
 
-`f.input :published, input_html: { data: { if: 'checked', action: 'addClass first second third', target: '.grp1' } }`
+`f.input :published, input_html: { data: { if: 'not_checked', action: 'addClass first second third', target: '.grp1' } }`
 
 - Set another field value if a string field is blank:
 
@@ -183,6 +184,8 @@ The link url is loaded via AJAX before opening the dialog.
 
 If you use this component just star it. A developer is more motivated to improve a project when there is some interest.
 
+Take a look at [other ActiveAdmin components](https://github.com/blocknotes?utf8=✓&tab=repositories&q=activeadmin&type=source) that I made if you are curious.
+
 ## Contributors
 
 - [Mattia Roccoberton](http://blocknot.es) - creator, maintainer

app/assets/javascripts/activeadmin/dynamic_fields.js

@@ -1,5 +1,5 @@
 // Evaluate a condition
-function dfEvalCondition( el, args ) {
+function dfEvalCondition( el, args, on_change ) {
   if( args.fn ) {
     if( args.fn && window[args.fn] ) return !window[args.fn]( el );
     else console.log( 'Warning - activeadmin_dynamic_fields: ' + args.fn + '() not available [1]' );
@@ -16,6 +16,9 @@ function dfEvalCondition( el, args ) {
   else if( args.if == 'not_blank' ) {
     return el.val().length !== 0 && el.val().trim();
   }
+  else if( args.if == 'changed' ) {
+    return on_change;
+  }
   else if( args.eq ) {
     return el.val() == args.eq;
   }
@@ -36,59 +39,59 @@ function dfSetupField( el ) {
   if( el.data( 'target' ) ) target = el.closest( 'fieldset' ).find( el.data( 'target' ) );  // closest find for has many associations
   else if( el.data( 'gtarget' ) ) target = $( el.data( 'gtarget' ) );
   if( action == 'hide' ) {
-    if( dfEvalCondition( el, args ) ) target.hide();
+    if( dfEvalCondition( el, args, false ) ) target.hide();
     else target.show();
     el.on( 'change', function( event ) {
-      if( dfEvalCondition( $(this), args ) ) target.hide();
+      if( dfEvalCondition( $(this), args, true ) ) target.hide();
       else target.show();
     });
   }
   else if( action == 'slide' ) {
-    if( dfEvalCondition( el, args ) ) target.slideDown();
+    if( dfEvalCondition( el, args, false ) ) target.slideDown();
     else target.slideUp();
     el.on( 'change', function( event ) {
-      if( dfEvalCondition( $(this), args ) ) target.slideDown();
+      if( dfEvalCondition( $(this), args, true ) ) target.slideDown();
       else target.slideUp();
     });
   }
   else if( action == 'fade' ) {
-    if( dfEvalCondition( el, args ) ) target.fadeIn();
+    if( dfEvalCondition( el, args, false ) ) target.fadeIn();
     else target.fadeOut();
     el.on( 'change', function( event ) {
-      if( dfEvalCondition( $(this), args ) ) target.fadeIn();
+      if( dfEvalCondition( $(this), args, true ) ) target.fadeIn();
       else target.fadeOut();
     });
   }
   else if( action.substr( 0, 8 ) == 'setValue' ) {
     var val = action.substr( 8 ).trim();
-    if( dfEvalCondition( el, args ) ) dfSetValue( target, val );
+    if( dfEvalCondition( el, args, false ) ) dfSetValue( target, val );
     el.on( 'change', function( event ) {
-      if( dfEvalCondition( $(this), args ) ) dfSetValue( target, val );
+      if( dfEvalCondition( $(this), args, true ) ) dfSetValue( target, val );
     });
   }
   else if( action.substr( 0, 8 ) == 'callback' ) {
     var cb = action.substr( 8 ).trim();
     if( cb && window[cb] ) {
-      if( dfEvalCondition( el, args ) ) window[cb]( el.data( 'args' ) );
+      if( dfEvalCondition( el, args, false ) ) window[cb]( el.data( 'args' ) );
       el.on( 'change', function( event ) {
-        if( dfEvalCondition( $(this), args ) ) window[cb]( el.data( 'args' ) );
+        if( dfEvalCondition( $(this), args, true ) ) window[cb]( el.data( 'args' ) );
       });
     }
     else console.log( 'Warning - activeadmin_dynamic_fields: ' + cb + '() not available [2]' );
   }
   else if( action.substr( 0, 8 ) == 'addClass' ) {
     var classes = action.substr( 8 ).trim();
-    if( dfEvalCondition( el, args ) ) target.removeClass( classes );
+    if( dfEvalCondition( el, args, false ) ) target.removeClass( classes );
     else target.addClass( classes );
     el.on( 'change', function( event ) {
-      if( dfEvalCondition( $(this), args ) ) target.removeClass( classes );
+      if( dfEvalCondition( $(this), args, true ) ) target.removeClass( classes );
       else target.addClass( classes );
     });
   }
   else if( args.fn ) {  // function without action
-    dfEvalCondition( el, args );
+    dfEvalCondition( el, args, false );
     el.on( 'change', function( event ) {
-      dfEvalCondition( el, args );
+      dfEvalCondition( el, args, true );
     });
   }
 }

lib/activeadmin/dynamic_fields/version.rb

@@ -1,5 +1,5 @@
 module ActiveAdmin
   module DynamicFields
-    VERSION = '0.2.1'
+    VERSION = '0.2.2'
   end
 end