Navigation with relative url

[bc-devle]

In prettyblock admin, when you click on a relative link, navigation not working, nothing happens :

<a href="https://www.mysite.fr/test/"> => OK
<a href="/test/"> => NOK

[PrestaSafe]

Hi, i have reproduced this bug, i will fix it soon thanks.

[bc-devle]

Hello, any news on this ?

[PrestaSafe]

hi,
you can apply this fix:
in prettyblocks.js
search

const links = document.querySelectorAll('a');
    
    links.forEach(link => {
... 

Replace it by:

const links = document.querySelectorAll('a');
    
    links.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            let href = link.getAttribute('href')
            if (href && href !== '#') {

              let context = getContext()
              let params = {
                context: context,
                url: href,
              }
              sendToParent('setForceNewUrl', params);
            }
            });
    });

and, in pinia.js

change the updateFilteredURL method with it:

 updateFilteredURL(url) {
            // Si l'URL commence par "/", on la combine avec base_url
            if (url.startsWith('/')) {
                // Check if base_url ends with a slash to avoid double slashes
                if (ajax_urls.base_url.endsWith('/')) {
                    // Remove the leading slash from url to avoid double slash
                    url = ajax_urls.base_url + url.substring(1);
                } else {
                    url = ajax_urls.base_url + url;
                }
            }

            let hashIndex = url.indexOf('#');
            if (hashIndex !== -1) {
                url = url.substring(0, hashIndex) + '?prettyblocks=1' + url.substring(hashIndex);
            } else if (!url.includes('?')) {
                url += '?prettyblocks=1';
            } else if (!url.includes('prettyblocks')) {
                url += '&prettyblocks=1';
            }
            
            return url;
        }

and in AdminThemeManagerController.php
add:

'ajax_urls' => [
   // ... other entries
    'base_url' => $link->getBaseLink(),
]

rebuild everything in the _dev folder:

npm run build

and (very important):
npm run build-iframe

It should fix it !
Thanks

[bc-devle]

Thanks I will test it, but why you don't add it to main code ?

[PrestaSafe]

I will, i'm rewriting prettyblocks from scratch.

[LaBisquerie]

Hi @PrestaSafe, when I applied the patch i got an error in console Uncaught ReferenceError: sendToParent is not defined and I can't find the method sendToParent anywhere in the code.

[PrestaSafe]

Sorry try: window.parent.postMessage({ type: 'setNewUrl', params: params }, '*');
it should works.

[LaBisquerie]

It works, thank you.