jqueryui
4 years ago
select2
6 years ago
wp-color-picker-alpha
5 years ago
autocomplete.js
6 years ago
autosave.js
7 years ago
button-group.js
6 years ago
clone.js
4 years ago
color.js
6 years ago
date.js
6 years ago
datetime.js
6 years ago
file-input.js
4 years ago
file-upload.js
4 years ago
file.js
4 years ago
image-advanced.js
4 years ago
image-select.js
6 years ago
image-upload.js
4 years ago
input-list.js
6 years ago
map-frontend.js
4 years ago
map.js
4 years ago
media.js
3 years ago
notification.js
6 years ago
oembed.js
6 years ago
osm-frontend.js
5 years ago
osm.js
5 years ago
range.js
4 years ago
script.js
6 years ago
select-advanced.js
3 years ago
select-tree.js
5 years ago
select.js
6 years ago
slider.js
6 years ago
taxonomy.js
3 years ago
time.js
6 years ago
validation.min.js
3 years ago
video.js
6 years ago
wysiwyg.js
5 years ago
color.js
46 lines
| 1 | ( function ( $, rwmb ) { |
| 2 | 'use strict'; |
| 3 | |
| 4 | /** |
| 5 | * Transform an input into a color picker. |
| 6 | */ |
| 7 | function transform() { |
| 8 | var $this = $( this ); |
| 9 | |
| 10 | function triggerChange() { |
| 11 | $this.trigger( 'color:change' ).trigger( 'mb_change' ); |
| 12 | } |
| 13 | |
| 14 | var $container = $this.closest( '.wp-picker-container' ), |
| 15 | // Hack: the picker needs a small delay (learn from the Kirki plugin). |
| 16 | options = $.extend( |
| 17 | { |
| 18 | change: function () { |
| 19 | setTimeout( triggerChange, 20 ); |
| 20 | }, |
| 21 | clear: function () { |
| 22 | setTimeout( triggerChange, 20 ); |
| 23 | } |
| 24 | }, |
| 25 | $this.data( 'options' ) |
| 26 | ); |
| 27 | |
| 28 | // Clone doesn't have input for color picker, we have to add the input and remove the color picker container |
| 29 | if ( $container.length > 0 ) { |
| 30 | $this.insertBefore( $container ); |
| 31 | $container.remove(); |
| 32 | } |
| 33 | |
| 34 | // Show color picker. |
| 35 | $this.wpColorPicker( options ); |
| 36 | } |
| 37 | |
| 38 | function init( e ) { |
| 39 | $( e.target ).find( '.rwmb-color' ).each( transform ); |
| 40 | } |
| 41 | |
| 42 | rwmb.$document |
| 43 | .on( 'mb_ready', init ) |
| 44 | .on( 'clone', '.rwmb-color', transform ); |
| 45 | } )( jQuery, rwmb ); |
| 46 |