blocknotes / activeadmin_dynamic_fields Goto Github PK

View Code? Open in Web Editor NEW

113.0 4.0 17.0 138 KB

ActiveAdmin plugin to add dynamic behaviors to fields

License: MIT License

Ruby 80.10% JavaScript 12.03% CSS 0.84% HTML 6.28% SCSS 0.75%

ruby rails rails5 activeadmin activeadmin-plugin

activeadmin_dynamic_fields's People

Contributors

Stargazers

Watchers

Forkers

wowu stefsava alabamaair fibcode pyramid10 lexxeice kerglis btlzdravtech adrienpoly hegedak enginearch dnitta colinbrogan tracyloisel pangkalizer ameketa innowellteam

activeadmin_dynamic_fields's Issues

Support and Implementation Details for Rails 7

Does this gem work for a rails 7 importmaps implementation? I have implemented according to the non-webpacker guide.

I have installed it and am getting the following error

active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3773 jQuery.Deferred exception: Cannot read properties of undefined (reading 'substr') TypeError: Cannot read properties of undefined (reading 'substr')
    at dfSetupField (http://localhost:3000/assets/activeadmin/dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:65:18)
    at HTMLInputElement.<anonymous> (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54591:5)
    at Function.each (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:383:19)
    at jQuery.fn.init.each (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:205:17)
    at HTMLDocument.<anonymous> (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54590:142)
    at mightThrow (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479:29)
    at process (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547:12) undefined
jQuery.Deferred.exceptionHook @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3773
process @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3551
setTimeout (async)
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3592
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3351
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
ready @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3834
completed @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3844
active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3773 jQuery.Deferred exception: Cannot read properties of undefined (reading 'substr') TypeError: Cannot read properties of undefined (reading 'substr')
    at dfSetupField (http://localhost:3000/assets/activeadmin/dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:65:18)
    at HTMLInputElement.<anonymous> (http://localhost:3000/assets/activeadmin/dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:162:5)
    at Function.each (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:383:19)
    at jQuery.fn.init.each (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:205:17)
    at HTMLDocument.<anonymous> (http://localhost:3000/assets/activeadmin/dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:161:142)
    at mightThrow (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479:29)
    at process (http://localhost:3000/assets/active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547:12) undefined
jQuery.Deferred.exceptionHook @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3773
process @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3551
setTimeout (async)
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3592
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3351
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
ready @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3834
completed @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3844
active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3783 Uncaught TypeError: Cannot read properties of undefined (reading 'substr')
    at dfSetupField (dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:65:18)
    at HTMLInputElement.<anonymous> (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54591:5)
    at Function.each (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:383:19)
    at jQuery.fn.init.each (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:205:17)
    at HTMLDocument.<anonymous> (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54590:142)
    at mightThrow (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479:29)
    at process (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547:12)
dfSetupField @ dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:65
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54591
each @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:383
each @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:205
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:54590
mightThrow @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479
process @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547
setTimeout (async)
jQuery.readyException @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3782
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3802
mightThrow @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479
process @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547
setTimeout (async)
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3592
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3351
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
process @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3567
setTimeout (async)
(anonymous) @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3592
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3351
fire @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3213
fireWith @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3343
ready @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3834
completed @ active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3844
active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3783 Uncaught TypeError: Cannot read properties of undefined (reading 'substr')
    at dfSetupField (dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:65:18)
    at HTMLInputElement.<anonymous> (dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:162:5)
    at Function.each (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:383:19)
    at jQuery.fn.init.each (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:205:17)
    at HTMLDocument.<anonymous> (dynamic_fields-b1e8a0a3194d41b3af16532e01aecf823d396b7bf4d1b7eb747c9fb002429230.js:161:142)
    at mightThrow (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3479:29)
    at process (active_admin-d81fcd50ea26a294816d55dd8fa3a3840381fbaa776b65a6b242d3eec2610558.js:3547:12)

How do I can run test?

If I want to add a feature or correction and I whant to run test before a pull request. how can I do?

Weird outcome for if:blank

Hello,

Thanks for this wonderful gem that we really needed.

Our need was basic

show field 1 and hide filed 2,3 and 4
if user fills the field 1, show field 2, 3 and 4

So we used this:

f.has_many :steps,
                   allow_destroy: true,
                   heading:       false, 
                   new_record:    true,
                    do |step|
        
        step.input :field1,
          input_html: { data: { if: 'blank', action: 'hide', target: '.st_video_related' } }
      step.input :field2,
         wrapper_html: { class: 'st_video_related' }
      step.input :field3,
         wrapper_html: { class: 'st_video_related' }
      step.input :field4,
        wrapper_html: { class: 'st_video_related' }

We thought that when you say if = blank, then the targets will be hidden. But the outcome was the opposite we had expected. Field 2, 3 and 4 were

viewable when the field 1 was empty and
not viewable when the field 1 was filled

So we changed to the opposite: step.input :field1,
input_html: { data: { if: 'not_blank', action: 'hide', target: '.st_video_related' } }

and now it works: all Steps where field 1 is empty have field 2,3 and 4 invisible

Did we misunderstand how the semantic works or is there something weird here? shouldn't we really put : input_html: { data: { if: 'blank', action: 'hide', target: '.st_video_related' } } ?

Thanks

Support for activeadmin_addons (select2)

Hello.

I am using the following library.
https://github.com/platanus/activeadmin_addons

When using select2, activeadmin_dynamic_fields does not work.
I know it is difficult to be compatible with other 3rd party libraries, but it would be nice to be supported.

Thank you.

How make checkbox with toggle fields?

Hi!

I see this example for hide fields, if checkbox is set.

f.input :published, input_html: { data: { if: 'checked', action: 'hide', target: '.grp1' } }

But I need make a toggle set of fields depend checkbox: after toggle checkbox a few fields will show, and few is hide. Can I make this with activeadmin_dynamic_fields?

activeadmin 2.x support

I noticed the commit which introduced support for activeadmin 2.x, but if my understanding is correct, then the referenced condition on the gemspec file still locks activeadmin to 1.x.

activeadmin_dynamic_fields/activeadmin_dynamic_fields.gemspec

Line 20 in a172192

spec.add_runtime_dependency 'activeadmin', '>= 1.0'

Uglifier issue

Hi, I'm getting this issue when preparing for production. Any idea?

gem 'uglifier', '>= 4.1'
added config.assets.js_compressor = Uglifier.new(harmony: true) to production.rb

ActiveAdmin 3.0 support

Is there any plan to support the new version of AA?

One event that is according to use really important and frequent and missing is change.
We have checked and blank/not_blank.
What about the cases where a user has an active amdin field filled, then change the content of this field. If it is dynamic, it could also trigger something. Could we have an event 'change' ?
Regards,
Michael

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.