芝麻web文件管理V1.00

编辑当前文件:/var/www/cognitio.in/wp-content/plugins/Ultimate_VC_Addons/assets/js/dual-button.js

( function ( jQuery ) {
	jQuery( document ).ready( function () {
		const width = jQuery( window ).width();
		if ( width > 300 && width < 768 ) {
			var bshadow = 'inset 0px -200px 0px 0px ';
			var bshadow2 = ' inset 0px 200px 0px 0px ';
		} else if ( width > 768 && width < 1015 ) {
			var bshadow = 'inset 0px -200px 0px 0px ';
			var bshadow2 = ' inset 0px 200px 0px 0px ';
		} else {
			var bshadow = 'inset -200px 0 0 0 ';
			var bshadow2 = 'inset 200px 0 0 0';
		}

/*--- bt1 ----*/
		jQuery( document ).on( 'mouseenter', '.ult_dual1', function () {
			var style = jQuery( this )
				.find( '.ult-dual-btn-1' )
				.attr( 'class' );
			const arr = style.split( ' ' );
			var style = arr[ 1 ] + arr[ 2 ];

if ( style == 'Style1' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bghovercolor' );
				jQuery( this )[ 0 ].style.setProperty(
					'background-color',
					bghover,
					'important'
				);
			}
			if ( style == 'Style2' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bghovercolor' );
			}

if ( style == 'Style3' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bghovercolor' );
				jQuery( this ).css( {
					'box-shadow': ' inset 0 0 20px 50px ' + bghover,
				} );
			}

if ( style != 'undefined' ) {
				const iconhover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'icon_hover_color' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { color: iconhover } );

const iconbghover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'iconbghovercolor' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { background: iconbghover } );

const iconborderhover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'iconhoverborder' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { 'border-color': iconborderhover } );

//for image hover
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon-img' )
					.css( { background: iconbghover } );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon-img' )
					.css( { 'border-color': iconborderhover } );

const titlehover = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'texthovercolor' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.ult-dual-button-title' )
					.css( { color: titlehover } );
			}
		} );

jQuery( document ).on( 'mouseleave', '.ult_dual1', function () {
			var style1 = jQuery( this )
				.find( '.ult-dual-btn-1' )
				.attr( 'class' );
			const arr = style1.split( ' ' );
			var style1 = arr[ 1 ] + arr[ 2 ];

if ( style1 == 'Style1' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bgcolor' );
				jQuery( this )[ 0 ].style.setProperty(
					'background-color',
					bgcolor,
					'important'
				);
			}

if ( style1 == 'Style2' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bgcolor' );
			}
			if ( style1 == 'Style3' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'bgcolor' );
				jQuery( this ).css( {
					'box-shadow': 'inset 0px 0 0 0 ' + bgcolor,
				} );
			}
			if ( style1 != 'undefined' ) {
				const iconcolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'icon_color' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { color: iconcolor } );

const titlecolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'textcolor' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.ult-dual-button-title' )
					.css( { color: titlecolor } );

const iconbgcolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'iconbgcolor' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { background: iconbgcolor } );

const iconbordercolor = jQuery( this )
					.find( '.ult-dual-btn-1' )
					.data( 'iconborder' );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon' )
					.css( { 'border-color': iconbordercolor } );

//for image hover
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon-img' )
					.css( { background: iconbgcolor } );
				jQuery( this )
					.find( '.ult-dual-btn-1' )
					.find( '.aio-icon-img' )
					.css( { 'border-color': iconbordercolor } );
			}
		} );

/*--- bt2 ----*/
		jQuery( document ).on( 'mouseenter', '.ult_dual2', function () {
			var style1 = jQuery( this )
				.find( '.ult-dual-btn-2' )
				.attr( 'class' );
			const arr = style1.split( ' ' );
			var style1 = arr[ 1 ] + arr[ 2 ];

if ( style1 == 'Style1' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bghovercolor' );
				jQuery( this )[ 0 ].style.setProperty(
					'background-color',
					bghover,
					'important'
				);
			}

if ( style1 == 'Style2' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bghovercolor' );
			}
			if ( style1 == 'Style3' ) {
				var bghover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bghovercolor' );
				jQuery( this ).css( {
					'box-shadow': ' inset 0 0 20px 50px ' + bghover,
				} );
			}

if ( style1 != 'undefined' ) {
				const iconhover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'icon_hover_color' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { color: iconhover } );

const titlehover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'texthovercolor' );

jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.ult-dual-button-title' )
					.css( { color: titlehover } );

const iconbghover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'iconbghovercolor' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { background: iconbghover } );

