' + response.data.error + '
safely const $code = $( '', { class: 'language-xml' } ).text( pretty ); $preview.empty().append( $( '' ).append( $code ) ); // highlight just this element Prism.highlightElement( $code[0] ); break; } } } $preview.unblock(); }, error: function( jqXHR, textStatus, errorThrown ) { if ( textStatus != 'abort' ) { let errorMessage = jqXHR.status + ': ' + jqXHR.statusText $( '#' + canvasId ).remove(); $preview.append( '' + errorMessage + '' ); $preview.unblock(); } }, } ); } // pdf_js (third party library code) function renderPdf( worker, canvasId, pdfData ) { // atob() is used to convert base64 encoded PDF to binary-like data. // (See also https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding.) pdfData = window.atob( pdfData ); // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = worker; // Using DocumentInitParameters object to load binary data. let loadingTask = pdfjsLib.getDocument( { data: pdfData } ); loadingTask.promise.then( function( pdf ) { // Fetch the first page let pageNumber = 1; pdf.getPage( pageNumber ).then( function( page ) { let scale = 2; let viewport = page.getViewport( { scale: scale } ); // Prepare canvas using PDF page dimensions let canvas = document.getElementById( canvasId ); let context = canvas.getContext( '2d' ); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context let renderContext = { canvasContext: context, viewport: viewport }; let renderTask = page.render( renderContext ); renderTask.promise.then( function() { // page rendered } ); } ); }, function( reason ) { // PDF loading error console.error( reason ); } ); } // Preview on user input $( '#preview-order-search' ).on( 'keyup paste', function( event ) { let $elem = $( this ); $elem.addClass( 'ajax-waiting' ); let duration = event.type == 'keyup' ? 1000 : 0; loadPreviewData(); clearTimeout( previewSearchTimeout ); previewSearchTimeout = setTimeout( function() { previewOrderSearch( $elem ) }, duration ); } ); // Preview order search function previewOrderSearch( $elem ) { let $div = $elem.closest( '.preview-data' ).find( '#preview-order-search-results' ); let value = $elem.val(); let nonce = $elem.data( 'nonce' ); let action = 'wpo_wcpdf_preview_order_search'; let data = { security: nonce, action: action, search: value, document_type: previewDocumentType, }; $div.parent().find( 'img.preview-order-search-clear' ).hide(); // hide the clear button $div.children( '.error' ).remove(); // remove previous errors $div.children( 'a' ).remove(); // remove previous results $div.hide(); // hide search results $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: data, success: function( response ) { if ( response.data ) { if ( response.data.error ) { $div.append( ''+response.data.error+'' ); $div.show(); } else { $.each( response.data, function( i, item ) { let firstLine = '#'+item.order_number+' - '+item.billing_first_name+' '+item.billing_last_name; if ( item.billing_company.length > 0 ) { firstLine = firstLine+', '+item.billing_company; } let secondLine = ''+item.date_created+''+item.total+''; $div.append( firstLine+secondLine ); $div.show(); } ); } } $elem.removeClass( 'ajax-waiting' ); $elem.closest( 'div' ).find( 'img.preview-order-search-clear' ).show(); } } ); } //----------> /Preview <----------// //----------> Settings Accordion <----------// function settingsAccordion() { // Get current tab. const params = new URLSearchParams( window.location.search ); const allowedTabs = [ 'general', 'documents', 'debug' ]; const tab = params.get( 'tab' ) || 'general'; if ( ! allowedTabs.includes( tab ) ) { return; } const tabsMainCategory = { general : 'display', documents : 'general', debug : 'filesystem_access' // Default open section for Advanced/Debug tab }; const sections = $( '.settings_category h2' ); if ( sections.length === 0 ) { return; // No sections found } // Accessibility attributes for accordion headers and panels sections.each( function ( index ) { const $header = $( this ); const $panel = $header.next( '.form-table' ); const $category = $header.parent( '.settings_category' ); const idBase = $category.attr( 'id' ) || $header.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; // Ensure header has an id and compute explicit ids if ( ! $header.attr( 'id' ) ) { $header.attr( 'id', `${idBase}_header` ); } const headerElementId = $header.attr( 'id' ); const panelId = `${idBase}_panel`; $header.attr( { 'role': 'button', 'tabindex': 0, 'aria-controls': panelId } ); $panel.attr( { 'id': panelId, 'role': 'region', 'aria-labelledby': headerElementId } ); } ); // Initialize accordion state sections.each( function ( index ) { const $header = $( this ); const $category = $header.parent( '.settings_category' ); const categoryId = $category.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; const $panel = $header.next( '.form-table' ); // Check localStorage for saved state const stored = localStorage.getItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}` ); let shouldOpen = false; if ( stored !== null ) { // User has previously interacted with this section - use saved state shouldOpen = stored === 'true'; } else if ( tabsMainCategory[ tab ] && categoryId === tabsMainCategory[ tab ] ) { // First visit - open the default main category for this tab shouldOpen = true; } // else: keep collapsed (shouldOpen = false) // Set initial state if ( shouldOpen ) { $header.addClass( 'active' ).attr( 'aria-expanded', true ); $panel.show().attr( 'aria-hidden', 'false' ); } else { $header.removeClass( 'active' ).attr( 'aria-expanded', false ); $panel.hide().attr( 'aria-hidden', 'true' ); } } ); // Toggle section on click function toggleSection( header ) { const $header = $( header ); const categoryId = $header.parent( '.settings_category' ).attr( 'id' ); const $panel = $header.next( '.form-table' ); const willOpen = ! $panel.is( ':visible' ); $header.toggleClass( 'active', willOpen ).attr( 'aria-expanded', willOpen ); $panel.stop( true, false ).slideToggle( { duration: 300, easing: 'swing', complete: function () { const isVisible = $( this ).is( ':visible' ); $( this ).attr( 'aria-hidden', isVisible ? 'false' : 'true' ); if ( categoryId ) { localStorage.setItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}`, isVisible ); } } } ); } // Bind click events sections.off( 'click' ).on( 'click', function () { toggleSection( this ); } ); // Keyboard accessibility sections.off( 'keydown' ).on( 'keydown', function ( e ) { if ( e.key === 'Enter' || e.key === ' ' ) { e.preventDefault(); toggleSection( this ); } } ); } // Initialize accordion settingsAccordion(); //----------> /Settings Accordion <----------// //----------> Conditional Visibility <----------// const bound = new Set(); $( '[data-show_for_option_name]' ).each( function () { const opt = $( this ).data( 'show_for_option_name' ); if ( bound.has( opt ) ) { return; } $( document ).on( 'change', `[name="${opt}"], [name="${opt}[]"]`, toggle_conditional_visibility ); $( `[name="${opt}"], [name="${opt}[]"]` ).each( function () { toggle_conditional_visibility( { target: this } ); } ); bound.add( opt ); } ); function toggle_conditional_visibility( e ) { const $this = $( e.target ); let name = $this.prop( 'name' ).replace( '[]', '' ); // normalize multiselect let value = $this.val(); let checkbox = false; if ( $this.is( ':checkbox' ) ) { value = $this.is( ':checked' ); checkbox = true; } $( "[data-show_for_option_name='" + name + "']" ).each( function() { let show = false; let show_for = $( this ).data( 'show_for_option_values' ); let keep_value = $( this ).data( 'keep_current_value' ); if ( checkbox ) { show = value; // for checkboxes, checked = show } else if ( Array.isArray( value ) ) { // Multiselect show = value.some( item => show_for.includes( item ) ); } else { show = show_for.includes( value ); } let $row = $( this ).closest( 'tr' ); if ( show ) { $row.show(); if ( checkbox ) { $row.find( ':input[type=checkbox]' ).val( '1' ); } } else { $row.hide() .find( ':input' ).each( function () { const $input = $( this ); // Don't reset value if ( keep_value ) { return; } // Reset the input value if ( $input.is( 'select' ) ) { if ( $input.prop( 'multiple' ) ) { $input.val( [] ); } else { $input.prop( 'selectedIndex', 0 ); } } else if ( $input.is( ':checkbox' ) ) { $input.prop( 'checked', false ); } else { $input.val( '' ); } $input.trigger( 'change' ); } ); } } ); } //----------> /Conditional Visibility <----------// //----------> Sync Address <----------// $( '#wpo-wcpdf-settings .sync-address' ).on( 'click', function( event ) { event.preventDefault(); const $button = $( this ); const $form = $( this ).closest('form'); const $icon = $button.find( 'span.dashicons' ); const $tooltip = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( '.sync-tooltip' ); let $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'input' ); if ( $field.length === 0 ) { $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'select' ); } // Rotate the icon to indicate processing. $icon.toggleClass( 'rotate' ); $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: { action: 'wpo_wcpdf_sync_address', security: wpo_wcpdf_admin.nonce, address_field: $field.attr( 'id' ), }, success: function( response ) { if ( response.success && response.data.value && '' !== response.data.value.trim() ) { if ( 'shop_address_country' === $field.attr( 'id' ) ) { const country_state = response.data.value.split( ':' ); $field.val( country_state[0] ); // Update states if the country changed. shopCountryChanged( $field ).done( function() { const matches = $field.attr( 'name' ).match( /\[([^\]]+)\]/g ); // matches all bracket parts const lang = matches ? matches[ matches.length - 1 ].replace( /[\[\]]/g, '' ) : 'default'; const $stateField = $form.find( `select[name="wpo_wcpdf_settings_general[shop_address_state][${lang}]"]` ); // Update the selected state. if ( $stateField.length !== 0 ) { $stateField.val( country_state[1] ); } } ); } else { $field.val( response.data.value ); } triggerPreview(); } else if ( ! response.success && response.data.message && '' !== response.data.message.trim() ) { $tooltip.text( response.data.message ).addClass( 'visible' ); setTimeout( function() { $tooltip.removeClass( 'visible' ); }, 3000 ); } }, complete: function() { // Reset the icon rotation. $icon.toggleClass( 'rotate' ); } } ); } ); //----------> /Sync Address <----------// } );
', { class: 'language-xml' } ).text( pretty ); $preview.empty().append( $( '' ).append( $code ) ); // highlight just this element Prism.highlightElement( $code[0] ); break; } } } $preview.unblock(); }, error: function( jqXHR, textStatus, errorThrown ) { if ( textStatus != 'abort' ) { let errorMessage = jqXHR.status + ': ' + jqXHR.statusText $( '#' + canvasId ).remove(); $preview.append( '' + errorMessage + '' ); $preview.unblock(); } }, } ); } // pdf_js (third party library code) function renderPdf( worker, canvasId, pdfData ) { // atob() is used to convert base64 encoded PDF to binary-like data. // (See also https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding.) pdfData = window.atob( pdfData ); // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = worker; // Using DocumentInitParameters object to load binary data. let loadingTask = pdfjsLib.getDocument( { data: pdfData } ); loadingTask.promise.then( function( pdf ) { // Fetch the first page let pageNumber = 1; pdf.getPage( pageNumber ).then( function( page ) { let scale = 2; let viewport = page.getViewport( { scale: scale } ); // Prepare canvas using PDF page dimensions let canvas = document.getElementById( canvasId ); let context = canvas.getContext( '2d' ); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context let renderContext = { canvasContext: context, viewport: viewport }; let renderTask = page.render( renderContext ); renderTask.promise.then( function() { // page rendered } ); } ); }, function( reason ) { // PDF loading error console.error( reason ); } ); } // Preview on user input $( '#preview-order-search' ).on( 'keyup paste', function( event ) { let $elem = $( this ); $elem.addClass( 'ajax-waiting' ); let duration = event.type == 'keyup' ? 1000 : 0; loadPreviewData(); clearTimeout( previewSearchTimeout ); previewSearchTimeout = setTimeout( function() { previewOrderSearch( $elem ) }, duration ); } ); // Preview order search function previewOrderSearch( $elem ) { let $div = $elem.closest( '.preview-data' ).find( '#preview-order-search-results' ); let value = $elem.val(); let nonce = $elem.data( 'nonce' ); let action = 'wpo_wcpdf_preview_order_search'; let data = { security: nonce, action: action, search: value, document_type: previewDocumentType, }; $div.parent().find( 'img.preview-order-search-clear' ).hide(); // hide the clear button $div.children( '.error' ).remove(); // remove previous errors $div.children( 'a' ).remove(); // remove previous results $div.hide(); // hide search results $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: data, success: function( response ) { if ( response.data ) { if ( response.data.error ) { $div.append( ''+response.data.error+'' ); $div.show(); } else { $.each( response.data, function( i, item ) { let firstLine = '#'+item.order_number+' - '+item.billing_first_name+' '+item.billing_last_name; if ( item.billing_company.length > 0 ) { firstLine = firstLine+', '+item.billing_company; } let secondLine = ''+item.date_created+''+item.total+''; $div.append( firstLine+secondLine ); $div.show(); } ); } } $elem.removeClass( 'ajax-waiting' ); $elem.closest( 'div' ).find( 'img.preview-order-search-clear' ).show(); } } ); } //----------> /Preview <----------// //----------> Settings Accordion <----------// function settingsAccordion() { // Get current tab. const params = new URLSearchParams( window.location.search ); const allowedTabs = [ 'general', 'documents', 'debug' ]; const tab = params.get( 'tab' ) || 'general'; if ( ! allowedTabs.includes( tab ) ) { return; } const tabsMainCategory = { general : 'display', documents : 'general', debug : 'filesystem_access' // Default open section for Advanced/Debug tab }; const sections = $( '.settings_category h2' ); if ( sections.length === 0 ) { return; // No sections found } // Accessibility attributes for accordion headers and panels sections.each( function ( index ) { const $header = $( this ); const $panel = $header.next( '.form-table' ); const $category = $header.parent( '.settings_category' ); const idBase = $category.attr( 'id' ) || $header.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; // Ensure header has an id and compute explicit ids if ( ! $header.attr( 'id' ) ) { $header.attr( 'id', `${idBase}_header` ); } const headerElementId = $header.attr( 'id' ); const panelId = `${idBase}_panel`; $header.attr( { 'role': 'button', 'tabindex': 0, 'aria-controls': panelId } ); $panel.attr( { 'id': panelId, 'role': 'region', 'aria-labelledby': headerElementId } ); } ); // Initialize accordion state sections.each( function ( index ) { const $header = $( this ); const $category = $header.parent( '.settings_category' ); const categoryId = $category.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; const $panel = $header.next( '.form-table' ); // Check localStorage for saved state const stored = localStorage.getItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}` ); let shouldOpen = false; if ( stored !== null ) { // User has previously interacted with this section - use saved state shouldOpen = stored === 'true'; } else if ( tabsMainCategory[ tab ] && categoryId === tabsMainCategory[ tab ] ) { // First visit - open the default main category for this tab shouldOpen = true; } // else: keep collapsed (shouldOpen = false) // Set initial state if ( shouldOpen ) { $header.addClass( 'active' ).attr( 'aria-expanded', true ); $panel.show().attr( 'aria-hidden', 'false' ); } else { $header.removeClass( 'active' ).attr( 'aria-expanded', false ); $panel.hide().attr( 'aria-hidden', 'true' ); } } ); // Toggle section on click function toggleSection( header ) { const $header = $( header ); const categoryId = $header.parent( '.settings_category' ).attr( 'id' ); const $panel = $header.next( '.form-table' ); const willOpen = ! $panel.is( ':visible' ); $header.toggleClass( 'active', willOpen ).attr( 'aria-expanded', willOpen ); $panel.stop( true, false ).slideToggle( { duration: 300, easing: 'swing', complete: function () { const isVisible = $( this ).is( ':visible' ); $( this ).attr( 'aria-hidden', isVisible ? 'false' : 'true' ); if ( categoryId ) { localStorage.setItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}`, isVisible ); } } } ); } // Bind click events sections.off( 'click' ).on( 'click', function () { toggleSection( this ); } ); // Keyboard accessibility sections.off( 'keydown' ).on( 'keydown', function ( e ) { if ( e.key === 'Enter' || e.key === ' ' ) { e.preventDefault(); toggleSection( this ); } } ); } // Initialize accordion settingsAccordion(); //----------> /Settings Accordion <----------// //----------> Conditional Visibility <----------// const bound = new Set(); $( '[data-show_for_option_name]' ).each( function () { const opt = $( this ).data( 'show_for_option_name' ); if ( bound.has( opt ) ) { return; } $( document ).on( 'change', `[name="${opt}"], [name="${opt}[]"]`, toggle_conditional_visibility ); $( `[name="${opt}"], [name="${opt}[]"]` ).each( function () { toggle_conditional_visibility( { target: this } ); } ); bound.add( opt ); } ); function toggle_conditional_visibility( e ) { const $this = $( e.target ); let name = $this.prop( 'name' ).replace( '[]', '' ); // normalize multiselect let value = $this.val(); let checkbox = false; if ( $this.is( ':checkbox' ) ) { value = $this.is( ':checked' ); checkbox = true; } $( "[data-show_for_option_name='" + name + "']" ).each( function() { let show = false; let show_for = $( this ).data( 'show_for_option_values' ); let keep_value = $( this ).data( 'keep_current_value' ); if ( checkbox ) { show = value; // for checkboxes, checked = show } else if ( Array.isArray( value ) ) { // Multiselect show = value.some( item => show_for.includes( item ) ); } else { show = show_for.includes( value ); } let $row = $( this ).closest( 'tr' ); if ( show ) { $row.show(); if ( checkbox ) { $row.find( ':input[type=checkbox]' ).val( '1' ); } } else { $row.hide() .find( ':input' ).each( function () { const $input = $( this ); // Don't reset value if ( keep_value ) { return; } // Reset the input value if ( $input.is( 'select' ) ) { if ( $input.prop( 'multiple' ) ) { $input.val( [] ); } else { $input.prop( 'selectedIndex', 0 ); } } else if ( $input.is( ':checkbox' ) ) { $input.prop( 'checked', false ); } else { $input.val( '' ); } $input.trigger( 'change' ); } ); } } ); } //----------> /Conditional Visibility <----------// //----------> Sync Address <----------// $( '#wpo-wcpdf-settings .sync-address' ).on( 'click', function( event ) { event.preventDefault(); const $button = $( this ); const $form = $( this ).closest('form'); const $icon = $button.find( 'span.dashicons' ); const $tooltip = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( '.sync-tooltip' ); let $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'input' ); if ( $field.length === 0 ) { $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'select' ); } // Rotate the icon to indicate processing. $icon.toggleClass( 'rotate' ); $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: { action: 'wpo_wcpdf_sync_address', security: wpo_wcpdf_admin.nonce, address_field: $field.attr( 'id' ), }, success: function( response ) { if ( response.success && response.data.value && '' !== response.data.value.trim() ) { if ( 'shop_address_country' === $field.attr( 'id' ) ) { const country_state = response.data.value.split( ':' ); $field.val( country_state[0] ); // Update states if the country changed. shopCountryChanged( $field ).done( function() { const matches = $field.attr( 'name' ).match( /\[([^\]]+)\]/g ); // matches all bracket parts const lang = matches ? matches[ matches.length - 1 ].replace( /[\[\]]/g, '' ) : 'default'; const $stateField = $form.find( `select[name="wpo_wcpdf_settings_general[shop_address_state][${lang}]"]` ); // Update the selected state. if ( $stateField.length !== 0 ) { $stateField.val( country_state[1] ); } } ); } else { $field.val( response.data.value ); } triggerPreview(); } else if ( ! response.success && response.data.message && '' !== response.data.message.trim() ) { $tooltip.text( response.data.message ).addClass( 'visible' ); setTimeout( function() { $tooltip.removeClass( 'visible' ); }, 3000 ); } }, complete: function() { // Reset the icon rotation. $icon.toggleClass( 'rotate' ); } } ); } ); //----------> /Sync Address <----------// } );
' ).append( $code ) ); // highlight just this element Prism.highlightElement( $code[0] ); break; } } } $preview.unblock(); }, error: function( jqXHR, textStatus, errorThrown ) { if ( textStatus != 'abort' ) { let errorMessage = jqXHR.status + ': ' + jqXHR.statusText $( '#' + canvasId ).remove(); $preview.append( '' + errorMessage + '' ); $preview.unblock(); } }, } ); } // pdf_js (third party library code) function renderPdf( worker, canvasId, pdfData ) { // atob() is used to convert base64 encoded PDF to binary-like data. // (See also https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding.) pdfData = window.atob( pdfData ); // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = worker; // Using DocumentInitParameters object to load binary data. let loadingTask = pdfjsLib.getDocument( { data: pdfData } ); loadingTask.promise.then( function( pdf ) { // Fetch the first page let pageNumber = 1; pdf.getPage( pageNumber ).then( function( page ) { let scale = 2; let viewport = page.getViewport( { scale: scale } ); // Prepare canvas using PDF page dimensions let canvas = document.getElementById( canvasId ); let context = canvas.getContext( '2d' ); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context let renderContext = { canvasContext: context, viewport: viewport }; let renderTask = page.render( renderContext ); renderTask.promise.then( function() { // page rendered } ); } ); }, function( reason ) { // PDF loading error console.error( reason ); } ); } // Preview on user input $( '#preview-order-search' ).on( 'keyup paste', function( event ) { let $elem = $( this ); $elem.addClass( 'ajax-waiting' ); let duration = event.type == 'keyup' ? 1000 : 0; loadPreviewData(); clearTimeout( previewSearchTimeout ); previewSearchTimeout = setTimeout( function() { previewOrderSearch( $elem ) }, duration ); } ); // Preview order search function previewOrderSearch( $elem ) { let $div = $elem.closest( '.preview-data' ).find( '#preview-order-search-results' ); let value = $elem.val(); let nonce = $elem.data( 'nonce' ); let action = 'wpo_wcpdf_preview_order_search'; let data = { security: nonce, action: action, search: value, document_type: previewDocumentType, }; $div.parent().find( 'img.preview-order-search-clear' ).hide(); // hide the clear button $div.children( '.error' ).remove(); // remove previous errors $div.children( 'a' ).remove(); // remove previous results $div.hide(); // hide search results $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: data, success: function( response ) { if ( response.data ) { if ( response.data.error ) { $div.append( ''+response.data.error+'' ); $div.show(); } else { $.each( response.data, function( i, item ) { let firstLine = '#'+item.order_number+' - '+item.billing_first_name+' '+item.billing_last_name; if ( item.billing_company.length > 0 ) { firstLine = firstLine+', '+item.billing_company; } let secondLine = ''+item.date_created+''+item.total+''; $div.append( firstLine+secondLine ); $div.show(); } ); } } $elem.removeClass( 'ajax-waiting' ); $elem.closest( 'div' ).find( 'img.preview-order-search-clear' ).show(); } } ); } //----------> /Preview <----------// //----------> Settings Accordion <----------// function settingsAccordion() { // Get current tab. const params = new URLSearchParams( window.location.search ); const allowedTabs = [ 'general', 'documents', 'debug' ]; const tab = params.get( 'tab' ) || 'general'; if ( ! allowedTabs.includes( tab ) ) { return; } const tabsMainCategory = { general : 'display', documents : 'general', debug : 'filesystem_access' // Default open section for Advanced/Debug tab }; const sections = $( '.settings_category h2' ); if ( sections.length === 0 ) { return; // No sections found } // Accessibility attributes for accordion headers and panels sections.each( function ( index ) { const $header = $( this ); const $panel = $header.next( '.form-table' ); const $category = $header.parent( '.settings_category' ); const idBase = $category.attr( 'id' ) || $header.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; // Ensure header has an id and compute explicit ids if ( ! $header.attr( 'id' ) ) { $header.attr( 'id', `${idBase}_header` ); } const headerElementId = $header.attr( 'id' ); const panelId = `${idBase}_panel`; $header.attr( { 'role': 'button', 'tabindex': 0, 'aria-controls': panelId } ); $panel.attr( { 'id': panelId, 'role': 'region', 'aria-labelledby': headerElementId } ); } ); // Initialize accordion state sections.each( function ( index ) { const $header = $( this ); const $category = $header.parent( '.settings_category' ); const categoryId = $category.attr( 'id' ) || `wcpdf_${tab}_section_${index}`; const $panel = $header.next( '.form-table' ); // Check localStorage for saved state const stored = localStorage.getItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}` ); let shouldOpen = false; if ( stored !== null ) { // User has previously interacted with this section - use saved state shouldOpen = stored === 'true'; } else if ( tabsMainCategory[ tab ] && categoryId === tabsMainCategory[ tab ] ) { // First visit - open the default main category for this tab shouldOpen = true; } // else: keep collapsed (shouldOpen = false) // Set initial state if ( shouldOpen ) { $header.addClass( 'active' ).attr( 'aria-expanded', true ); $panel.show().attr( 'aria-hidden', 'false' ); } else { $header.removeClass( 'active' ).attr( 'aria-expanded', false ); $panel.hide().attr( 'aria-hidden', 'true' ); } } ); // Toggle section on click function toggleSection( header ) { const $header = $( header ); const categoryId = $header.parent( '.settings_category' ).attr( 'id' ); const $panel = $header.next( '.form-table' ); const willOpen = ! $panel.is( ':visible' ); $header.toggleClass( 'active', willOpen ).attr( 'aria-expanded', willOpen ); $panel.stop( true, false ).slideToggle( { duration: 300, easing: 'swing', complete: function () { const isVisible = $( this ).is( ':visible' ); $( this ).attr( 'aria-hidden', isVisible ? 'false' : 'true' ); if ( categoryId ) { localStorage.setItem( `wcpdf_${tab}_settings_accordion_state_${categoryId}`, isVisible ); } } } ); } // Bind click events sections.off( 'click' ).on( 'click', function () { toggleSection( this ); } ); // Keyboard accessibility sections.off( 'keydown' ).on( 'keydown', function ( e ) { if ( e.key === 'Enter' || e.key === ' ' ) { e.preventDefault(); toggleSection( this ); } } ); } // Initialize accordion settingsAccordion(); //----------> /Settings Accordion <----------// //----------> Conditional Visibility <----------// const bound = new Set(); $( '[data-show_for_option_name]' ).each( function () { const opt = $( this ).data( 'show_for_option_name' ); if ( bound.has( opt ) ) { return; } $( document ).on( 'change', `[name="${opt}"], [name="${opt}[]"]`, toggle_conditional_visibility ); $( `[name="${opt}"], [name="${opt}[]"]` ).each( function () { toggle_conditional_visibility( { target: this } ); } ); bound.add( opt ); } ); function toggle_conditional_visibility( e ) { const $this = $( e.target ); let name = $this.prop( 'name' ).replace( '[]', '' ); // normalize multiselect let value = $this.val(); let checkbox = false; if ( $this.is( ':checkbox' ) ) { value = $this.is( ':checked' ); checkbox = true; } $( "[data-show_for_option_name='" + name + "']" ).each( function() { let show = false; let show_for = $( this ).data( 'show_for_option_values' ); let keep_value = $( this ).data( 'keep_current_value' ); if ( checkbox ) { show = value; // for checkboxes, checked = show } else if ( Array.isArray( value ) ) { // Multiselect show = value.some( item => show_for.includes( item ) ); } else { show = show_for.includes( value ); } let $row = $( this ).closest( 'tr' ); if ( show ) { $row.show(); if ( checkbox ) { $row.find( ':input[type=checkbox]' ).val( '1' ); } } else { $row.hide() .find( ':input' ).each( function () { const $input = $( this ); // Don't reset value if ( keep_value ) { return; } // Reset the input value if ( $input.is( 'select' ) ) { if ( $input.prop( 'multiple' ) ) { $input.val( [] ); } else { $input.prop( 'selectedIndex', 0 ); } } else if ( $input.is( ':checkbox' ) ) { $input.prop( 'checked', false ); } else { $input.val( '' ); } $input.trigger( 'change' ); } ); } } ); } //----------> /Conditional Visibility <----------// //----------> Sync Address <----------// $( '#wpo-wcpdf-settings .sync-address' ).on( 'click', function( event ) { event.preventDefault(); const $button = $( this ); const $form = $( this ).closest('form'); const $icon = $button.find( 'span.dashicons' ); const $tooltip = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( '.sync-tooltip' ); let $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'input' ); if ( $field.length === 0 ) { $field = $button.closest( '.wpo-wcpdf-input-wrapper' ).find( 'select' ); } // Rotate the icon to indicate processing. $icon.toggleClass( 'rotate' ); $.ajax( { type: 'POST', url: wpo_wcpdf_admin.ajaxurl, data: { action: 'wpo_wcpdf_sync_address', security: wpo_wcpdf_admin.nonce, address_field: $field.attr( 'id' ), }, success: function( response ) { if ( response.success && response.data.value && '' !== response.data.value.trim() ) { if ( 'shop_address_country' === $field.attr( 'id' ) ) { const country_state = response.data.value.split( ':' ); $field.val( country_state[0] ); // Update states if the country changed. shopCountryChanged( $field ).done( function() { const matches = $field.attr( 'name' ).match( /\[([^\]]+)\]/g ); // matches all bracket parts const lang = matches ? matches[ matches.length - 1 ].replace( /[\[\]]/g, '' ) : 'default'; const $stateField = $form.find( `select[name="wpo_wcpdf_settings_general[shop_address_state][${lang}]"]` ); // Update the selected state. if ( $stateField.length !== 0 ) { $stateField.val( country_state[1] ); } } ); } else { $field.val( response.data.value ); } triggerPreview(); } else if ( ! response.success && response.data.message && '' !== response.data.message.trim() ) { $tooltip.text( response.data.message ).addClass( 'visible' ); setTimeout( function() { $tooltip.removeClass( 'visible' ); }, 3000 ); } }, complete: function() { // Reset the icon rotation. $icon.toggleClass( 'rotate' ); } } ); } ); //----------> /Sync Address <----------// } );
' + errorMessage + '