Current path: home/webdevt/www/demo2/wp-content/themes/spacious/inc/customizer/core/custom-controls/fontawesome/
?? Go up: /home/webdevt/www/demo2/wp-content/themes/spacious/inc/customizer/core/custom-controls
/**
* Control: FontAwesome.
*/
(
function ( $ ) {
wp.customize.controlConstructor['spacious-fontawesome'] = wp.customize.Control.extend(
{
ready: function () {
'use strict';
var control = this;
control.initSpaciousFontawesomeControl();
},
initSpaciousFontawesomeControl: function() {
var control = this,
selector = control.selector,
elSelector = $( selector ).find( 'select' ),
faData = [],
value = control.setting._value,
data = window['SpaciousCustomizerControlFontawesome' + this.id],
faDataCounter = 0,
faSelect;
$.each(
data,
function ( key, value ) {
faData[ faDataCounter ] = {
id: value,
text: value
};
faDataCounter++;
}
);
// Add HTML inside the option element.
function formatState( state ) {
if ( ! state.id ) {
return state.text;
}
var $state = $(
'<span><i class="fa fa-lg ' + state.text + '"></i> ' + state.text + '</span>'
);
return $state;
};
// Apply selectWoo.
faSelect = elSelector.selectWoo(
{
data: faData,
width: '100%',
templateResult: formatState,
}
);
faSelect.val( value ).trigger( 'change' );
faSelect.on(
'change',
function () {
control.setting.set( elSelector.val() );
}
);
},
}
);
}
)( jQuery );