onhover show space char as [space]

rmccrear · Mar 17, 2024 · 549b45b · 549b45b
1 parent fea1ceb
commit 549b45b
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/app/write-message.js b/app/write-message.js
@@ -254,16 +254,29 @@ const changeDigitSystem = function(digits) {
   resetMessage();
 }
 
+function messageTokenForDisplay(messageToken) {
+  if(messageToken === " ") {
+    return "[space]";
+  } else if (messageToken === "\t") {
+    return "[tab]";
+  } else if (messageToken === "\n") {
+    return "[newline]";
+  } else {
+    return messageToken;
+  }
+}
+
 function setupDisplay(encodedMessageWithSpaces) {
   let tokens = encodedMessageWithSpaces.split(" ");
   let message = board.decodeMessage(tokens.join(""));
   let elms = [];
   for(let i=0; i<tokens.length; i++) {
     const internalCode = tokens[i];
     const encodedLetter = convertDigits(internalCode, INTERNAL_DIGITS, DIGITS);
+    let messageToken = messageTokenForDisplay(message[i]);
     elms.push(`<span
       class="encoded-token"
-      data-code="${internalCode}">${encodedLetter}<span class="code-popup"><span class="code-popup-letter">${message[i]}:</span>  ${encodedLetter}</span></span> `);
+      data-code="${internalCode}">${encodedLetter}<span class="code-popup"><span class="code-popup-letter">${messageToken}:</span>  ${encodedLetter}</span></span> `);
   }
   $("#code").html(elms.join(""));
 }