✏️ 正在编辑: view-countdown.js
路径:
/home/lssfapb/www/wp-content/plugins/fusion-builder/front-end/views/elements/view-countdown.js
提示:
您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。
/* global fusionAllElements */ var FusionPageBuilder = FusionPageBuilder || {}; ( function() { jQuery( document ).ready( function() { // Countdown view FusionPageBuilder.fusion_countdown = FusionPageBuilder.ElementView.extend( { /** * Init. * * @since 2.2 * @return {void} */ onInit: function() { this.deprecatedParams(); }, /** * Runs during render() call. * * @since 2.0 * @return {void} */ onRender: function() { var that = this; jQuery( window ).on( 'load', function() { that.afterPatch(); } ); }, /** * Runs before element is removed. * * @since 2.0 * @return {void} */ beforeRemove: function() { this.beforePatch(); }, /** * Runs after view DOM is patched. * * @since 2.0 * @return {void} */ beforePatch: function() { var countdown = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-countdown-counter-wrapper' ) ); countdown.stopCountDown(); countdown.removeData(); }, /** * Runs after view DOM is patched. * * @since 2.0 * @return {void} */ afterPatch: function() { var countdown = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-countdown-counter-wrapper' ) ); setTimeout( function() { countdown.stopCountDown(); countdown.fusion_countdown(); }, 300 ); }, /** * Modify template attributes. * * @since 2.0 * @param {Object} atts - The attributes. * @return {Object} */ filterTemplateAtts: function( atts ) { var wrapperAttributes = {}, counterAttributes = {}, countdownShortcodeLink = {}, headingAttr = {}, subHeadingAttr = {}, dashhtml = '', styles = '', headingText = '', subheadingText = '', linkUrl = '', linkText = '', elementContent = ''; // Validate values. this.validateValues( atts.values ); // Create attribute objects wrapperAttributes = this.buildWrapperAtts( atts.values ); counterAttributes = this.buildCounterAtts( atts.values, atts.extras ); countdownShortcodeLink = this.buildLinkAtts( atts.values, atts.extras ); dashhtml = this.buildDashHtml( atts.values, atts.extras ); styles = this.buildStyles( atts.values ); headingAttr = this.buildHeadingAttr( atts.values ); subHeadingAttr = this.buildSubHeadingAttr( atts.values ); headingText = atts.values.heading_text; subheadingText = atts.values.subheading_text; linkUrl = atts.values.link_url; linkText = atts.values.link_text; elementContent = atts.values.element_content; // Reset atts. atts = {}; // Build attributes. atts.wrapperAttributes = wrapperAttributes; atts.counterAttributes = counterAttributes; atts.countdownShortcodeLink = countdownShortcodeLink; atts.dashhtml = dashhtml; atts.styles = styles; atts.headingAttr = headingAttr; atts.subHeadingAttr = subHeadingAttr; atts.heading_text = headingText; atts.subheading_text = subheadingText; atts.link_url = linkUrl; atts.link_text = linkText; atts.element_content = elementContent; // Any extras that need passed on. atts.cid = this.model.get( 'cid' ); return atts; }, /** * Modify the values. * * @since 2.0 * @param {Object} values - The values. * @return {void} */ validateValues: function( values ) { values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' ); values.counter_border_size = _.fusionValidateAttrValue( values.counter_border_size, 'px' ); values.counter_border_radius = _.fusionValidateAttrValue( values.counter_border_radius, 'px' ); if ( 'default' === values.link_target ) { values.link_target = fusionAllElements.fusion_countdown.link_target; } }, /** * Builds attributes. * * @since 2.0 * @param {Object} values - The values. * @return {Object} */ buildWrapperAtts: function( values ) { var wrapperAttributes = { class: 'countdown-shortcode fusion-countdown fusion-countdown-cid' + this.model.get( 'cid' ) + ' fusion-countdown-' + values.layout + ' fusion-countdown-label-' + values.label_position }, bgColor; if ( values.heading_text || values.subheading_text ) { wrapperAttributes[ 'class' ] += ' fusion-countdown-has-heading'; } if ( values.link_text ) { wrapperAttributes[ 'class' ] += ' fusion-countdown-has-link'; } wrapperAttributes = _.fusionVisibilityAtts( values.hide_on_mobile, wrapperAttributes ); bgColor = jQuery.AWB_Color( values.background_color ); if ( ! values.background_image && ( ! values.background_color || 0 === bgColor.alpha() || 'transparent' === values.background_color ) ) { wrapperAttributes[ 'class' ] += ' fusion-no-bg'; } if ( values[ 'class' ] ) { wrapperAttributes[ 'class' ] += ' ' + values[ 'class' ]; } if ( values.id ) { wrapperAttributes.id = values.id; } return wrapperAttributes; }, /** * Builds attributes. * * @since 2.0 * @param {Object} values - The values. * @param {Object} extras - Extra params. * @return {Object} */ buildCounterAtts: function( values, extras ) { var counterAttributes = { class: 'fusion-countdown-counter-wrapper countdown-shortcode-counter-wrapper', id: 'fusion-countdown-cid' + this.model.get( 'cid' ) }, s, date, month; if ( ! values.subheading_text && ! values.heading_text && ! values.link_url ) { counterAttributes.style = 'flex-grow: 1;'; } if ( 'site_time' === values.timezone ) { counterAttributes[ 'data-gmt-offset' ] = extras.gmt_offset; } function pad( num, size ) { s = '000000000' + num; return s.substr( s.length - size ); } if ( 'object' === typeof values.countdown_end && 'string' === typeof values.countdown_end.date ) { values.countdown_end = values.countdown_end.date; } if ( values.countdown_end ) { date = new Date( values.countdown_end ); month = pad( date.getMonth() + 1, 2 ); counterAttributes[ 'data-timer' ] = date.getFullYear() + '-' + month + '-' + date.getDate() + '-' + date.getHours() + '-' + date.getMinutes() + '-' + date.getSeconds(); } counterAttributes[ 'data-omit-weeks' ] = ( 'yes' === values.show_weeks ) ? '0' : '1'; return counterAttributes; }, /** * Builds attributes. * * @since 2.0 * @param {Object} values - The values. * @return {Object} */ buildLinkAtts: function( values ) { var countdownShortcodeLink = { class: 'fusion-countdown-link', target: values.link_target, href: values.link_url }; if ( '_blank' === values.link_target ) { countdownShortcodeLink.rel = 'noopener noreferrer'; } return countdownShortcodeLink; }, /** * Builds the HTML. * * @since 2.0 * @param {Object} values - The values. * @param {Object} extras - Extra args. * @return {string} */ buildDashHtml: function( values, extras ) { var dashClass = '', dashhtml = '', counterBoxColor, dashes = [ { show: values.show_weeks, class: 'weeks', shortname: extras.weeks_text, longname: extras.weeks_text }, { show: 'yes', class: 'days', shortname: extras.days_text, longname: extras.days_text }, { show: 'yes', class: 'hours', shortname: extras.hrs_text, longname: extras.hours_text }, { show: 'yes', class: 'minutes', shortname: extras.min_text, longname: extras.minutes_text }, { show: 'yes', class: 'seconds', shortname: extras.sec_text, longname: extras.seconds_text } ]; if ( 'text_flow' !== values.label_position ) { values.dash_titles = 'long'; } counterBoxColor = jQuery.AWB_Color( values.counter_box_color ); if ( ! values.counter_box_color || 0 === counterBoxColor.alpha() || 'transparent' === values.counter_box_color ) { dashClass = ' fusion-no-bg'; } jQuery.each( dashes, function( index, dash ) { if ( 'yes' === dash.show ) { dashhtml += '<div class="fusion-dash-wrapper ' + dashClass + '">'; dashhtml += '<div class="fusion-dash fusion-dash-' + dash[ 'class' ] + '">'; dashhtml += '<div class="fusion-digit-wrapper">'; if ( 'days' === dash[ 'class' ] ) { dashhtml += '<div class="fusion-thousand-digit fusion-digit">0</div>'; } if ( 'weeks' === dash[ 'class' ] || 'days' === dash[ 'class' ] ) { dashhtml += '<div class="fusion-hundred-digit fusion-digit">0</div>'; } dashhtml += '<div class="fusion-digit">0</div><div class="fusion-digit">0</div>'; dashhtml += '</div>'; dashhtml += '<div class="fusion-dash-title">' + dash[ values.dash_titles + 'name' ] + '</div>'; dashhtml += '</div></div>'; } } ); return dashhtml; }, /** * Builds styles. * * @since 2.0 * @param {Object} values - The values. * @return {string} */ buildStyles: function( values ) { var styles = '', cid = this.model.get( 'cid' ), counterBoxSpacing; if ( values.background_image ) { styles += '.fusion-countdown-cid' + cid + ' {'; styles += 'background:url(' + values.background_image + ') ' + values.background_position + ' ' + values.background_repeat + ' ' + values.background_color + ';'; if ( 'no-repeat' === values.background_repeat ) { styles += '-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;'; } styles += '}'; } else if ( values.background_color ) { styles += '.fusion-countdown-cid' + cid + ' {background-color:' + values.background_color + ';}'; } if ( values.border_radius ) { styles += '.fusion-countdown-cid' + cid + ', .fusion-countdown-cid' + cid + ' .fusion-dash {border-radius:' + values.border_radius + ';}'; } if ( values.counter_box_spacing ) { counterBoxSpacing = parseFloat( values.counter_box_spacing ); styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-wrapper {padding:' + ( counterBoxSpacing / 2 ) + values.counter_box_spacing.replace( counterBoxSpacing, '' ) + ';}'; styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {margin: 0 calc(7.5px - ' + ( counterBoxSpacing / 2 ) + values.counter_box_spacing.replace( counterBoxSpacing, '' ) + ');}'; } if ( values.counter_box_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {background-color:' + values.counter_box_color + ';}'; } styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {padding:' + values.counter_padding_top + ' ' + values.counter_padding_right + ' ' + values.counter_padding_bottom + ' ' + values.counter_padding_left + ';}'; if ( 0 !== parseInt( values.counter_border_size ) ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {border:' + values.counter_border_size + ' solid ' + values.counter_border_color + ';}'; } if ( values.counter_border_radius ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {border-radius:' + values.counter_border_radius + ';}'; } if ( values.counter_font_size ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {font-size:' + values.counter_font_size + ';}'; } if ( values.counter_text_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {color:' + values.counter_text_color + ';}'; } if ( values.label_font_size ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-title {font-size:' + values.label_font_size + ';}'; } if ( values.label_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-title {color:' + values.label_color + ';}'; } if ( values.heading_font_size ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-heading {font-size:' + values.heading_font_size + ';}'; } if ( values.heading_text_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-heading {color:' + values.heading_text_color + ';}'; } if ( values.subheading_font_size ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-subheading {font-size:' + values.subheading_font_size + ';}'; } if ( values.subheading_text_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-subheading {color:' + values.subheading_text_color + ';}'; } if ( values.link_text_color ) { styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-link {color:' + values.link_text_color + ';}'; } if ( values.element_margin_top ) { styles += '.fusion-countdown-cid' + cid + ' {margin-top:' + values.element_margin_top + ';}'; } if ( values.element_margin_bottom ) { styles += '.fusion-countdown-cid' + cid + ' {margin-bottom:' + values.element_margin_bottom + ';}'; } if ( values.element_margin_left ) { styles += '.fusion-countdown-cid' + cid + ' {margin-left:' + values.element_margin_left + ';}'; } if ( values.element_margin_right ) { styles += '.fusion-countdown-cid' + cid + ' {margin-right:' + values.element_margin_right + ';}'; } return styles; }, /** * Builds attributes. * * @since 2.0 * @return {Object} */ buildHeadingAttr: function() { var self = this; return _.fusionInlineEditor( { cid: self.model.get( 'cid' ), param: 'heading_text', 'disable-return': true, 'disable-extra-spaces': true, toolbar: false }, { class: 'fusion-countdown-heading' } ); }, /** * Builds attributes. * * @since 2.0 * @return {Object} */ buildSubHeadingAttr: function() { var self = this; return _.fusionInlineEditor( { cid: self.model.get( 'cid' ), param: 'subheading_text', 'disable-return': true, 'disable-extra-spaces': true, toolbar: false }, { class: 'fusion-countdown-subheading' } ); }, /** * Updates now deprecated params and adds BC checks. * * @since 2.2 * @return {void} */ deprecatedParams: function() { var params = this.model.get( 'params' ); // Correct old combined border radius setting. if ( 'undefined' === typeof params.counter_border_radius && 'string' === typeof params.border_radius ) { params.counter_border_radius = params.border_radius; } // Correct the label text color. if ( 'undefined' === typeof params.label_color && 'string' === typeof params.counter_text_color ) { params.label_color = params.counter_text_color; } this.model.set( 'params', params ); } } ); } ); }( jQuery ) );
💾 保存文件
← 返回文件管理器