const iconborderhover = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'iconhoverborder' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { 'border-color': iconborderhover } );

//for image hover
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon-img' )
					.css( { background: iconbghover } );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon-img' )
					.css( { 'border-color': iconborderhover } );
			}
		} );

jQuery( document ).on( 'mouseleave', '.ult_dual2', function () {
			var style1 = jQuery( this )
				.find( '.ult-dual-btn-2' )
				.attr( 'class' );
			const arr = style1.split( ' ' );
			var style1 = arr[ 1 ] + arr[ 2 ];
			if ( style1 == 'Style1' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bgcolor' );
				jQuery( this )[ 0 ].style.setProperty(
					'background-color',
					bgcolor,
					'important'
				);
			}

if ( style1 == 'Style2' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bgcolor' );
			}

if ( style1 == 'Style3' ) {
				var bgcolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'bghovercolor' );
				jQuery( this ).css( {
					'box-shadow': ' inset 0 0 0 0 ' + bgcolor,
				} );
			}

if ( style1 != 'undefined' ) {
				const iconcolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'icon_color' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { color: iconcolor } );

const titlecolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'textcolor' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.ult-dual-button-title' )
					.css( { color: titlecolor } );

const iconbgcolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'iconbgcolor' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { background: iconbgcolor } );

const iconbordercolor = jQuery( this )
					.find( '.ult-dual-btn-2' )
					.data( 'iconborder' );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon' )
					.css( { 'border-color': iconbordercolor } );

//for image hover
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon-img' )
					.css( { background: iconbgcolor } );
				jQuery( this )
					.find( '.ult-dual-btn-2' )
					.find( '.aio-icon-img' )
					.css( { 'border-color': iconbordercolor } );
			}
		} );
	} );
	/*---for button----*/

jQuery( document ).on( 'mouseenter', '.ult_main_dualbtn', function () {
		const mainhoverborder = jQuery( this ).data( 'bhcolor' );
	} );

jQuery( document ).on( 'mouseleave', '.ult_main_dualbtn', function () {
		const mainborder = jQuery( this ).data( 'bcolor' );
	} );
} )( jQuery );

jQuery( document ).ready( function ( e ) {
	jQuery( '.ult_main_dualbtn' ).each( function ( index ) {
		let ht1 = jQuery( this ).find( '.ult_dual1' ).outerHeight();
		ht1 = parseInt( ht1 );

let ht2 = jQuery( this ).find( '.ult_dual2' ).outerHeight();
		ht2 = parseInt( ht2 );

if ( ht1 > ht2 ) {
			jQuery( this ).find( '.ult_dual2' ).css( { height: ht1 } );
			jQuery( this ).find( '.ult_dual1' ).css( { height: ht1 } );
		} else if ( ht1 < ht2 ) {
			jQuery( this ).find( '.ult_dual1' ).css( { height: ht2 } );
			jQuery( this ).find( '.ult_dual2' ).css( { height: ht2 } );
		} else if ( ht1 == ht2 ) {
			jQuery( this ).find( '.ult_dual1' ).css( { height: ht2 } );
			jQuery( this ).find( '.ult_dual2' ).css( { height: ht2 } );
		}
	} );
	jQuery( document ).on( 'ult-expandable', function ( e, selector ) {
		jQuery( selector )
			.find( '.ult_dual_button' )
			.each( function ( index ) {
				jQuery( this ).find( '.ult_dual1' ).css( 'height', 'auto' );
				jQuery( this ).find( '.ult_dual2' ).css( 'height', 'auto' );

let ht1 = jQuery( this ).find( '.ult_dual1' ).outerHeight();
				ht1 = parseInt( ht1 );

let ht2 = jQuery( this ).find( '.ult_dual2' ).outerHeight();
				ht2 = parseInt( ht2 );

if ( ht1 > ht2 ) {
					jQuery( this ).find( '.ult_dual2' ).css( { height: ht1 } );
					jQuery( this ).find( '.ult_dual1' ).css( { height: ht1 } );
				} else if ( ht1 < ht2 ) {
					jQuery( this ).find( '.ult_dual1' ).css( { height: ht2 } );
					jQuery( this ).find( '.ult_dual2' ).css( { height: ht2 } );
				} else if ( ht1 == ht2 ) {
					jQuery( this ).find( '.ult_dual1' ).css( { height: ht2 } );
					jQuery( this ).find( '.ult_dual2' ).css( { height: ht2 } );
				}
			} );
	} );
	jQuery( document ).on(
		'ultAdvancedTabClickedDualBtn',
		function ( e, selector ) {
			jQuery( selector )
				.find( '.ult_dual_button' )
				.each( function ( index ) {
					jQuery( this ).find( '.ult_dual1' ).css( 'height', 'auto' );
					jQuery( this ).find( '.ult_dual2' ).css( 'height', 'auto' );

let ht1 = jQuery( this ).find( '.ult_dual1' ).outerHeight();
					ht1 = parseInt( ht1 );

let ht2 = jQuery( this ).find( '.ult_dual2' ).outerHeight();
					ht2 = parseInt( ht2 );

if ( ht1 > ht2 ) {
						jQuery( this )
							.find( '.ult_dual2' )
							.css( { height: ht1 } );
						jQuery( this )
							.find( '.ult_dual1' )
							.css( { height: ht1 } );
					} else if ( ht1 < ht2 ) {
						jQuery( this )
							.find( '.ult_dual1' )
							.css( { height: ht2 } );
						jQuery( this )
							.find( '.ult_dual2' )
							.css( { height: ht2 } );
					} else if ( ht1 == ht2 ) {
						jQuery( this )
							.find( '.ult_dual1' )
							.css( { height: ht2 } );
						jQuery( this )
							.find( '.ult_dual2' )
							.css( { height: ht2 } );
					}
				} );
		}
	);
} );

