Add notes to icon tooltip and alert in forum (#160)

* Add notes to icon tooltip and alert in forum * Fix for integrated browser --------- Co-authored-by: Willy-JL <[email protected]>
Willy-JL · May 16, 2024 · 29ae3c8 · 29ae3c8
1 parent aa232cc
commit 29ae3c8
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 7 deletions.
diff --git a/extension/chrome.zip b/extension/chrome.zip
diff --git a/extension/chrome/extension.js b/extension/chrome/extension.js
@@ -96,9 +96,13 @@ const updateIcons = async (tabId) => {
                 const game = games.find(g => g.id === gameId);
                 icon.classList.add('mdi');
                 icon.style.setProperty('--mdi-i', `'${game.icon}'`);
-                icon.setAttribute('title', 'This game is present in your F95Checker library!');
+                let tooltiptext = 'This game is present in your F95Checker library!';
+                if (game.notes) {
+                    tooltiptext += `\n\nNOTES: ${game.notes}`;
+                }
+                icon.setAttribute('title', tooltiptext);
                 icon.addEventListener('click', () =>
-                    alert('This game is present in your F95Checker library!')
+                    alert(tooltiptext)
                 );
                 icon.style.color = game.color;
                 return [icon, game.color];

diff --git a/extension/firefox.zip b/extension/firefox.zip
diff --git a/extension/firefox/extension.js b/extension/firefox/extension.js
@@ -96,9 +96,13 @@ const updateIcons = async (tabId) => {
                 const game = games.find(g => g.id === gameId);
                 icon.classList.add('mdi');
                 icon.style.setProperty('--mdi-i', `'${game.icon}'`);
-                icon.setAttribute('title', 'This game is present in your F95Checker library!');
+                let tooltiptext = 'This game is present in your F95Checker library!';
+                if (game.notes) {
+                    tooltiptext += `\n\nNOTES: ${game.notes}`;
+                }
+                icon.setAttribute('title', tooltiptext);
                 icon.addEventListener('click', () =>
-                    alert('This game is present in your F95Checker library!')
+                    alert(tooltiptext)
                 );
                 icon.style.color = game.color;
                 return [icon, game.color];

diff --git a/extension/integrated.js b/extension/integrated.js
@@ -93,9 +93,13 @@ var updateIcons = async () => {
         const game = games.find(g => g.id === gameId);
         icon.classList.add('mdi');
         icon.style.setProperty('--mdi-i', `'${game.icon}'`);
-        icon.setAttribute('title', 'This game is present in your F95Checker library!');
+        let tooltiptext = 'This game is present in your F95Checker library!';
+        if (game.notes) {
+            tooltiptext += `\n\nNOTES: ${game.notes}`;
+        }
+        icon.setAttribute('title', tooltiptext);
         icon.addEventListener('click', () =>
-            alert('This game is present in your F95Checker library!')
+            alert(tooltiptext)
         );
         icon.style.color = game.color;
         return [icon, game.color];

diff --git a/modules/rpc_thread.py b/modules/rpc_thread.py
@@ -73,7 +73,8 @@ def do_GET(self):
                             self.send_json(200, [{
                                     "id": g.id,
                                     "icon": g.tab.icon if g.tab else Tab.first_tab_label[0],
-                                    "color": colors.rgba_0_1_to_hex(g.tab.color) if g.tab and g.tab.color else "#FD5555"
+                                    "color": colors.rgba_0_1_to_hex(g.tab.color) if g.tab and g.tab.color else "#FD5555",
+                                    "notes": g.notes,
                                 } for g in globals.games.values()
                             ])
                             return