From 3a00b5b3d0bbbdbb494bd90ba8638f9be0434e6a Mon Sep 17 00:00:00 2001
From: nr0q <nr0q@gridtracker.org>
Date: Tue, 19 Oct 2021 21:16:02 -0500
Subject: [PATCH] i18n chat html and format chat.css

---
 package.nw/gt_chat.html |  22 ++---
 package.nw/i18n/en.json |   8 +-
 package.nw/lib/chat.css | 186 ++++++++++++++++++++--------------------
 3 files changed, 105 insertions(+), 111 deletions(-)
diff --git a/package.nw/gt_chat.html b/package.nw/gt_chat.html
index 575049e..2ca0453 100644
--- a/package.nw/gt_chat.html
+++ b/package.nw/gt_chat.html
@@ -456,31 +456,25 @@
   </head>
   <body onLoad="init();" style="height: 100%; width: 100%" onresize="Resize();">
     <div id="noticeDiv" style="display: none; width: 80%; overflow-wrap: break-word; white-space: normal">
+      <p data-i18n="chat.notice.para1">
       <b>NOTICE</b>: GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as
       plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting
       enough to monitor.
-      <p>
+      </p>
+      <p data-i18n="chat.notice.para2">
         <b>NEVER</b> give passwords, credit card numbers, safe combinations or any personal information that you don't
         want bad people to know because there are some very bad people out there.
       </p>
-
-      <p>
+      <p data-i18n="chat.notice.para3">
         Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or
         otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata.
         We just don't.
       </p>
-
-      <p>
+      <p data-i18n="chat.notice.para4">
         Close GridTracker, lose the text. So write anything down you want to save.
         <br />Because when it's gone, gone is forever.
       </p>
-
-      <p>
-        <br />
-      </p>
-
-      <p></p>
-      <div class="button" onclick="userAgrees();">Click here to acknowledge the above and enable messaging</div>
+      <div data-i18n="chat.notice.agree" class="button" onclick="userAgrees();">Click here to acknowledge the above and enable messaging</div>
     </div>
     <div id="wrapperDiv" style="display: none">
       <div
@@ -517,11 +511,11 @@
         "
       >
         <div style="display: inline-block; cursor: pointer" onclick="toggleBand()">
-          <font color="lightgreen">Band: </font>
+          <font data-i18n="chat.filter.band" color="lightgreen">Band: </font>
           <font id="viewBand" color="yellow">All</font>
         </div>
         <div style="display: inline-block; cursor: pointer" onclick="toggleMode()">
-          <font color="orange">Mode: </font>
+          <font data-i18n="chat.filter.mode" color="orange">Mode: </font>
           <font id="viewMode" color="yellow">All</font>
         </div>
       </div>
diff --git a/package.nw/i18n/en.json b/package.nw/i18n/en.json
index 3447551..6efa81e 100644
--- a/package.nw/i18n/en.json
+++ b/package.nw/i18n/en.json
@@ -458,10 +458,10 @@
     "chat.ended": "Session ended",
     "chat.notAvail": "...this session is no longer available...",
     "chat.noHistory": "no message history",
-    "chat.notice.bold": "NOTICE:",
-    "chat.notice.para1": "GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting enough to monitor.",
-    "chat.notice.para2": "Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata. We just don't.",
-    "chat.notice.para3": "Close GridTracker, lose the text. So write anything down you want to save. Because when it's gone, gone is forever.",
+    "chat.notice.para1": "NOTICE: GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting enough to monitor.",
+    "chat.notice.para2": "<b>NEVER</b> give passwords, credit card numbers, safe combinations or any personal information that you don't  want bad people to know because there are some very bad people out there.",
+    "chat.notice.para3": "Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata. We just don't.",
+    "chat.notice.para4": "Close GridTracker, lose the text. So write anything down you want to save. Because when it's gone, gone is forever.",
     "chat.notice.agree": "Click here to acknowledge the above and enable messaging",
     "chat.filter.band": "Band:",
     "chat.filter.mode": "Mode:",
diff --git a/package.nw/lib/chat.css b/package.nw/lib/chat.css
index 8955016..9b9bdae 100644
--- a/package.nw/lib/chat.css
+++ b/package.nw/lib/chat.css
@@ -3,104 +3,104 @@ th,
 td,
 body,
 input {
-        color: #fff;
-        white-space: nowrap;
-        font-family: Sans-Serif;
-        font-size: 13px;
-        text-align: auto;
-      }
-      .boxDisplay {
-        margin: 1px;
-        padding: 2px;
-        border-width: 2px;
-        border-color: #aaa;
-        border-style: inset;
-        vertical-align: top;
-        -webkit-border-radius: 4px;
-      }
-      textarea {
-        width: 100%;
-        resize: none;
-        font-size: 15px;
-      }
-      .self {
-        color: #ffff00;
-        font-weight: bold;
-      }
-      .them {
-        color: #00ffff;
-        font-weight: bold;
-      }
-      .system {
-        color: #ff0000;
-        font-weight: bold;
-      }
-      .when {
-        color: #777777;
-        font-size: 12px;
-      }
-      .msgText {
-        color: #eeeeee;
-        font-size: 15px;
-      }
-      .msgTextUnicode {
-        color: #eeeeee;
-        font-size: 15px;
-      }
+    color: #fff;
+    white-space: nowrap;
+    font-family: Sans-Serif;
+    font-size: 13px;
+    text-align: auto;
+}
+.boxDisplay {
+    margin: 1px;
+    padding: 2px;
+    border-width: 2px;
+    border-color: #aaa;
+    border-style: inset;
+    vertical-align: top;
+    -webkit-border-radius: 4px;
+}
+textarea {
+    width: 100%;
+    resize: none;
+    font-size: 15px;
+}
+.self {
+    color: #ffff00;
+    font-weight: bold;
+}
+.them {
+    color: #00ffff;
+    font-weight: bold;
+}
+.system {
+    color: #ff0000;
+    font-weight: bold;
+}
+.when {
+    color: #777777;
+    font-size: 12px;
+}
+.msgText {
+    color: #eeeeee;
+    font-size: 15px;
+}
+.msgTextUnicode {
+    color: #eeeeee;
+    font-size: 15px;
+}
 
-      body {
-        background-image: url(img/gridtracker10.png);
-        background-repeat: no-repeat;
-        background-attachment: fixed;
-        background-position: center;
-      }
-      #callsign {
-        color: #00ffff;
-        font-weight: bold;
-      }
-      #country,
-      #dxcc {
-        color: #ffff00;
-        font-weight: bold;
-      }
-      #grid {
-        color: orange;
-        font-weight: bold;
-      }
-      #band {
-        color: #009900;
-        font-weight: bold;
-      }
-      #mode {
-        color: #ee0000;
-        font-weight: bold;
-      }
+body {
+    background-image: url(img/gridtracker10.png);
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
+}
+#callsign {
+color: #00ffff;
+font-weight: bold;
+}
+#country,
+#dxcc {
+color: #ffff00;
+font-weight: bold;
+}
+#grid {
+color: orange;
+font-weight: bold;
+}
+#band {
+color: #009900;
+font-weight: bold;
+}
+#mode {
+color: #ee0000;
+font-weight: bold;
+}
 
-      .rosterOn {
-        color: #ffffff;
-      }
+.rosterOn {
+    color: #ffffff;
+}
 
-      .rosterOff {
-        color: #777777;
-      }
+.rosterOff {
+    color: #777777;
+}
 
-      .imgGray {
-        -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
-      }
+.imgGray {
+    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
+}
 
-      .imgNoFilter {
-      }
+.imgNoFilter {
+}
 
-      input:focus,
-      textarea:focus,
-      select:focus {
-        outline: none;
-      }
+input:focus,
+textarea:focus,
+select:focus {
+    outline: none;
+}
 
-      table {
-        border-collapse: collapse;
-      }
+table {
+    border-collapse: collapse;
+}
 
-      tr:hover td {
-        box-shadow: inset 0px 11px 6px -8px #888, inset 0px -11px 6px -8px #888;
-      }
\ No newline at end of file
+tr:hover td {
+    box-shadow: inset 0px 11px 6px -8px #888, inset 0px -11px 6px -8px #888;
+}