function recallme() {
	jQuery( '.ult_dual_button' ).each( function ( index ) {
		const id = jQuery( this ).attr( 'id' );
		let response = jQuery( this ).data( 'response' );
		if ( response == 'undefined' || response == '' ) {
			response = 'on';
		}

var rtl_right = 'right';
		if ( jQuery( 'body' ).hasClass( 'rtl' ) ) {
			var rtl_right = 'left';
		}

var rtl_left = 'left';
		if ( jQuery( 'body' ).hasClass( 'rtl' ) ) {
			var rtl_left = 'right';
		}

if ( response == 'on' ) {
			var style = id;
			style = document.createElement( 'style' );
			style.type = 'text/css';
			style.innerHTML =
				'@media(min-width:300px) and (max-width:768px) {' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper { margin: 0px;float: none;position: relative}.ult_main_dualbtn { display: inline-block}.ult_dualbutton-wrapper { display: block }' +
				'#' +
				id +
				'.ult_dual_button .middle-text {top: 100%;right: 50%}' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; border-top-right-radius: inherit; border-bottom: 0px!important;}' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-top-left-radius: 0!important;border-top-right-radius: 0!important}}@media(min-width:0px) and (max-width:0px) {' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper { float: left; position: relative}.ult_dual1 {     border-right: none!important } .ult_dualbutton-wrapper {display: block}' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-top-right-radius: 0!important;  border-bottom-right-radius: 0!important}' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-top-left-radius: 0!important;  border-bottom-left-radius: 0!important  }}@media(min-width:768px) and (max-width:970px) { ' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper { margin: -4px; float: none; position: relative }.ult_dualbutton-wrapper { display: block} ' +
				'#' +
				id +
				'.ult_dual_button .middle-text { top: 100%; right: 50% }' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; border-top-right-radius: inherit }' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {     border-top-left-radius: 0!important;   border-top-right-radius: 0!important  }}@media(min-width:970px){ ' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-top-' +
				rtl_right +
				'-radius: 0!important; border-bottom-' +
				rtl_right +
				'-radius: 0!important}' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-top-' +
				rtl_left +
				'-radius: 0!important; border-bottom-' +
				rtl_left +
				'-radius: 0!important }' +
				'#' +
				id +
				'.ult_dual_button .ult_dual1 { border-' +
				rtl_right +
				': none!important}}';
			document.getElementsByTagName( 'head' )[ 0 ].appendChild( style );
			document.getElementsByTagName( 'head' )[ 0 ].appendChild( style );

//change box shaddow of button1
			jQuery( '#' + id )
				.find( '.ult_dual1' )
				.mouseenter( function () {
					var style = jQuery( this )
						.find( '.ult-dual-btn-1' )
						.attr( 'class' );
					const arr = style.split( ' ' );
					var style = arr[ 1 ] + arr[ 2 ];

if ( style == 'Style2' ) {
						const bghover = jQuery( this )
							.find( '.ult-dual-btn-1' )
							.data( 'bghovercolor' );
						jQuery( this ).css( {
							'box-shadow': bshadow + bghover,
						} );
					}
				} );

jQuery( '#' + id )
				.find( '.ult_dual1' )
				.mouseleave( function () {
					var style = jQuery( this )
						.find( '.ult-dual-btn-1' )
						.attr( 'class' );
					const arr = style.split( ' ' );
					var style = arr[ 1 ] + arr[ 2 ];

if ( style == 'Style2' ) {
						const bgcolor = jQuery( this )
							.find( '.ult-dual-btn-1' )
							.data( 'bgcolor' );
						jQuery( this ).css( {
							'box-shadow': 'inset 0px 0 0 0 ' + bgcolor,
						} );
					}
				} );

//change box shaddow of button2

jQuery( '#' + id )
				.find( '.ult_dual2' )
				.mouseenter( function () {
					var style1 = jQuery( this )
						.find( '.ult-dual-btn-2' )
						.attr( 'class' );
					const arr = style1.split( ' ' );
					var style1 = arr[ 1 ] + arr[ 2 ];
					if ( style1 == 'Style2' ) {
						const bghover = jQuery( this )
							.find( '.ult-dual-btn-2' )
							.data( 'bghovercolor' );
						jQuery( this ).css( {
							'box-shadow': bshadow2 + ' ' + bghover,
						} );
					}
				} );

jQuery( '#' + id )
				.find( '.ult_dual2' )
				.mouseleave( function () {
					var style1 = jQuery( this )
						.find( '.ult-dual-btn-2' )
						.attr( 'class' );
					const arr = style1.split( ' ' );
					var style1 = arr[ 1 ] + arr[ 2 ];

if ( style1 == 'Style2' ) {
						const bgcolor = jQuery( this )
							.find( '.ult-dual-btn-2' )
							.data( 'bgcolor' );
						jQuery( this ).css( {
							'box-shadow': 'inset 0px 0 0 0 ' + bgcolor,
						} );
					}
				} );
		} else {
			var style = id;
			style = document.createElement( 'style' );
			style.type = 'text/css';
			style.innerHTML =
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important }' +
				'#' +
				id +
				'.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important }' +
				'#' +
				id +
				'.ult_dual_button .ult_dual1 { border-right: none!important}';
			document.getElementsByTagName( 'head' )[ 0 ].appendChild( style );

