Change links for Open in new tab and copy link on folder

wgdev

Hello,
First of all congrats for this amazing all - in - one script!

I use it in an iframe for a project and i need to change the links of the context menu items Open in new tab and copy links that addressed to folders only not to files.

The php file inside iframe is: http://mysite.d/fgal.php and the page that call the iframe is: http://mysite.d/files.html.

Now once we copy the link or open in new tab that is f.e: http://mysite.d/fgal.php?folder or even the root one http://mysite.d/fgal.php so i need to change the link to http://mysite.d/files.html?folder and http://mysite.d/files.html respectively.

These are the 3 cases that i would be interested to apply that change.

Right click on a folder:

Right click on the area:

Right click on the top right menu:

This is a sample of the iframe code:
<iframe id="vldropbox" src="http://mysite.d/fgal.php" data-link="http://mysite.d/files.html" style="width: 100%; height: 100vh; max-height: 1200px; border: none;"></iframe>

Can we do that? It would be amazing!

Karl

wgdev It's an interesting scenario, but there are some challenges involved.

First of all, Files Gallery isn't designed specifically for iframe usage. The functions that get currently get various links, use javascript location, which is the document that contains actual application.
It is possible to get window.top.location which would be the parent document. However, this will only work on same-origin domains, which wouldn't be a problem in your case.
Even if we create the link from the parent document location, are you sure the Files-specific query paths work when assigned to the parent document? I'm not quite sure the paths will apply on all devices (including mobile). Perhaps you can test?

Considering the above, there aren't currently any options that will automatically assign "open in new tab" and "copy link" to use the parent document location. I may consider looking into this, but it needs proper testing.

Until then, your only option would be to disable these specific buttons (they definitely aren't required). You could create your own custom buttons from Javascript options _c.config.contextmenu.mybutton = {OPTIONS}, but this is complicated, since you would need to also create your own functions for copying links etc.

wgdev

Karl Thank you for your reply!

It'll be awesome if we could do that for iframes on the same-origin domains of course. As for the Files-specific query paths i have implemented the following script just below the iframe call and it seems it's working great!

<script> const currentUrl = new URL(window.location.href); const queryString = currentUrl.search; const iframe = document.getElementById('vldropbox'); const phpUrl = iframe.src; iframe.src =${phpUrl}${queryString}; // i use backticks for this:${phpUrl}${queryString} </script>

If we won't come in a conclusion i would be interested of how i could disable these two links for folders only as they're important for files.

I am on learning process in any case.

Thank you!

Karl

I will consider improved iframe integration in a future release. For now, it won't work because it only creates link for the document that contains the application. If we are to create links for the "top" document, then iframe src may need to be implemented like in your example. I need to do iframe-specific testing.

wgdev If we won't come in a conclusion i would be interested of how i could disable these two links for folders only as they're important for files.

If you want to hide the "open in new tab" and "copy link" buttons only for folders, you could use custom.css:

#contextmenu:not(:has(a[download])) [target="_blank"],
#contextmenu:not(:has(a[download])) [data-action="clipboard"] {
  display: none;
}

wgdev

Karl Thank you for the consideration!