From ff0d5eb74a39b36ee766e4bafe0d8d0c39786acb Mon Sep 17 00:00:00 2001 From: Lucie Bader <167515375+Lucie-Bdr@users.noreply.github.com> Date: Sat, 15 Feb 2025 11:30:09 +0100 Subject: [PATCH] Tooltip boutons de connexion --- src/context_menu/custom_context_menu.js | 4 ++++ src/popup/popup.js | 9 ++++++++- src/sidebar/sidebar.js | 4 ++++ 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/src/context_menu/custom_context_menu.js b/src/context_menu/custom_context_menu.js index ae90611..37dd04d 100644 --- a/src/context_menu/custom_context_menu.js +++ b/src/context_menu/custom_context_menu.js @@ -86,6 +86,10 @@ function setupWhiteBoxActions() { const getDefinitionBtn = document.getElementById("getDefinitionButton"); const loginBtn = document.getElementById("loginButton"); + // Tooltips + if (loginBtn) { + loginBtn.title = "En vous connectant, vous pourrez accéder à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation."; + } // Bouton : Ajouter le mot au lexique addLexiconBtn.onclick = async (e) => { e.stopPropagation(); diff --git a/src/popup/popup.js b/src/popup/popup.js index e355702..a87ac94 100644 --- a/src/popup/popup.js +++ b/src/popup/popup.js @@ -6,7 +6,13 @@ async function updateConnectionButton() { const button = document.getElementById("auth-button"); if (button) { - button.textContent = accessToken ? "Se déconnecter" : "Se connecter"; + if (accessToken) { + button.textContent = "Se déconnecter"; + button.title = "En vous déconnectant, vous perdrez l'accès à vos lexiques personnels, ainsi que les fonctionnalités d'ajout automatique et de statistiques d'utilisation."; + } else { + button.textContent = "Se connecter"; + button.title = "En vous connectant, vous pourrez accéder à vos lexiques personnels, ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation."; + } button.onclick = async () => { await browser.runtime.sendMessage({ action: "toggleAuth" }); }; @@ -15,6 +21,7 @@ async function updateConnectionButton() { } } + // === 2. Mise à jour dynamique de la sélection des langues === async function updateLanguageSelection() { const languageSelection = document.getElementById("language-selection"); diff --git a/src/sidebar/sidebar.js b/src/sidebar/sidebar.js index 1da38e8..41c7e6d 100644 --- a/src/sidebar/sidebar.js +++ b/src/sidebar/sidebar.js @@ -37,6 +37,9 @@ function updateAuthButton(isLoggedIn) { const authButton = document.getElementById("auth-button"); if (authButton) { authButton.textContent = isLoggedIn ? "Se déconnecter" : "Se connecter"; + authButton.title = isLoggedIn + ? "En vous déconnectant, vous perdrez l'accès à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation." + : "En vous connectant, vous pourrez accéder à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation."; console.log("🔄 Bouton d'authentification mis à jour :", authButton.textContent); } else { console.warn("âš ï¸ Bouton d'authentification (#auth-button) introuvable."); @@ -44,6 +47,7 @@ function updateAuthButton(isLoggedIn) { } + function toggleElementsVisibility(isLoggedIn) { const elementsToShowOrHide = [ { id: "add-to-lexiques", shouldShow: isLoggedIn }, -- GitLab