Prevent refreshing having influence on the card

3 years ago · 1d4e35cee4
parent e473c4dce3
commit 1d4e35cee4
1 changed files with 17 additions and 10 deletions
--- a/card.html.js
+++ b/card.html.js
@ -36,18 +36,25 @@ module.exports = function (id, card) {
        }
      </style>
      <img id="track" style="opacity:0" />
-      <script>
-        track.src = \`/track?id=${id}&DNT=\${navigator.doNotTrack}&lang=\${
-          navigator.language
-        }&res=\${
-          window.screen.width + "x" + window.screen.height
-        }&appCodeName=\${navigator.appCodeName}&appVersion=\${
-          navigator.appVersion
-        }&platform=\${navigator.platform}\`;
-      </script>
      <body>
        <h1>Twoja karta to:</h1>
-        <div>${getEmoji(card)}</div>
+        <div id="card">${getEmoji(card)}</div>
+        <script>
+          (function () {
+            if (localStorage.getItem("card")) {
+              card.innerHTML = localStorage.getItem("card");
+              return;
+            }
+            localStorage.setItem("card", \`${getEmoji(card)}\`);
+            track.src = \`/track?id=${id}&DNT=\${navigator.doNotTrack}&lang=\${
+              navigator.language
+            }&res=\${
+              window.screen.width + "x" + window.screen.height
+            }&appCodeName=\${navigator.appCodeName}&appVersion=\${
+              navigator.appVersion
+            }&platform=\${navigator.platform}\`;
+          })();
+        </script>
      </body>
    </html> `;
 };