芝麻web文件管理V1.00

编辑当前文件:/var/www/cognitio.in/wp-content/plugins/Ultimate_VC_Addons/assets/js/info-circle.js
let resizedd = 0; const time_f_arr = []; jQuery( document ).ready( function () { make_info_circle( '.info-c-full-br', 0 ); responsive_check( '.info-c-full-br' ); //calculate_clipped_circle(); //make_info_circle('.info-c-semi-br',0); //responsive_check('.info-c-semi-br'); //part_circle_icon('.info-c-full-br'); //semi_circle_icon('.info-c-semi-br'); jQuery( '.clipped-info-circle' ).each( function ( i, circle ) { const xh = jQuery( this ).outerHeight(); const xw = jQuery( this ).outerWidth(); jQuery( this ).attr( 'data-first-width', xw ); jQuery( this ).attr( 'data-first-height', xh ); } ); jQuery( window ).resize( function () { resizedd++; make_info_circle( '.info-c-full-br', resizedd ); calculate_clipped_circle(); //make_info_circle('.info-c-semi-br',resizedd); } ); jQuery( window ).on( 'load', function () { resizedd++; make_info_circle( '.info-c-full-br', resizedd ); calculate_clipped_circle(); //make_info_circle('.info-c-semi-br',resizedd); } ); jQuery( document ).on( 'ultAdvancedTabClicked', function () { resizedd++; make_info_circle( '.info-c-full-br', resizedd ); calculate_clipped_circle(); } ); jQuery( '.info-c-full-br' ).each( function () { if ( jQuery( this ).data( 'focus-on' ) == 'click' ) { jQuery( this ) .find( '.icon-circle-list .info-circle-icons' ) .click( function () { const obj = jQuery( this ); jQuery( this ) .parents( '.info-c-full-br' ) .attr( 'data-slide-true', 'false' ); show_next_info_circle( obj ); } ); } if ( jQuery( this ).data( 'focus-on' ) == 'hover' ) { jQuery( this ) .find( '.icon-circle-list .info-circle-icons' ) .hover( function () { const obj = jQuery( this ); jQuery( this ) .parents( '.info-c-full-br' ) .attr( 'data-slide-true', 'false' ); show_next_info_circle( obj ); }, function () {} ); } } ); /*jQuery('.info-c-semi-br .icon-circle-list .info-circle-icons').bind('click',function(){ var txt = jQuery(this).find('.text').html(); var highlight_style= jQuery(this).parents('.info-c-full-br').data('highlight-style'); if(highlight_style==''){ //console.warn("Info Circle Higlight style not defined") }else{ jQuery('.'+highlight_style).removeClass(highlight_style).removeClass('info-cirlce-active'); jQuery(this).addClass(highlight_style).addClass('info-cirlce-active'); } jQuery(this).parents('.info-c-semi-br').find('.info-c-semi').html(txt); }) */ //jQuery('.info-c-full-br').attr('data-slide-true','true'); setTimeout( function () { jQuery( '.info-c-full-br' ).each( function () { let slide_delay = jQuery( this ).data( 'slide-duration' ); if ( ! slide_delay ) { slide_delay = 0.2; } jQuery( this ).attr( 'data-slide-number', '1' ); info_circle_slide( slide_delay * 1000, jQuery( this ) ); //if(jQuery(this).attr('data-slide-true')=='off'){ const obj = jQuery( this ).find( '.info-circle-icons' ).eq( 0 ); show_next_info_circle( obj ); //} } ); }, 1000 ); } ); function calculate_clipped_circle() { jQuery( '.clipped-info-circle' ).each( function () { var circle_type = jQuery( this ).data( 'circle-type' ); const percentage = jQuery( this ).data( 'half-percentage' ); const responsive = jQuery( this ) .children() .data( 'responsive-circle' ); if ( responsive == 'on' ) { var breakpoint = jQuery( this ) .children() .data( 'responsive-breakpoint' ); var win = jQuery( window ).width(); var circle_type = jQuery( this ).data( 'circle-type' ); if ( win > breakpoint ) { const xh = jQuery( this ).data( 'first-height' ); if ( typeof xh !== 'undefined' && xh != '' ) jQuery( this ).height( xh ); //if(circle_type == 'right-circle' || circle_type == 'left-circle') //console.log('hi'); //var xw = jQuery(this).data('first-width'); //if(typeof xw != 'undefined' && xw != '') jQuery( this ).width( '100%' ); make_info_circle( '.info-c-full-br', resizedd ); } } const icon_height = jQuery( this ) .find( '.info-circle-icons' ) .outerHeight(); const icon_width = jQuery( this ) .find( '.info-circle-icons' ) .outerHeight(); if ( circle_type != 'full-circle' ) { const wrapper_height = jQuery( this ).outerHeight(); const wrapper_width = jQuery( this ).outerWidth(); const margin_top = jQuery( this ).css( 'margin-top' ); const margin_bottom = jQuery( this ).css( 'margin-bottom' ); const wrapper_inner_width = jQuery( this ).children().outerWidth(); const info_margin = parseInt( jQuery( this ) .find( '.info-c-full' ) .css( 'margin-top' ) .replace( /[^-\d\.]/g, '' ) ); const info_padding = parseInt( jQuery( this ) .find( '.info-c-full' ) .css( 'padding-top' ) .replace( /[^-\d\.]/g, '' ) ); if ( circle_type == 'top-circle' || circle_type == 'bottom-circle' ) { jQuery( this ).css( { overflow: 'hidden' } ); var info_width = jQuery( this ) .find( '.info-c-full' ) .outerWidth(); var info_width_inner = jQuery( this ) .find( '.info-c-full' ) .width(); if ( circle_type == 'top-circle' ) { var hidden_height = ( percentage / 100 ) * wrapper_height; jQuery( this ).css( { 'padding-top': margin_top, height: hidden_height, 'margin-bottom': 0, } ); var info_wrap_height = hidden_height - info_margin - parseInt( margin_top.replace( /[^-\d\.]/g, '' ) ) - info_padding - info_padding / 2; //var info_wrap_height = hidden_height/2; jQuery( this ) .find( '.info-c-full-wrap' ) .css( { height: info_wrap_height } ); } else if ( circle_type == 'bottom-circle' ) { const temp_hidden_height = ( ( 100 - percentage ) / 100 ) * wrapper_height; var hidden_height = wrapper_height - temp_hidden_height + 10; jQuery( this ).css( { 'padding-bottom': margin_bottom, height: hidden_height, 'margin-top': 0, } ); jQuery( this ) .children() .css( { 'margin-top': -( temp_hidden_height + icon_height / 2 ), } ); var info_wrap_height = hidden_height - info_margin - parseInt( margin_top.replace( /[^-\d\.]/g, '' ) ) - info_padding - info_padding / 2; // jQuery(this).find('.info-c-full-wrap').height(info_wrap_height); // var calculate_info_margin = info_width_inner-info_wrap_height; // jQuery(this).find('.info-c-full-wrap').css({'margin-top':calculate_info_margin+'px'}); } } else if ( circle_type == 'left-circle' || circle_type == 'right-circle' ) { jQuery( this ).css( { overflow: 'hidden', 'padding-top': margin_top, 'padding-bottom': margin_bottom, } ); var info_width = jQuery( this ) .find( '.info-c-full' ) .outerWidth(); var info_width_inner = jQuery( this ) .find( '.info-c-full' ) .width(); if ( circle_type == 'left-circle' ) { var hidden_width = ( percentage / 100 ) * wrapper_inner_width; jQuery( this ).css( { width: hidden_width, 'padding-left': margin_top, } ); jQuery( this ).children().css( { width: wrapper_inner_width, 'max-width': wrapper_inner_width, } ); var cal_width = hidden_width - info_margin - ( info_padding + info_padding / 2 ) - parseInt( margin_top.replace( /[^-\d\.]/g, '' ) ); jQuery( this ) .find( '.info-c-full-wrap' ) .width( cal_width ); } else if ( circle_type == 'right-circle' ) { const temp_hidden_width = ( ( 100 - percentage ) / 100 ) * wrapper_inner_width; var hidden_width = parseInt( wrapper_inner_width - temp_hidden_width ); jQuery( this ).css( { width: hidden_width, 'padding-right': margin_top, } ); jQuery( this ) .children() .css( { 'margin-left': -( temp_hidden_width + icon_width / 2 ), 'max-width': wrapper_inner_width, width: wrapper_inner_width, } ); let gap = temp_hidden_width - info_margin; gap = gap + parseInt( margin_top.replace( /[^-\d\.]/g, '' ) ) - info_padding; var cal_width = hidden_width - info_margin - parseInt( margin_top.replace( /[^-\d\.]/g, '' ) ) - info_padding; const cal_left = gap; jQuery( this ) .find( '.info-c-full-wrap' ) .width( cal_width ); jQuery( this ) .find( '.info-c-full-wrap' ) .css( { 'margin-left': cal_left + 'px' } ); } } } if ( responsive == 'on' ) { var breakpoint = jQuery( this ) .children() .data( 'responsive-breakpoint' ); var win = jQuery( window ).width(); if ( win <= breakpoint ) { jQuery( this ).css( { width: 'auto', overflow: 'visible', height: 'auto', padding: 0, } ); } } } ); } function info_circle_slide( delay, identity ) { identity.bsf_appear( function () { setInterval( function () { if ( identity.attr( 'data-slide-true' ) == 'on' ) { let myindex = identity.attr( 'data-slide-number' ) * 1; //console.log('slideTo'+myindex); const len = identity.find( '.info-circle-icons' ).length; if ( identity.data( 'info-circle-angle' ) != 'full' ) { if ( len - 1 == myindex ) myindex = 0; } else if ( len == myindex ) myindex = 0; const obj = identity.find( '.info-circle-icons' ).eq( myindex ); identity.attr( 'data-slide-number', myindex + 1 ); show_next_info_circle( obj ); } }, delay ); /* clearTimeout(time_f_arr[identity.data('timeout-fn')]); var time_fn = 'tf'+(Math.random().toString(36).slice(2)); identity.data('timeout-fn',time_fn); time_f_arr[time_fn] = setTimeout(function() { if(identity.attr('data-slide-true')=='true'){ info_circle_slide(++myindex,delay,identity); } }, delay);*/ } ); } function show_next_info_circle( obj ) { const highlight_style = obj .parents( '.info-c-full-br' ) .data( 'highlight-style' ); if ( highlight_style != '' ) { obj.parents( '.info-c-full-br' ) .find( '.' + highlight_style ) .removeClass( highlight_style ) .removeClass( 'info-circle-active' ); obj.addClass( highlight_style ).addClass( 'info-circle-active' ); } let txt = obj.next(); const cont_f_size = obj .parents( '.info-c-full-br' ) .data( 'icon-show-size' ); if ( obj.parents( '.info-c-full-br' ).data( 'icon-show' ) == 'not-show' ) { txt.find( 'i.info-circle-icon' ).remove(); txt.find( 'img.info-circle-img-icon' ).remove(); obj.parents( '.info-c-full-br' ) .find( '.info-c-full' ) .addClass( 'circle-noicon' ); } txt = txt.html(); //obj.parents('.icon-circle-list').find('.info-details').animate({opacity:0}); //obj.next().animate({opacity:1}); //obj.parents('.info-c-full-br').find('.info-details').animate({opacity:0},'slow'); const size = obj.css( 'font-size' ); const bg_col = obj.attr( 'style' ); //var p = bg_col.indexOf('background-color'); //bg_col = bg_col.substr(p); //bg_col = bg_col.split(';'); //bg_col= bg_col[0]; //bg_col = bg_col.substr(17); const obj_par = obj.parents( '.info-c-full-br' ); obj_par .find( '.info-c-full-wrap' ) .stop() .animate( { opacity: 0 }, 'slow', function () { //obj.parents('.info-c-full-br').find('.info-c-full').animate({opacity:1},'fast',function(){ //obj.parents('.info-c-full-br').find('.info-c-full').css('color',obj.css('color')); obj.parents( '.info-c-full-br' ) .find( '.info-c-full .info-c-full-wrap' ) .html( txt ); //obj.parents('.info-c-full-br').find('.info-c-full i').css({'font-size':(parseInt(size)*2.5)+'px'}); //obj.parents('.info-c-full-br').find('.info-c-full img').css({'width':(parseInt(size)*2.5)+'px','margin-top':'20px'}); obj_par .find( '.info-c-full i' ) .css( { 'font-size': parseInt( cont_f_size ) + 'px' } ); obj_par .find( '.info-c-full .info-circle-img-icon' ) .css( { width: parseInt( cont_f_size ) + 'px' } ); //obj.parents('.info-c-full-br').find('.info-c-full').css('background-color',bg_col); obj.parents( '.info-c-full-br' ) .find( '.info-c-full-wrap' ) .animate( { opacity: 1 }, 'slow' ); } ); } function responsive_check( obj ) { jQuery( obj ).each( function () { if ( jQuery( this ).data( 'responsive-circle' ) == 'on' ) { const parent = jQuery( this ).parent(); const uniq = parent.data( 'uniqid' ); const breakpoint = jQuery( this ).data( 'responsive-breakpoint' ); const wrapper_id = 'info-circle-wrapper-' + uniq; const css = '<style>@media(max-width:' + breakpoint + 'px){ #' + wrapper_id + ' .smile_icon_list_wrap{ display: block; margin-top: auto !important; } #' + wrapper_id + ' .info-c-full-br{ display: none; } .smile_icon_list_wrap { margin-left:auto !important; max-width:inherit !important; width:auto !important; } .info-circle-responsive .info-circle-def { display: block; width: auto; height: auto; } .info-circle-responsive .info-circle-sub-def { display: block; vertical-align: top; } }</style>'; jQuery( 'head' ).append( css ); const circle_list = jQuery( this ) .parent() .find( '.smile_icon_list_wrap .smile_icon_list' ); const circle_list_item = circle_list .find( '.icon_list_item' ) .clone(); circle_list.find( '.icon_list_item' ).remove(); const list_bg_col = jQuery( this ).next().data( 'content_bg' ); const list_col = jQuery( this ).next().data( 'content_color' ); jQuery( this ) .find( '.icon-circle-list .info-details' ) .each( function () { const icon_class = jQuery( this ).attr( 'data-icon-class' ); const heading = jQuery( this ) .find( '.info-circle-heading' ) .html(); const text = jQuery( this ) .find( '.info-circle-text' ) .html(); const bg = jQuery( this ).prev().css( 'background-color' ); const color = jQuery( this ).prev().css( 'color' ); const border_style = jQuery( this ).prev().css( 'border' ); const icon = jQuery( this ) .find( '.info-circle-sub-def' ) .children() .eq( 0 ) .clone(); circle_list_item .find( '.icon_list_icon' ) .html( icon.wrap( '<div />' ).parent().html() ); circle_list_item .find( '.icon_description' ) .css( 'color', list_col ); circle_list_item .find( '.icon_description' ) .css( 'background-color', list_bg_col ); circle_list_item .find( '.icon_description h3' ) .html( heading ); circle_list_item.find( '.icon_description p' ).html( text ); circle_list_item.find( '.icon_list_icon' ).css( { 'background-color': bg, color, border: border_style, } ); circle_list_item.addClass( icon_class ); circle_list.append( circle_list_item.wrap( '<div />' ).parent().html() ); } ); } } ); } function make_info_circle( selector, resized ) { jQuery( selector ).each( function ( k, circle_item ) { const f_size = jQuery( circle_item ).data( 'icon-size' ); jQuery( jQuery( circle_item ).find( '.icon-circle-list .info-circle-icons' ) ).each( function ( i, icon ) { let padding_value, icon_height, icon_width, icon_margin, icon_line_height; padding_value = jQuery( this ).data( 'padding-style' ); const is_icon_wo_back = jQuery( icon ).hasClass( 'info-circle-icon-without-background' ) ? true : false; if ( ! is_icon_wo_back ) { if ( padding_value != null ) { icon_height = icon_width = icon_line_height = f_size; icon_margin = f_size / 2 + padding_value; } else { icon_height = icon_width = icon_line_height = f_size * 2; icon_margin = f_size; } } else { icon_height = icon_width = icon_line_height = f_size; icon_margin = f_size / 2; } jQuery( circle_item ) .parent() .css( { 'margin-top': icon_margin + 10 + 'px', 'margin-bottom': icon_margin + 10 + 'px', } ); jQuery( this ).css( { 'font-size': f_size + 'px', height: icon_height + 'px', width: icon_width + 'px', margin: '-' + ( icon_margin + 'px' ), 'line-height': icon_line_height + 'px', } ); } ); } ); if ( selector == '.info-c-full-br' ) { jQuery( selector ).each( function () { jQuery( this ).css( 'height', jQuery( this ).width() ); jQuery( this ).css( 'opacity', '1' ); } ); } if ( selector == '.info-c-semi-br' ) { jQuery( selector ).each( function () { var widd = jQuery( this ).width(); jQuery( this ).css( 'height', parseInt( widd ) / 2 + 'px' ); var widd = widd + 'px ' + widd + 'px ' + ' 0 0'; jQuery( this ).css( 'border-radius', widd ); let i_widd = jQuery( this ).find( '.info-c-full' ).width(); i_widd = i_widd + 'px ' + i_widd + 'px ' + '0 0'; jQuery( this ) .find( '.info-c-full' ) .css( 'border-radius', i_widd ); } ); } setTimeout( function () { if ( resized == resizedd ) { if ( selector == '.info-c-full-br' ) { part_circle_icon( selector ); } if ( selector == '.info-c-semi-br' ) { semi_circle_icon( selector ); } } }, 1000 ); } function part_circle_icon( selector ) { jQuery( selector ).each( function () { jQuery( this ).bsf_appear( function () { if ( jQuery( this ).css( 'display' ) != 'none' ) { const count = jQuery( this ).find( '.icon-circle-list .info-circle-icons' ).length; const p_arr = new Array(); let r = jQuery( this ).outerWidth() / 2; let custom_degree = 0; const temp_degree = jQuery( this ).data( 'start-degree' ); if ( typeof temp_degree !== 'undefined' || temp_degree != '' ) custom_degree = temp_degree; let alt = 180 / count; let pos = jQuery( this ).data( 'info-circle-angle' ); const dev = jQuery( this ).data( 'divert' ); let temp_pos = ''; if ( pos == 'full' ) { temp_pos = pos; pos = 180; alt = 90; r = -r; } //pos = 180; // del on all option let gap_required = 0; let less = false; for ( i = 1; i <= count; i++ ) { let angle = i * ( ( 180 + 2 * alt ) / count ); if ( temp_pos == 'full' ) { if ( angle < custom_degree && i == 1 ) { gap_required = custom_degree - angle; less = false; } else if ( angle > custom_degree && i == 1 ) { gap_required = angle - custom_degree; less = true; } if ( less == true ) { angle -= gap_required; } else { angle += gap_required; } } else { angle = angle + pos - alt + dev; } angle = angle * 0.0174532925; p_arr.push( r * Math.cos( angle ) ); p_arr.push( r * Math.sin( angle ) ); } var i = 0, delay = 0; const launch = jQuery( this ).data( 'launch' ); let launch_duration = jQuery( this ).data( 'launch-duration' ); let launch_delay = jQuery( this ).data( 'launch-delay' ); /*if(!launch){ launch='easeOutExpo'; }*/ if ( ! launch_duration ) { launch_duration = 1; } if ( ! launch_delay ) { launch_delay = 0.15; } if ( launch != '' ) { delay = -( launch_delay * 1000 ); jQuery( this ) .find( '.icon-circle-list .info-circle-icons' ) .each( function () { const el = jQuery( this ); delay += launch_delay * 1000; setTimeout( function () { el.animate( { opacity: 1, left: p_arr[ i++ ], top: p_arr[ i++ ], }, { duration: launch_duration * 1000, easing: launch, } ); }, delay ); } ); } else { jQuery( this ) .find( '.icon-circle-list .info-circle-icons' ) .each( function () { const el = jQuery( this ); //el.animate({opacity:1,left:p_arr[i++],top:p_arr[i++]},(launch_duration)*1000,launch); el.css( { opacity: '1', left: p_arr[ i++ ], top: p_arr[ i++ ], } ); } ); } } } ); } ); } /*function semi_circle_icon(selector) { jQuery(selector).each(function(){ if(jQuery(this).css('display')!='none'){ var count = jQuery(this).find('.icon-circle-list .info-circle-icons').length; var p_arr=new Array(); var r=(jQuery(this).width())/2; var alt= 180/count; var pos = 180; var dev = jQuery(this).data('divert'); for(i=1;i<=count;i++) { var angle = i * ((180+(2*alt))/count); angle = angle+pos-alt+dev; //Do not delete these Comments //var angle = i * (90)/count; //angle = angle+270; //var angle = i* 360/count; //angle = angle+90; angle = (angle*0.0174532925); p_arr.push( r * Math.cos(angle)); p_arr.push( r * Math.sin(angle)); } var i=0, delay=0; var launch = jQuery(this).data('launch'); var launch_duration = jQuery(this).data('launch-duration'); var launch_delay = jQuery(this).data('launch-delay'); if(!launch){ launch='easeOutExpo'; } if(!launch_duration){ launch_duration = 1; } if(!launch_delay){ launch_delay= .15; } delay = -(launch_delay*1000); jQuery(this).find('.icon-circle-list .info-circle-icons').each(function(){ var el = jQuery(this); delay+=(launch_delay*1000); setTimeout(function() { el.animate({opacity:1,left:p_arr[i++],top:p_arr[i++]},(launch_duration)*1000,launch); }, delay); }) } }) }*/ jQuery( window ).on( 'load', function () { jQuery( '.info-c-full-br' ).each( function () { if ( jQuery( this ).attr( 'data-slide-true' ) == 'on' ) { jQuery( this ).hover( function () { jQuery( this ).attr( 'data-slide-true', 'off' ); }, function () { jQuery( this ).attr( 'data-slide-true', 'on' ); //info_circle_slide((jQuery(this).data('slide-duration'))*(1000),jQuery(this)); } ); } } ); } ); jQuery( document ).ready( function ( e ) { jQuery( '.icon_list_item' ).each( function ( index, element ) { const $this = jQuery( this ); const count = $this.find( '.info-circle-img-icon' ).length; if ( count >= 1 ) { $this.closest( 'ul.smile_icon_list' ).addClass( 'ic-resp-img' ); } } ); } );