/
Slav468
/
test
Обзор
Документация
Войти
/
Slav468
/
test
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/js/files/forms/range.js
47 строк
1 KB
Slav468
feat: init commit
15 июл 2024, 14:31
15 июл 2024, 14:31
0fdfc9b
Код
Авторство
О чём код?
// Підключення з node_modules import * as noUiSlider from 'nouislider'; // Підключення стилів з scss/base/forms/range.scss // у файлі scss/forms/forms.scss // Підключення стилів з node_modules import 'nouislider/dist/nouislider.css'; export function rangeInit() { const priceSlider = document.querySelector('#range'); if (priceSlider) { let textFrom = priceSlider.getAttribute('data-from'); let textTo = priceSlider.getAttribute('data-to'); noUiSlider.create(priceSlider, { start: 0, // [0,200000] connect: [true, false], range: { 'min': [0], 'max': [200000] }, /* format: wNumb({ decimals: 0 }) */ }); /* const priceStart = document.getElementById('price-start'); const priceEnd = document.getElementById('price-end'); priceStart.addEventListener('change', setPriceValues); priceEnd.addEventListener('change', setPriceValues); */ function setPriceValues() { let priceStartValue; let priceEndValue; if (priceStart.value != '') { priceStartValue = priceStart.value; } if (priceEnd.value != '') { priceEndValue = priceEnd.value; } priceSlider.noUiSlider.set([priceStartValue, priceEndValue]); } } } rangeInit();