Copy to Clipboard button next to the tool id in job information

[OlegZharkov]

fixes #11473

Clipboard button next to the tool id:

Additionaly it brings generic copy-to-clipboard component e.g.:

<copy-to-clipboard message="Tool ID was copied to your clipboard" :text="job.tool_id" />

[mvdbeek]

Maybe that's too much decomposing, but maybe the copy button can be its own vue component ? Otherwise this is great!

[OlegZharkov]

Maybe that's too much decomposing, but maybe the copy button can be its own vue component ?

I mean, we could if it's useful, do we have another usecase for this?

Otherwise this is great!

thanks!

[mvdbeek]

You could make this generic, so that the text to copy is being passed in. Then we have the copy button (and the styling) in a single place. It also makes the parent component slimmer, so you don't have for instance the copyToolId method in the body of the parent component. It's a style question, I don't want to hold up the PR.

[OlegZharkov]

You could make this generic, so that the text to copy is being passed in. Then we have the copy button (and the styling) in a single place. It also makes the parent component slimmer, so you don't have for instance the copyToolId method in the body of the parent component. It's a style question, I don't want to hold up the PR.

no worries, I will do it now

[OlegZharkov]

You could make this generic, so that the text to copy is being passed in. Then we have the copy button (and the styling) in a single place. It also makes the parent component slimmer, so you don't have for instance the copyToolId method in the body of the parent component. It's a style question, I don't want to hold up the PR.

So I changed it to <copy-to-clipboard :text="{variable_to_be_copied}" message="{text on toast}" />

[mvdbeek]

Thank you, that's great!

[OlegZharkov]

should I change icon to this one? 🤔

[dannon]

@OlegZharkov Good call -- yes, we should use the same icon consistently

[OlegZharkov]

thanks @mvdbeek @dannon @afgane