clean help messages

l10n/po/br/trivabble.po

@@ -164,8 +164,8 @@ msgstr "Son ar c'hemennadenoù"
 msgid "Number of tiles in the bag:"
 msgstr "Niver a bezhioù er sac'h:"
 
-msgid "Click on it to take one."
-msgstr "Klikit warnañ evit kemer unan"
+msgid "Click on the bag to take onei tile."
+msgstr ""
 
 msgid "Put back all the tiles in the bag"
 msgstr "Adlakaat an holl pezhioù er sac'h"

l10n/po/fr/trivabble.po

@@ -85,8 +85,8 @@ msgstr "Bruit des messages"
 msgid  "Number of tiles in the bag:"
 msgstr "Nombre de pièces dans le sac :"
 
-msgid  "Click on it to take one."
-msgstr "Cliquez dessus pour en prendre une."
+msgid  "Click on the bag to take one tile."
+msgstr "Cliquez sur le sac pour prendre une pièce."
 
 msgid  "Put back all the tiles in the bag"
 msgstr "Ranger toutes les pièces dans le sac"

l10n/po/ro/trivabble.po

@@ -156,8 +156,8 @@ msgstr "Sunet de la mesaje"
 msgid "Number of tiles in the bag:"
 msgstr "Număr de jetoane în sac:"
 
-msgid "Click on it to take one."
-msgstr "Apasă pe el ca să iei unul."
+msgid "Click on the bag to take one tile."
+msgstr ""
 
 msgid "Put back all the tiles in the bag"
 msgstr "Pune toate jetoanele înapoi în sac"

l10n/pot/trivabble.pot

@@ -87,7 +87,7 @@ msgstr ""
 msgid  "Number of tiles in the bag:"
 msgstr ""
 
-msgid  "Click on it to take one."
+msgid  "Click on the bag to take one tile."
 msgstr ""
 
 msgid  "Put back all the tiles in the bag"

public/index.html

@@ -73,17 +73,26 @@
         <div id="panel">
             <button id="btn-settings" data-l10n="text-content">Settings</button>
             <div id="bag"></div>
-            <p><span data-l10n="text-content">Number of tiles in the bag:</span><br /><span id="remaining-letters">102</span><br /><span id="help-bag" data-l10n="text-content">Click on it to take one.</span><a href="#" id="help-clear" style="display:none"></a></p>
+            <p><span data-l10n="text-content">Number of tiles in the bag:</span><br /><span id="remaining-letters">102</span></p>
             <table id="participants">
                 <tr><th data-l10n="text-content">Participant</th><th data-l10n="text-content">Rack</th><th data-l10n="text-content">Score</th><th data-l10n="text-content">Turn</th></tr>
                 <tr id="participants-placeholder"><td colspan="4" data-l10n="text-content">Waiting for other participants…</td></tr>
             </table>
-            <p id="help-scores" data-l10n="text-content">Click on someone's score&#10;to change it.</p>
-            <p id="help-turn" data-l10n="text-content">Who's turn? Click on the Turn button!</p>
+            <div id="help-message">
+                <p data-l10n="text-content" style="display:none">Click on the bag to take one tile.</p>
+                <p data-l10n="text-content" style="display:none">Click on someone's score&#10;to change it.</p>
+                <p data-l10n="text-content" style="display:none">Who's turn? Click on the Turn button!</p>
+                <p data-l0n="text-content" style="display:none">Spell checking is based on: <a rel="noopener noreferrer" target="_blank" href="http://aspell.net">Aspell</a></p>
+                <p data-l0n="text-content" style="display:none">Click on the (+) to add someone's score.</p>
+                <p data-l0n="text-content" style="display:none">Double click or double tap on a cell to highlight it.</p>
+                <p data-l0n="text-content" style="display:none">Timer can be activated/deactivated in the preference window.</p>
+                <p data-l0n="text-content" style="display:none">Flashing light is adjustable in the preference window.</p>
+                <p data-l0n="text-content" style="display:none">Sound options are in the preference window.</p>
+                <p data-l0n="text-content" style="display:none">Move tile from your rag to the board to place new words.</p>
+            </div>
             <button id="clear-rack" class="minibutton" data-l10n="text-content">Put back all the tiles of&#10;your rack in the bag</button>
             <button id="show-rack" class="minibutton" data-l10n="text-content">Show my rack to other players</button>
             <button id="check-spelling" class="minibutton" data-l10n="text-content" style="display:none">Check spelling for new words</button>
-            <p id="info-spell-checking" style="display:none;"><span data-l0n="text-content">Spell checking is based on:</span> <a rel="noopener noreferrer" target="_blank" href="http://aspell.net">Aspell</a></p>
         </div>
     </body>
 </html>

public/trivabble.css

@@ -47,7 +47,7 @@ html, #board, [draggable], .tile {
     color: green;
 }
 
-#clear-game, #help-scores, #clear-rack, #help-turn {
+#clear-game, #help-message, #clear-rack {
     white-space:pre-wrap;
 }
 
@@ -57,7 +57,7 @@ html, #board, [draggable], .tile {
   -webkit-user-drag: element;
 }
 
-#help-clear, #help-bag, #help-scores, #help-turn {
+#help-message {
     font-size:small
 }
 

public/trivabble.js

@@ -72,8 +72,6 @@
     let audioChat;
     let chatMessages;
     let chatTextarea;
-    let helpBag;
-    let helpClear;
 
     let tablePlayers = {};
     let participantPlaceholder;
@@ -1054,13 +1052,6 @@
         if (typeof data.remainingLetters === "number") {
             remainingLetters = data.remainingLetters;
             document.getElementById("remaining-letters").textContent = data.remainingLetters;
-            if (data.remainingLetters === 0) {
-                helpBag.style.display = "none";
-                helpClear.style.display = "";
-            } else {
-                helpBag.style.display = "";
-                helpClear.style.display = "none";
-            }
         }
 
         if (data.rack) {
@@ -1889,10 +1880,8 @@
         if (!Conf.ENABLE_SPELL_CHECKER || localStorage.spellCheckerEnabled === "false") {
             document.getElementById("check-spelling").style.display = "none";
             document.getElementById("enable-spell-checker").checked = false;
-            document.getElementById("info-spell-checking").style.display = "none";
         } else {
             document.getElementById("check-spelling").style.display = "";
-            document.getElementById("info-spell-checking").style.display = "";
             document.getElementById("enable-spell-checker").checked = true;
         }
     }
@@ -2042,8 +2031,6 @@
         bag           = document.getElementById("bag");
         chatMessages  = document.getElementById("chat-messages");
         chatTextarea  = document.getElementById("chat-ta");
-        helpBag       = document.getElementById("help-bag");
-        helpClear     = document.getElementById("help-clear");
         participantPlaceholder = document.getElementById("participants-placeholder");
     }
 
@@ -2057,8 +2044,6 @@
         document.getElementById("clear-rack").onclick  = clearRack;
         document.getElementById("show-rack").onclick   = showRack;
         document.getElementById("check-spelling").onclick = checkSpellingClicked;
-        helpClear.onclick  = clearGame;
-
         document.getElementById("btn-settings").onclick = showSettings;
         document.getElementById("btn-settings-close").onclick = showSettings;
     }