You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ColorPicker.js 548B

12345678910111213141516
  1. import $ from 'jquery';
  2. import {createColorPicker} from '../colorpicker.js';
  3. export function initCompColorPicker() {
  4. (async () => {
  5. await createColorPicker(document.querySelectorAll('.color-picker'));
  6. for (const el of document.querySelectorAll('.precolors .color')) {
  7. el.addEventListener('click', (e) => {
  8. const color = e.target.getAttribute('data-color-hex');
  9. const parent = e.target.closest('.color.picker');
  10. $(parent.querySelector('.color-picker')).minicolors('value', color);
  11. });
  12. }
  13. })();
  14. }