/** * actually this method was moved inside the ad network class. * however the responsive addon depends on it, so i made it global again. * this makes it downward compatible (with an older version of responsive), * but you should probably adjust the responsive plugin to make use of * the static method (AdvancedAdsNetworkAdsense.gadsenseFormatAdContent) * * in case you come across a missing method originating from the deleted new-ad.js, * please just make the methods static and create a wrapper function like the one below */ window.gadsenseFormatAdContent = function () { AdvancedAdsNetworkAdsense.gadsenseFormatAdContent(); }; class AdvancedAdsNetworkAdsense extends AdvancedAdsAdNetwork { constructor( codes ) { super( 'adsense' ); this.name = 'adsense'; this.codes = codes; this.parseCodeBtnClicked = false; this.preventCloseAdSelector = false; // this.adUnitName = null; // the legacy code of gadsense executes a script inside a php template and will may not have been executed // at this stage. the AdvancedAdsAdNetwork class already knows the publisher id, so we will overwrite // the field in gadsenseData to be up to date at all times. // TODO: the use of gadsenseData.pubId could be removed from this class in favor of this.vars.pubId gadsenseData.pubId = this.vars.pubId; } /** * Legacy method * * Format the post content field */ static gadsenseFormatAdContent() { const slotId = jQuery( '#ad-parameters-box #unit-code' ).val(); const unitType = jQuery( '#ad-parameters-box #unit-type' ).val(); const publisherId = jQuery( '#advads-adsense-pub-id' ).val() ? jQuery( '#advads-adsense-pub-id' ).val() : gadsenseData.pubId; let adContent = { slotId: slotId, unitType: unitType, pubId: publisherId }; if ( unitType === 'responsive' ) { let resize = jQuery( '#ad-parameters-box #ad-resize-type' ).val(); if ( resize === '0' ) { resize = 'auto'; } adContent.resize = resize; } if ( unitType === 'in-feed' ) { adContent.layout_key = jQuery( '#ad-parameters-box #ad-layout-key' ).val(); } if ( typeof adContent.resize !== 'undefined' && adContent.resize !== 'auto' ) { jQuery( document ).trigger( 'gadsenseFormatAdResponsive', [adContent] ); } jQuery( document ).trigger( 'gadsenseFormatAdContent', [adContent] ); if ( typeof window.gadsenseAdContent !== 'undefined' ) { adContent = window.gadsenseAdContent; delete( window.gadsenseAdContent ); } jQuery( '#advads-ad-content-adsense' ).val( JSON.stringify( adContent, false, 2 ) ); } openSelector() { } closeAdSelector() { if ( this.preventCloseAdSelector ) { return; } AdvancedAdsAdmin.AdImporter.closeAdSelector(); } getSelectedId() { const pubId = gadsenseData.pubId || false; const slotId = jQuery( '#unit-code' ).val().trim(); return pubId && slotId ? 'ca-' + pubId + ':' + slotId : null; } selectAdFromList( slotId ) { this.preventCloseAdSelector = true; this.onSelectAd( slotId ); AdvancedAdsAdmin.AdImporter.openExternalAdsList(); const report = Advanced_Ads_Adsense_Report_Helper.getReportObject(); if ( report ) { report.filter = slotId.split( ':' )[1]; report.updateHtmlAttr(); report.refresh(); } } updateAdFromList( slotId ) { this.getRemoteCode( slotId ); } getRefreshAdsParameters() { return { nonce: AdsenseMAPI.nonce, action: 'advanced_ads_get_ad_units_adsense', account: gadsenseData.pubId, inactive: ! this.hideIdle }; } onManualSetup() { jQuery( '.advads-adsense-code' ).css( 'display', 'none' ); jQuery( '#remote-ad-unsupported-ad-type' ).css( 'display', 'none' ); this.undoReadOnly(); } /** * Parse the code of an adsense ad and adjust the GUI * call it, when an ad unit was selected. * returns the parsed obj or false, when the ad code could not be parsed */ processAdCode( code ) { const parsed = this.parseAdContentFailsafe( code ); if ( parsed ) { this.undoReadOnly(); this.setDetailsFromAdCode( parsed ); this.makeReadOnly(); jQuery( '#remote-ad-code-error' ).hide(); jQuery( '#remote-ad-unsupported-ad-type' ).hide(); this.closeAdSelector(); } else { jQuery( '#remote-ad-code-error' ).show(); } return parsed; } /** * Clone of legacy method * * @param slotID */ onSelectAd( slotID ) { if ( typeof this.codes[slotID] !== 'undefined' ) { this.getSavedDetails( slotID ); } else { this.getRemoteCode( slotID ); } } /** * Legacy method * * @param slotID */ getSavedDetails( slotID ) { if ( typeof this.codes[slotID] !== 'undefined' ) { const parsed = this.processAdCode( this.codes[slotID] ); if ( parsed !== false ) { jQuery( '#remote-ad-unsupported-ad-type' ).css( 'display', 'none' ); this.closeAdSelector(); this.preventCloseAdSelector = false; } } } /** * Legacy method * * @param slotID */ getRemoteCode( slotID ) { if ( slotID === '' ) { return; } jQuery( '#mapi-loading-overlay' ).css( 'display', 'block' ); const self = this; jQuery.ajax( { type: 'post', url: ajaxurl, data: { nonce: AdsenseMAPI.nonce, action: 'advads_mapi_get_adCode', unit: slotID }, success: function ( response ) { jQuery( '#mapi-loading-overlay' ).css( 'display', 'none' ); if ( typeof response.code !== 'undefined' ) { jQuery( '#remote-ad-code-msg' ).empty(); if ( self.processAdCode( response.code ) !== false ) { self.codes[slotID] = response.code; AdvancedAdsAdmin.AdImporter.unitIsSupported( slotID ); } AdvancedAdsAdmin.AdImporter.highlightSelectedRowInExternalAdsList(); jQuery( '[data-slotid="' + slotID + '"]' ).children( '.unittype' ).text( response.type ); self.closeAdSelector(); } else { if ( typeof response.raw !== 'undefined' ) { jQuery( '#remote-ad-code-msg' ).html( response.raw ); } else if ( typeof response.msg !== 'undefined' ) { if ( typeof response.reload !== 'undefined' ) { AdvancedAdsAdmin.AdImporter.emptyMapiSelector( response.msg ); } else { if ( response.msg === 'doesNotSupportAdUnitType' ) { AdvancedAdsAdmin.AdImporter.unitIsNotSupported( slotID ); } else { jQuery( '#remote-ad-code-msg' ).html( response.msg ); } } if ( typeof response.raw !== 'undefined' ) { console.log( response.raw ); } } } }, error: function () { jQuery( '#mapi-loading-overlay' ).css( 'display', 'none' ); } } ); } /** * Legacy method * * Parse ad content. * * @return {!Object} */ parseAdContent( content ) { const rawContent = typeof content !== 'undefined' ? content.trim() : ''; const theContent = jQuery( '
' ).html( rawContent ); const adByGoogle = theContent.find( 'ins' ); let theAd = {}; theAd.slotId = adByGoogle.attr( 'data-ad-slot' ) || ''; if ( typeof adByGoogle.attr( 'data-ad-client' ) !== 'undefined' ) { theAd.pubId = adByGoogle.attr( 'data-ad-client' ).substr( 3 ); } if ( theAd.slotId !== undefined && theAd.pubId !== '' ) { theAd.display = adByGoogle.css( 'display' ); theAd.format = adByGoogle.attr( 'data-ad-format' ); theAd.layout = adByGoogle.attr( 'data-ad-layout' ); // for In-feed and In-article theAd.layout_key = adByGoogle.attr( 'data-ad-layout-key' ); // for InFeed theAd.style = adByGoogle.attr( 'style' ) || ''; // Normal ad. if ( typeof theAd.format === 'undefined' && theAd.style.indexOf( 'width' ) !== - 1 ) { theAd.type = 'normal'; theAd.width = adByGoogle.css( 'width' ).replace( 'px', '' ); theAd.height = adByGoogle.css( 'height' ).replace( 'px', '' ); } else if ( typeof theAd.format !== 'undefined' && theAd.format === 'auto' ) { // Responsive ad, auto resize. theAd.type = 'responsive'; } else if ( typeof theAd.format !== 'undefined' && theAd.format === 'link' ) { // Older link unit format; for new ads the format type is no longer needed; link units are created through the AdSense panel if ( theAd.style.indexOf( 'width' ) !== - 1 ) { // Is fixed size. theAd.width = adByGoogle.css( 'width' ).replace( 'px', '' ); theAd.height = adByGoogle.css( 'height' ).replace( 'px', '' ); theAd.type = 'link'; } else { // Is responsive. theAd.type = 'link-responsive'; } } else if ( typeof theAd.format !== 'undefined' && theAd.format === 'autorelaxed' ) { // Responsive Matched Content theAd.type = 'matched-content'; } else if ( typeof theAd.format !== 'undefined' && theAd.format === 'fluid' ) { // In-article & In-feed ads. if ( typeof theAd.layout !== 'undefined' && theAd.layout === 'in-article' ) { // In-article. theAd.type = 'in-article'; } else { // In-feed. theAd.type = 'in-feed'; } } } /** * Synchronous code */ if ( rawContent.indexOf( 'google_ad_slot' ) !== - 1 ) { const adClient = rawContent.match( /google_ad_client ?= ?["']([^'"]+)/ ); const adSlot = rawContent.match( /google_ad_slot ?= ?["']([^'"]+)/ ); const adFormat = rawContent.match( /google_ad_format ?= ?["']([^'"]+)/ ); const adWidth = rawContent.match( /google_ad_width ?= ?([\d]+)/ ); const adHeight = rawContent.match( /google_ad_height ?= ?([\d]+)/ ); theAd = {}; theAd.pubId = adClient[1].substr( 3 ); if ( adSlot !== null ) { theAd.slotId = adSlot[1]; } if ( adFormat !== null ) { theAd.format = adFormat[1]; } if ( adWidth !== null ) { theAd.width = parseInt( adWidth[1] ); } if ( adHeight !== null ) { theAd.height = parseInt( adHeight[1] ); } if ( typeof theAd.format === 'undefined' ) { theAd.type = 'normal'; } } if ( theAd.slotId === '' && gadsenseData.pubId && gadsenseData.pubId !== '' ) { theAd.type = jQuery( '#unit-type' ).val(); } // Page-Level ad. if ( rawContent.indexOf( 'enable_page_level_ads' ) !== - 1 || /script[^>]+data-ad-client=/.test( rawContent ) ) { theAd = {'parse_message': 'pageLevelAd'}; } else if ( ! theAd.type ) { // Unknown ad. theAd = {'parse_message': 'unknownAd'}; } jQuery( document ).trigger( 'gadsenseParseAdContent', [theAd, adByGoogle] ); return theAd; } parseAdContentFailsafe( code ) { if ( typeof code === 'string' ) { try { code = JSON.parse( code ); } catch ( e ) { return this.parseAdContent( code ); } } return code; } /** * Handle result of parsing content. * * Legacy method */ handleParseResult( parseResult ) { jQuery( '#pastecode-msg' ).empty(); switch ( parseResult.parse_message ) { case 'pageLevelAd' : advads_show_adsense_auto_ads_warning(); break; case 'unknownAd' : // Not recognized ad code. if ( this.parseCodeBtnClicked && 'post-new.php' === gadsenseData.pagenow ) { // do not show if just after switching to AdSense ad type on ad creation. jQuery( '#pastecode-msg' ).append( jQuery( '

' ).css( 'color', 'red' ).html( gadsenseData.msg.unknownAd ) ); } break; default: this.setDetailsFromAdCode( parseResult ); if ( typeof AdsenseMAPI !== 'undefined' && typeof AdsenseMAPI.hasToken !== 'undefined' && AdsenseMAPI.pubId === parseResult.pubId ) { const content = jQuery( '#advanced-ads-ad-parameters input[name="advanced_ad[content]"]' ).val(); this.mapiSaveAdCode( content, parseResult.slotId ); this.makeReadOnly(); } jQuery( '.advads-adsense-code' ).hide(); jQuery( '.advads-adsense-show-code' ).show(); jQuery( '.mapi-insert-code' ).show(); const customInputs = this.getCustomInputs(); customInputs.show(); } } /** * Legacy method * * Set ad parameters fields from the result of parsing ad code */ setDetailsFromAdCode( theAd ) { this.undoReadOnly(); jQuery( '#unit-code' ).val( theAd.slotId ); jQuery( '#advads-adsense-pub-id' ).val( theAd.pubId ); if ( theAd.type === 'normal' ) { jQuery( '#unit-type' ).val( 'normal' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( theAd.width ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( theAd.height ); } else if ( theAd.type === 'responsive' ) { jQuery( '#unit-type' ).val( 'responsive' ); jQuery( '#ad-resize-type' ).val( 'auto' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( '' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( '' ); } else if ( theAd.type === 'link') { jQuery( '#unit-type' ).val( 'link' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( theAd.width ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( theAd.height ); } else if ( theAd.type === 'link-responsive' ) { jQuery( '#unit-type' ).val( 'link-responsive' ); jQuery( '#ad-resize-type' ).val( 'auto' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( '' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( '' ); } else if ( theAd.type === 'matched-content' ) { jQuery( '#unit-type' ).val( 'matched-content' ); jQuery( '#ad-resize-type' ).val( 'auto' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( '' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( '' ); } else if ( theAd.type === 'in-article' ) { jQuery( '#unit-type' ).val( 'in-article' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( '' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( '' ); } else if ( theAd.type === 'in-feed' ) { jQuery( '#unit-type' ).val( 'in-feed' ); jQuery( '#ad-layout-key' ).val( theAd.layout_key ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val( '' ); jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val( '' ); } const storedPubId = gadsenseData.pubId; if ( storedPubId !== '' && theAd.pubId !== storedPubId && theAd.slotId !== '' ) { jQuery( '#adsense-ad-param-error' ).text( gadsenseData.msg.pubIdMismatch ); } else { jQuery( '#adsense-ad-param-error' ).empty(); } jQuery( document ).trigger( 'this.setDetailsFromAdCode', [theAd] ); jQuery( '#unit-type' ).trigger( 'change' ); } /** * Legacy method */ updateAdsenseType() { const type = jQuery( '#unit-type' ).val(); jQuery( '.advads-adsense-layout' ).hide(); jQuery( '.advads-adsense-layout' ).next( 'div' ).hide(); jQuery( '.advads-adsense-layout-key' ).hide(); jQuery( '.advads-adsense-layout-key' ).next( 'div' ).hide(); jQuery( '.advads-ad-notice-in-feed-add-on' ).hide(); if ( type === 'responsive' || type === 'link-responsive' || type === 'matched-content' ) { jQuery( '#advanced-ads-ad-parameters-size' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).prev( '.label' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).next( '.hr' ).hide(); jQuery( '.clearfix-before' ).show(); } else if ( type === 'in-feed' ) { jQuery( '.advads-adsense-layout' ).hide(); jQuery( '.advads-adsense-layout' ).next( 'div' ).hide(); jQuery( '.advads-adsense-layout-key' ).show(); jQuery( '.advads-adsense-layout-key' ).next( 'div' ).show(); jQuery( '.advads-adsense-layout-key' ).next( 'div' ).show(); jQuery( '#advanced-ads-ad-parameters-size' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).prev( '.label' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).next( '.hr' ).hide(); // show add-on notice jQuery( '.advads-ad-notice-in-feed-add-on' ).show(); jQuery( '.clearfix-before' ).show(); } else if ( type === 'in-article' ) { jQuery( '#advanced-ads-ad-parameters-size' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).prev( '.label' ).hide(); jQuery( '#advanced-ads-ad-parameters-size' ).next( '.hr' ).hide(); jQuery( '.clearfix-before' ).show(); } else if ( type === 'normal' || type === 'link' ) { jQuery( '#advanced-ads-ad-parameters-size' ).show() jQuery( '#advanced-ads-ad-parameters-size' ).prev( '.label' ).show(); jQuery( '#advanced-ads-ad-parameters-size' ).next( '.hr' ).show(); jQuery( '.clearfix-before' ).hide(); if ( ! jQuery( '[name="advanced_ad\[width\]"]' ).val() ) { jQuery( '[name="advanced_ad\[width\]"]' ).val( '300' ); } if ( ! jQuery( '[name="advanced_ad\[height\]"]' ).val() ) { jQuery( '[name="advanced_ad\[height\]"]' ).val( '250' ); } } jQuery( document ).trigger( 'gadsenseUnitChanged' ); AdvancedAdsNetworkAdsense.gadsenseFormatAdContent(); this.show_float_warnings( type ); } /** * Legacy method * * Show / hide position warning. */ show_float_warnings( unit_type ) { const resize_type = jQuery( '#ad-resize-type' ).val(); const position = jQuery( '#advanced-ad-output-position input[name="advanced_ad[output][position]"]:checked' ).val(); if ( ( ['link-responsive', 'matched-content', 'in-article', 'in-feed'].indexOf( unit_type ) !== - 1 || ( unit_type === 'responsive' && resize_type !== 'manual' ) ) && ( position === 'left' || position === 'right' ) ) { jQuery( '#ad-parameters-box-notices .advads-ad-notice-responsive-position' ).show(); } else { jQuery( '#ad-parameters-box-notices .advads-ad-notice-responsive-position' ).hide(); } } /** * Legacy method - adds readonly to relevant inputs */ makeReadOnly() { jQuery( '#unit-type option:not(:selected)' ).prop( 'disabled', true ); } /** * Legacy method - removes readonly from relevant inputs (original name getSlotAndType_jq) */ undoReadOnly() { jQuery( '#unit-code,#ad-layout,#ad-layout-key,[name="advanced_ad[width]"],[name="advanced_ad[height]"]' ).prop( 'readonly', false ); jQuery( '#unit-type option:not(:selected)' ).prop( 'disabled', false ); } getCustomInputs() { const $div1 = jQuery( '#unit-code' ).closest( 'div' ); const $label1 = $div1.prev(); const $hr1 = $div1.next(); const $label2 = $hr1.next(); const $div2 = $label2.next(); const $layoutKey = jQuery( '#ad-layout-key' ).closest( 'div' ); const $layoutKeyLabel = $layoutKey.prev( '#advads-adsense-layout-key' ); return $div1.add( $label1 ).add( $hr1 ).add( $label2 ).add( $div2 ).add( $layoutKey ).add( $layoutKeyLabel ); } onBlur() { } onSelected() { // Handle a click from the "Switch to AdSense ad" button. if ( AdvancedAdsAdmin.AdImporter.adsenseCode ) { this.parseCodeBtnClicked = true; const parseResult = this.parseAdContent( AdvancedAdsAdmin.AdImporter.adsenseCode ); AdvancedAdsAdmin.AdImporter.adsenseCode = null; this.handleParseResult( parseResult ); } else { // When you are not connected to adsense, or if the ad was edited manually open the manual setup view. let switchToManualSetup = ! this.vars.connected; if ( ! switchToManualSetup ) { const parsedAd = this.parseAdContentFailsafe( this.codes[this.getSelectedId()] ); if ( parsedAd ) { // We need to check if the type of the ad is different from the default. this marks a manually setup ad. if ( parsedAd.type !== jQuery( '#unit-type' ).val() ) { // This ad was manually setup. don't open the selector, but switch to manual select. switchToManualSetup = true; } } } if ( switchToManualSetup ) { AdvancedAdsAdmin.AdImporter.manualSetup(); } else if ( AdvancedAdsAdmin.AdImporter.highlightSelectedRowInExternalAdsList() || ! this.getSelectedId() ) { AdvancedAdsAdmin.AdImporter.openExternalAdsList(); } } } onDomReady() { const self = this; jQuery( document ).on( 'click', '.advads-adsense-close-code', function ( ev ) { ev.preventDefault(); self.onSelected(); } ); jQuery( document ).on( 'click', '.advads-adsense-submit-code', function ( ev ) { ev.preventDefault(); self.parseCodeBtnClicked = true; const rawContent = jQuery( '.advads-adsense-content' ).val(); const parseResult = self.parseAdContent( rawContent ); self.handleParseResult( parseResult ); if ( AdvancedAdsAdmin.AdImporter.highlightSelectedRowInExternalAdsList() ) { AdvancedAdsAdmin.AdImporter.openExternalAdsList(); self.preventCloseAdSelector = true; // save the manually added ad code to the AdSense settings wp.ajax.post( 'advads-mapi-save-manual-code', { raw_code: encodeURIComponent( rawContent ), parsed_code: parseResult, nonce: AdsenseMAPI.nonce } ) .fail( function ( r ) { const $notice = jQuery( '

' ).addClass( 'notice notice-error' ).html( jQuery( '

' ).text( r.responseJSON.data.message ) ); jQuery( '#post' ).before( $notice ); jQuery( 'body html' ).animate( { scrollTop: $notice.offset().top }, 200 ); } ); } else { // No adsense ad with this slot id was found. // Switches to manual ad setup view. self.preventCloseAdSelector = false; AdvancedAdsAdmin.AdImporter.manualSetup(); } } ); jQuery( document ).on( 'gadsenseUnitChanged', function () { const $row = jQuery( 'tr[data-slotid$="' + jQuery( '#unit-code' ).val() + '"]' ); let type = window.adsenseAdvancedAdsJS.ad_types.display; switch ( jQuery( '#unit-type' ).val() ) { case 'matched-content': type = window.adsenseAdvancedAdsJS.ad_types.matched_content; break; case 'link': case 'link-responsive': type = window.adsenseAdvancedAdsJS.ad_types.link; break; case 'in-article': type = window.adsenseAdvancedAdsJS.ad_types.in_article; break; case 'in-feed': type = window.adsenseAdvancedAdsJS.ad_types.in_feed; break; } $row.children( '.unittype' ).text( type ); } ); jQuery( document ).on( 'change', '#unit-type, #unit-code, #ad-layout-key', function () { self.checkAdSlotId( this ); } ); const inputCode = jQuery( '#unit-code' ); if ( inputCode ) { this.checkAdSlotId( inputCode[0] ); } jQuery( document ).on( 'change', '#ad-resize-type', function () { self.show_float_warnings( 'responsive' ); } ); this.updateAdsenseType(); if ( typeof AdsenseMAPI.hasToken !== 'undefined' ) { this.mapiMayBeSaveAdCode(); } jQuery( document ).on( 'click', '#mapi-archived-ads', function () { self.showArchivedAds( jQuery( this ).hasClass( 'dashicons-visibility' ) ); } ); jQuery( '#wpwrap' ).on( 'advads-mapi-adlist-opened', function () { // Update ad unit list to v2 data the first time the ad list is opened. if ( jQuery( '#mapi-force-v2-list-update' ).length ) { jQuery( '#mapi-wrap i[data-mapiaction="updateList"]' ).trigger( 'click' ); return; } self.showArchivedAds(); } ); this.onSelected(); } showArchivedAds( show ) { if ( typeof show === 'undefined' ) { show = false; } const icon = jQuery( '#mapi-archived-ads' ); const title = icon.attr( 'title' ); const altTitle = icon.attr( 'data-alt-title' ); if ( show ) { jQuery( '#mapi-table-wrap tbody tr[data-archived="1"]' ).show(); icon.removeClass( 'dashicons-visibility' ).addClass( 'dashicons-hidden' ).attr( 'title', altTitle ).attr( 'data-alt-title', title ); } else { jQuery( '#mapi-table-wrap tbody tr[data-archived="1"]' ).not( '.selected' ).hide(); icon.removeClass( 'dashicons-hidden' ).addClass( 'dashicons-visibility' ).attr( 'title', altTitle ).attr( 'data-alt-title', title ); } } checkAdSlotId( elm ) { if ( jQuery( elm ).attr( 'id' ) === 'unit-code' ) { let val = jQuery( elm ).val(); if ( val ) { val = val.trim(); } if ( val.length > 0 && gadsenseData.pubId && val.indexOf( gadsenseData.pubId.substr( 4 ) ) !== -1 ) { jQuery( '#advads-pubid-in-slot' ).css( 'display', 'block' ); jQuery( elm ).css( 'background-color', 'rgba(255, 235, 59, 0.33)' ); this.updateAdsenseType(); return; } } jQuery( '#unit-code' ).css( 'background-color', '#fff' ); jQuery( '#advads-pubid-in-slot' ).css( 'display', 'none' ); this.updateAdsenseType(); } mapiSaveAdCode( code, slot ) { if ( typeof AdsenseMAPI.hasToken !== 'undefined' && typeof this.codes['ca-' + AdsenseMAPI.pubId + ':' + slot] === 'undefined' ) { this.codes['ca-' + AdsenseMAPI.pubId + ':' + slot] = code; jQuery( '#mapi-loading-overlay' ).css( 'display', 'block' ); jQuery.ajax( { type: 'post', url: ajaxurl, data: { nonce: AdsenseMAPI.nonce, slot: slot, code: code, action: 'advads-mapi-reconstructed-code' }, success: function ( resp, status, XHR ) { jQuery( '#mapi-loading-overlay' ).css( 'display', 'none' ); }, error: function ( req, status, err ) { jQuery( '#mapi-loading-overlay' ).css( 'display', 'none' ); } } ); } } mapiMayBeSaveAdCode() { // MAPI not set up if ( typeof AdsenseMAPI.hasToken === 'undefined' ) { return; } const slotId = jQuery( '#unit-code' ).val(); if ( ! slotId ) { return; } const type = jQuery( '#unit-type' ).val(); const width = jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[width]"]' ).val().trim(); const height = jQuery( '#advanced-ads-ad-parameters-size input[name="advanced_ad[height]"]' ).val().trim(); const layout = jQuery( '#ad-layout' ).val(); const layoutKey = jQuery( '#ad-layout-key' ).val(); let code = false; switch ( type ) { case 'in-feed': code = '' + '' + '(adsbygoogle = window.adsbygoogle || []).push({});' + ''; break; case 'in-article': code = '' + '' + ''; break; case 'matched-content': code = '' + '' + ''; break; case 'link-responsive': code = '' + '' + ''; break; case 'link': code = '' + '' + ''; break; case 'responsive': code = '' + '' + ''; break; case 'normal': code = '' + '' + ''; break; default: } if ( code ) { this.mapiSaveAdCode( code, slotId ); } } getMapiAction( action ) { const self = this; if ( action === 'toggleidle' ) { return function ( ev, el ) { self.hideIdle = ! self.hideIdle; AdvancedAdsAdmin.AdImporter.refreshAds(); }; } return null; } } // Creates a Advanced_Ads_Adsense_Report_UI instance on the fly window.Advanced_Ads_Adsense_Report_Helper = window.Advanced_Ads_Adsense_Report_Helper || {}; window.Advanced_Ads_Adsense_Report_Helper.init = function ( element ) { if ( jQuery( element ).attr( 'data-arguments' ) ) { try { const reportArgs = JSON.parse( jQuery( element ).attr( 'data-arguments' ) ); jQuery( element ).data( 'advadsAdsenseReport', new Advanced_Ads_Adsense_Report_UI( element, reportArgs ) ); } catch ( ex ) { console.error( 'Cannot parse report arguments' ); } } }; window.Advanced_Ads_Adsense_Report_Helper.getReportObject = function () { const reportElem = jQuery( '.advanced-ads-adsense-dashboard' ); if ( reportElem.length ) { let report = reportElem.data( 'advadsAdsenseReport' ); if ( typeof report.refresh === 'function' ) { return report; } } return false; }; class Advanced_Ads_Adsense_Report_UI { constructor( el, args ) { this.$el = jQuery( el ); this.type = args.type; this.filter = args.filter; this.init(); this.refreshing = false; } // Update arguments attributes before refreshing. updateHtmlAttr() { this.$el.attr( 'data-arguments', JSON.stringify( {type: 'domain', filter: self.filter} ) ); } // Get markup for the current arguments. refresh() { const self = this; this.$el.html( '

' ); jQuery.ajax( { type: 'POST', url: ajaxurl, data: { nonce: window.Advanced_Ads_Adsense_Report_Helper.nonce, type: this.type, filter: this.filter, action: 'advads_adsense_report_refresh' }, success: function ( response ) { if ( response.success && response.data && response.data.html ) { self.$el.html( response.data.html ); } }, error: function ( request, status, error ) { console.log( 'Refreshing rerpot error: ' + error ); } } ); } // Initialization - events binding. init() { if ( this.$el.find( '.report-need-refresh' ).length ) { this.refresh(); } const self = this; // Hide dropdown on click on everything but the dropdown and its children. jQuery( document ).on( 'click', '#wpwrap', function () { const dd = jQuery( '#advads_overview_adsense_stats .advads-stats-dd-button .advads-stats-dd-items' ); if ( dd.is( ':visible' ) ) { dd.hide(); } } ); // Show the dropdown. jQuery( document ).on( 'click', '#advads_overview_adsense_stats .advads-stats-dd-button', function ( ev ) { // Stop bubbling. Prevents hiding the dropdown. ev.stopPropagation(); const dd = jQuery( this ).find( '.advads-stats-dd-items' ); if ( ! dd.is( ':visible' ) ) { dd.show(); } } ); // Dropdown item clicked. jQuery( document ).on( 'click', '.advads-stats-dd-button .advads-stats-dd-item', function () { self.filter = jQuery( this ).attr( 'data-domain' ); self.updateHtmlAttr(); self.refresh(); } ); } }