[ENHANCEMENT] Add Copy to clipboard suport to discount codes, order ids, payment ids and more.

[MaximilianoRicoTabo]

…nstead of open edit page

All Submissions:

• Have you followed the Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

This PR adds small button/icon next to the codes (discount codes, subscripton ids, order id, payment id) and event handlers in the JS admin file to allow users copy to the clipboard those codes.

How to test the changes in this Pull Request:

To test the scenario where the user's browser doesn't have access to clipboard API just start an instance without HTTPS.

To test the happy path scenario just go through different places with buttons and either click to copy and paste it somewhere else. Also it's possible to navigate with tab and copy hitting enter key for accessibility sake.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you successfully run tests with your changes locally?

Changelog entry

Enter a summary of all changes on this Pull Request. This will appear in the changelog if accepted.

[kimcoleman]

This link isn’t broken as is. It doesn’t open the edit page. It duplicates the discount code as a new code with same settings.

Let’s discuss whether the word copy is misleading and duplicate is better.

[MaximilianoRicoTabo]

Should I close this one then @kimcoleman ?

[kimcoleman]

We can chat about this in a dev meeting. ‘click to copy’ would be nice some other places in the plugin.

[dparker1005]

When testing, the ! navigator.clipboard check was failing on my local testing site on both Chrome and Safari. It looks like this may be due to the site not being HTTPS. Maybe we should put up an alert if the copy fails for some reason instead of just returning. Or even better, maybe we should only render the "copy" button if the browser supports copying.

If we're adding this behavior for copying the "discount code" code, maybe we should also add this for copying order codes as well. Or maybe we want a more universal solution that could even be used for payment/subscription IDs.

[MaximilianoRicoTabo]

Hey @dparker1005 I took navigator.clipboard support from here -> https://caniuse.com/mdn-api_navigator_clipboard It seems pretty supported to me, but fair enough to hide the button if the browser doesn't support.

Also, we can try a more universal solution, happy to add more effort to this PR to bring functionality to orders and payment / subs ids