From a5eeebe63d9b37a73f84ce6204cb5f39e263e26a Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 2 Apr 2025 13:00:30 +0000 Subject: [PATCH] Bug 36275: (follow-up) Add tooltip feedback MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This patch adds some code to the copytoClipBoard function so that it triggers a Bootstrap tooltip with the text "Copied to clipboard", providing feedback to the user that something has happened. The tooltip self-destructs after a few seconds. Signed-off-by: Paul Derscheid Signed-off-by: Emmanuel Bétemps Signed-off-by: Nick Clemens --- .../prog/en/includes/copy-to-clipboard-button.inc | 4 +++- koha-tmpl/intranet-tmpl/prog/js/copyToClipboard.js | 8 ++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/copy-to-clipboard-button.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/copy-to-clipboard-button.inc index 2c5f5746d91..adfca8d67be 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/copy-to-clipboard-button.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/copy-to-clipboard-button.inc @@ -1 +1,3 @@ - + diff --git a/koha-tmpl/intranet-tmpl/prog/js/copyToClipboard.js b/koha-tmpl/intranet-tmpl/prog/js/copyToClipboard.js index e339958273e..e82ee8ceb32 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/copyToClipboard.js +++ b/koha-tmpl/intranet-tmpl/prog/js/copyToClipboard.js @@ -14,6 +14,14 @@ } navigator.clipboard.writeText(value); + + target.title = __("Copied to clipboard"); + const tooltip = bootstrap.Tooltip.getOrCreateInstance(target); + tooltip.show(); + setTimeout(() => { + tooltip.dispose(); + target.title = ""; + }, 3000); }; copyToClipboardButtons.forEach(copyToClipboardButton => { -- 2.39.5