feat: Use simple input field instead of multiselect for plain URLs

[juliusknorr]

When no link provider (except URL) is enabled a multiselect field might be confusing to users, so this PR switches over to a simple input field in that case. As there are no suggestions then a multiselect does not make sense.

• In addition I added a copy and open link button to make it easier to access the link again (fixes Unable to get back previously set (github) link #1186)
• Move clipboard logic into a mixin so it can be reused
• Render a link preview in the edit modal

Styling of the multiselect is still a bit odd, but will check that separately as it seems to come from the component library.

Kapture.2024-08-22.at.15.54.06.webm

[enjeck]

Looks good except for the failing Cypress tests. Pushed a commit for this

[enjeck]

Weird that the test still fails on some stable branches 🤔

[datenangebot]

How to reproduce this? I removed the provider stuff directly on db side like [{"columnId":1001,"value":"http://phpmyadmin.local"}] but there is no change on the front end?!

Thoughts:

• Is it possible to look for other resources if it is a plain url presented as a input?
• Wouldn't it be better if we change plain URLs to link providder URL and fetch the title from the url as title or subline?

[juliusknorr]

Sorry I should have described this a bit more. The goal of this PR is purely to make the input more user friendly if only URL is enabled as a provider for a column, as in this case the multiselect does not give any benefit as there is only one option to select (which is inserting the plain URL).

I agree we should still fetch the title and store/render it for additional context. Will look into that.

[enjeck]

@juliushaertl Do we still need this?

[juliusknorr]

Yes, I think this would still be a nice improvement.

Will try to wrap it up

[juliusknorr]

Ok that has been a while 🙈

Finally pushed some more adjustments here all summarized with a screen recording in the first post.

[enjeck]

Shouldn't the multiselect be bigger so that everything fits in? Seems weird to have to scroll through such a narrow field to see the full content

[juliusknorr]

I failed to properly adapt the NcSelect to a dynamic height for the selected-option slot, so I decided for now to just stick to a standard height and remove the link type when showing the current selection. Should be not relevant anyways as we have a more detailed link preview:

[enjeck]

I like it 😎 👍