Photos: Add a link from the Files tab to the file folder

[alexislefebvre]

This PR adds a button to link from the “Files” tab to the directory which contain the file:

Since it's a link, users can open it in another tab or the current tab, depending how they click on it.

And the dog will be happy.

It's the first time I write Vue code, please let me know if something needs to be changed.

Acceptance Criteria:

• Features and enhancements are fully implemented so that they can be released at any time without additional work
• Automated unit and/or acceptance tests have been added to ensure the changes work as expected and to reduce repetitive manual work - it looks like tests should go there https://github.com/photoprism/photoprism/blob/develop/frontend/tests/acceptance/acceptance-public/photos.js but I don't know how to test this feature
• User interface changes are fully responsive and have been tested on all major browsers and various devices
• Database-related changes are compatible with SQLite and MariaDB
• Translations will be updated
• Documentation has been / will be updated
• Contributor License Agreement (CLA) has been signed

[lastzero]

Thanks! Seems like a great quick win. Going to review & merge this as soon as possible.

[ValXp]

FYI, you can use template literals with ` like this:
return `${this.config.baseUri}/library/index/files/${file.name.substring(0, file.name.lastIndexOf('/'))}`;
See the mozilla doc.

[alexislefebvre]

I think that it's easier to read with 2 variables.

[lastzero]

@alexislefebvre Thank you for waiting so patiently! There is some more work needed to release it. For example, the URL should be generated using the frontend router, e.g. like in this commit. I will be happy to do this for you after the merge :)

[lastzero]

You can now help test this with our preview build and on our public demo. An overview of all changes can be found in the Release Notes at docs.photoprism.app/release-notes/#development-preview.

Please note that for now, the "Show Folder" button is only displayed when experimental features are enabled!

[lastzero]

@alexislefebvre Note that the button label is not final yet. I've used "Folder" with an icon for now, since there is already a translation for it.

We could alternatively use "Show Folder", "Open Folder", "Browse" or "Browse Folder" - or just change the icon e.g. https://fonts.google.com/icons?icon.query=folder?

Not sure what's best, so I value everyone's opinion on this! 🤗

[alexislefebvre]

It works, thanks!