Open-EO / openeo-vue-components

Common Vue components for openEO.
Apache License 2.0
7 stars 1 forks source link

Hard to copy collection id from collection overview #81

Closed soxofaan closed 2 years ago

soxofaan commented 2 years ago

When visiting a collection listing like on https://docs.openeo.cloud/data-collections/ , it's hard to copy the actual collection id (so that I can paste it in my script/notebook). Because the collection id it is clickable (to toggle the collection's description/metadata), it's hard to select it for copying: double clicking doesn't work and select by dragging feels weird because my mouse pointer changed to cursor: pointer; style

Not sure what would be easiest/best: Could we add a small button with "copy this collection id to clipboard" functionality, or add a field on the collection overview that explicitly states "collection id" and some kind of text widget that makes it easy/obvious to copy?

m-mohr commented 2 years ago

The same issue applies for all lists basically. Nevertheless, it can be copied if you drag with the "wrong" mouse pointer. I'll check whether a copy button will work, probably the most annoying bit is to get an icon for it that can be used in the web components. There's one in unicode ( https://www.fileformat.info/info/unicode/char/1f4cb/index.htm ) but not sure how broadly that is supported.

m-mohr commented 2 years ago

I've added an experimental clipboard icon that shows after hovering the title which you can use to copy the identifier. This is enabled for collections and processes. This likely only works in modern browsers and may not show icons for all fonts. Let's see how it works.

soxofaan commented 2 years ago

thanks, seems to work fine for me