document.getElementsByTagName( 'head' )[ 0 ].appendChild( style );

//change box shaddow of button1

jQuery( '#' + id )
				.find( '.ult_dual1' )
				.mouseenter( function () {
					var style = jQuery( this )
						.find( '.ult-dual-btn-1' )
						.attr( 'class' );
					const arr = style.split( ' ' );
					var style = arr[ 1 ] + arr[ 2 ];

const wd = jQuery( this ).outerWidth();

if ( style == 'Style2' ) {
						const bshadow = 'inset -' + wd + 'px 0 0 0 ';
						const bghover = jQuery( this )
							.find( '.ult-dual-btn-1' )
							.data( 'bghovercolor' );
						jQuery( this ).css( {
							'box-shadow': bshadow + bghover,
						} );
					}
				} );
			jQuery( '#' + id )
				.find( '.ult_dual1' )
				.mouseleave( function () {
					var style = jQuery( this )
						.find( '.ult-dual-btn-1' )
						.attr( 'class' );
					const arr = style.split( ' ' );
					var style = arr[ 1 ] + arr[ 2 ];

if ( style == 'Style2' ) {
						const bgcolor = jQuery( this )
							.find( '.ult-dual-btn-1' )
							.data( 'bgcolor' );
						jQuery( this ).css( {
							'box-shadow': 'inset 0px 0 0 0 ' + bgcolor,
						} );
					}
				} );
			//change box shaddow of button2

jQuery( '#' + id )
				.find( '.ult_dual2' )
				.mouseenter( function () {
					var style1 = jQuery( this )
						.find( '.ult-dual-btn-2' )
						.attr( 'class' );
					const arr = style1.split( ' ' );
					var style1 = arr[ 1 ] + arr[ 2 ];
					const wd = jQuery( this ).outerWidth();
					if ( style1 == 'Style2' ) {
						const bshadow2 = 'inset ' + wd + 'px 0 0 0';
						const bghover = jQuery( this )
							.find( '.ult-dual-btn-2' )
							.data( 'bghovercolor' );
						jQuery( this ).css( {
							'box-shadow': bshadow2 + bghover,
						} );
					}
				} );

if ( style1 == 'Style2' ) {
						const bgcolor = jQuery( this )
							.find( '.ult-dual-btn-2' )
							.data( 'bgcolor' );
						jQuery( this ).css( {
							'box-shadow': 'inset 0px 0 0 0 ' + bgcolor,
						} );
					}
				} );
		}
	} );
}

//responsive media query for button
jQuery( document ).ready( function ( p ) {
	recallme();
	jQuery( window ).on( 'load', function () {
		recallme();
	} );
} );