https://github.com/heimrichhannot/contao-no-ui-slider-bundle

This bundle offers support for the JavaScript library noUiSlider for the Contao CMS.
https://github.com/heimrichhannot/contao-no-ui-slider-bundle

Last synced: about 1 month ago
JSON representation

This bundle offers support for the JavaScript library noUiSlider for the Contao CMS.

• Host: GitHub
• URL: https://github.com/heimrichhannot/contao-no-ui-slider-bundle
• Owner: heimrichhannot
• License: other
• Created: 2019-06-13T11:59:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T14:50:48.000Z (7 months ago)
• Last Synced: 2024-11-08T02:18:48.106Z (about 2 months ago)
• Language: PHP
• Homepage:
• Size: 41 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Contao NoUiSlider Bundle

This bundle offers support for the JavaScript library [noUiSlider](https://github.com/leongersen/noUiSlider/) for the Contao CMS.

## Features

* Filter Bundle support

* Encore Contracts support

## Setup

1. Install via composer: `composer require heimrichhannot/contao-no-ui-slider-bundle`.

1. Update Database.

## Configuration

### Activate NoUiSlider for a "choice filter"

1. Create a choice field as usual in [heimrichhannot/contao-filter-bundle](https://github.com/heimrichhannot/contao-filter-bundle).

1. Activate the option "Add noUiSlider support". 

### Activate NoUiSlider for a "multiple range filter"

1. Create 2 __text__ filter elements which represent the two borders of the filter interval. It's important that the filter element type is __text__.

1. Create a multiple range filter element and link the text filters created in the step before.

1. Activate the option "Add noUiSlider support". 

## Developers

When you change the set value of the slider it matches the current value to the corresponding input field. To set the slider to its min value means that all input fields are unchecked.

In that case no change or click event is triggered. Therefore, the custom event `filterAsyncSubmit` is dispatched in this situation.

Use this event to initiate the async submit.