Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new filter display types: slider and slider range, via popular noUiSlider JS #244

Closed
ggppdk opened this issue Aug 9, 2015 · 3 comments

Comments

@ggppdk
Copy link
Member

ggppdk commented Aug 9, 2015

This is almost done, and needs to finish testing,
we are using noUiSlider

implemented support for displays and add relevant parameters to 15 fields (text, select, radioimage, checkbox, etc):

  • slider
  • slider range

the above sliders are using either:

  • either field's found values
  • or custom entered values/labels
    both the above can be alphanumeric, inside the JS slider we use numeric values (noUiSlider needs numeric values) and do a remap to the real values

Also these are configurable

  • percentage placement (thanks to noUiSlider JS)
  • min and max values are empty (aka ANY value) for found values, and can be empty for custom values
  • labels appear as tooltips (max is 36 characters, currently not configurable) and we try to make auto placement of the labels so that they do not overlap in the case of range
@ggppdk ggppdk self-assigned this Aug 9, 2015
@ggppdk ggppdk added this to the 3.0.5 milestone Aug 9, 2015
@micker
Copy link
Member

micker commented Aug 9, 2015

great adding ! all in one ! date function is cool !

@ggppdk
Copy link
Member Author

ggppdk commented Aug 9, 2015

Commited in 3cfa25e

This issue will be open for a while until this is tested a little more

  • Using the new JS lib noUIslider and the knowledge gained by implementing the filter displays we can create 2 or more indexable fields (fields: value-label value-label-image)

new_filter_display_slider_conf
new_filter_display_slider1

  • now we have
    select, selectmultiple,
    checkbox, checkboximage,
    radio, radioimage
  • we can add fields
    a. slider / slider range
    b. color picker (that will use as an option slider display)
    c. or use slider in other fields ?

@micker
Copy link
Member

micker commented Aug 9, 2015

very good adding
i see that you added in date field too, this is very good too

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants