10h30/full-screen-morphing-search
1
0
Fork 0
mirror of https://github.com/10h30/full-screen-morphing-search.git synced 2026-07-11 18:46:04 +09:00
Code Issues Packages Projects Releases Wiki Activity

Colors PHP to JS.

Browse Source 
Replacing all colors options PHP functions by Variables passed to JS.
This commit is contained in:
LebCit
2019-07-23 21:34:01 +03:00
parent 456dd07322
commit efc56b7339
4 changed files with 92 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/customize-preview.js
+4 -10
View File
@@ -56,9 +56,7 @@
// FSMS Columns Background Color.
wp.customize( 'fsmsp_options[fsmsp_columns_background_color]', function( value ) {
value.bind( function( newval ) {
// Repeat the CSS logic in PHP : background !
$( 'div.dummy-media-object' ).css( 'background', newval );
// Repeat the JS logic in PHP : onmouseout !
$( 'div.dummy-media-object' ).mouseout( function() {
$(this).css( 'background', newval );
});
@@ -68,7 +66,6 @@
// FSMS Columns Hover Background Color.
wp.customize( 'fsmsp_options[fsmsp_columns_hover_background_color]', function( value ) {
value.bind( function( newval ) {
// Repeat the JS logic in PHP : onmouseover !
$( 'div.dummy-media-object' ).mouseover( function() {
$(this).css( 'background', newval );
});
@@ -78,11 +75,9 @@
// FSMS Links Color.
wp.customize( 'fsmsp_options[fsmsp_links_color]', function( value ) {
value.bind( function( newval ) {
// Repeat the CSS logic in PHP : color !
$( '.dummy-media-object h3 a' ).css( 'color', newval );
// Repeat the JS logic in PHP : onmouseout !
$( '.dummy-media-object h3 a' ).mouseout( function() {
$(this).css( 'color', newval );
$( 'div.dummy-media-object' ).mouseout( function() {
$(this).find( 'h3 a' ).css( 'color', newval );
});
} );
} );
@@ -90,9 +85,8 @@
// FSMS Links Hover Color.
wp.customize( 'fsmsp_options[fsmsp_links_hover_color]', function( value ) {
value.bind( function( newval ) {
// Repeat the JS logic in PHP : onmouseover !
$( '.dummy-media-object h3 a' ).mouseover( function() {
$(this).css( 'color', newval );
$( 'div.dummy-media-object' ).mouseover( function() {
$(this).find( 'h3 a' ).css( 'color', newval );
});
} );
} );
assets/js/full-screen-morphing-search.js
+60 -3
View File
@@ -58,14 +58,71 @@
// Reset Morphing Search Input Value to Search...
$('input.search-field').val('');
console.info( fsmsp_vars.fsmsp_options_does_not_exists );
if ( fsmsp_vars.fsmsp_options_does_not_exists ) {
console.log( 'I do not exist' );
// Output fsmsp_main_backgroung_color.
$( '#morphsearch, div.morphsearch-content' ).css( 'background-color', '#f1f1f1' );
// Output fsmsp_close_icon_color.
document.querySelectorAll( 'span.morphsearch-close' )[0].style.setProperty( "--morphsearch-close-background", '#000' );
// Output fsmsp_search_text_color.
document.querySelectorAll( 'input.morphsearch-input' )[0].style.setProperty( "--morphsearch-input-placeholder", '#c2c2c2' );
// Output fsmsp_input_text_color.
$( '#morphsearch .morphsearch-input' ).css( 'color', '#ec5a62' );
// Output fsmsp_magnifier_submit_color.
$( '#Capa_1 path' ).css( 'fill', '#ddd' );
// Output fsmsp_headings_color.
$( 'div.dummy-column h2' ).css( 'color', '#c2c2c2' );
// Output fsmsp_columns_background_color.
$( 'div.dummy-media-object' ).css( 'background', '#ebebeb' );
$( 'div.dummy-media-object' ).mouseout( function() {
$(this).css( 'background', '#ebebeb' );
// Output fsmsp_links_color.
$(this).find( 'h3 a' ).css( 'color', '#b2b2b2' );
});
// Output fsmsp_columns_hover_background_color.
$( 'div.dummy-media-object' ).mouseover( function() {
$(this).css( 'background', '#e4e4e5' );
// Output fsmsp_links_hover_color.
$(this).find( 'h3 a' ).css( 'color', '#ec5a62' );
});
// Output fsmsp_links_color.
$( '.dummy-media-object h3 a' ).css( 'color', '#b2b2b2' );
} else {
console.log( 'Here I am' );
$( '#morphsearch, div.morphsearch-content' ).css( 'background-color', fsmsp_vars.fsmsp_main_backgroung_color );
document.querySelectorAll( 'span.morphsearch-close' )[0].style.setProperty( "--morphsearch-close-background", fsmsp_vars.fsmsp_close_icon_color );
document.querySelectorAll( 'input.morphsearch-input' )[0].style.setProperty( "--morphsearch-input-placeholder", fsmsp_vars.fsmsp_search_text_color );
$( '#morphsearch .morphsearch-input' ).css( 'color', fsmsp_vars.fsmsp_input_text_color );
$( '#Capa_1 path' ).css( 'fill', fsmsp_vars.fsmsp_magnifier_submit_color );
$( 'div.dummy-column h2' ).css( 'color', fsmsp_vars.fsmsp_headings_color );
$( 'div.dummy-media-object' ).css( 'background', fsmsp_vars.fsmsp_columns_background_color );
$( 'div.dummy-media-object' ).mouseout( function() {
$(this).css( 'background', fsmsp_vars.fsmsp_columns_background_color );
$(this).find( 'h3 a' ).css( 'color', fsmsp_vars.fsmsp_links_color );
});
$( 'div.dummy-media-object' ).mouseover( function() {
$(this).css( 'background', fsmsp_vars.fsmsp_columns_hover_background_color );
$(this).find( 'h3 a' ).css( 'color', fsmsp_vars.fsmsp_links_hover_color );
});
$( '.dummy-media-object h3 a' ).css( 'color', fsmsp_vars.fsmsp_links_color );
}
} )( jQuery );