]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/commitdiff
projects / perso / Immae / Projets / Cryptomonnaies / BIP39.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 0a84fe6)
Card suits have color and use larger font size
authorIan Coleman <coleman.ian@gmail.com>
Mon, 14 Nov 2016 02:03:43 +0000 (13:03 +1100)
committerIan Coleman <coleman.ian@gmail.com>
Mon, 14 Nov 2016 02:03:43 +0000 (13:03 +1100)
src/index.html patch | blob | blame | history
src/js/entropy.js patch | blob | blame | history
src/js/index.js patch | blob | blame | history

diff --git a/src/index.html b/src/index.html
index cb4c23d0fc453a9bc1692d8529d1dd6c26a02569..c16dce8f2c513b4372d390ad27704c905ec93067 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -61,6 +61,22 @@
             .entropy-container li {
                 padding-bottom: 5px;
             }
+            .card-suit {
+                font-size: 26px;
+                line-height: 0;
+            }
+            .card-suit.club {
+                color: #009F00;
+            }
+            .card-suit.diamond {
+                color: #3D5DC4;
+            }
+            .card-suit.heart {
+                color: #F00;
+            }
+            .card-suit.spade {
+                color: #000;
+            }
         </style>
     </head>
     <body>
diff --git a/src/js/entropy.js b/src/js/entropy.js
index cd9b37557580bc0eaad85451de24e6cbb4a86fcf..0b76dcfef0afbdfb8f8de5103bb090828718fa9f 100644 (file)
--- a/src/js/entropy.js
+++ b/src/js/entropy.js
@@ -93,6 +93,7 @@ window.Entropy = new (function() {
             return {
                 binaryStr: "",
                 cleanStr: "",
+                cleanHtml: "",
                 base: base,
             };
         }
@@ -118,16 +119,23 @@ window.Entropy = new (function() {
         }
         // Supply a 'filtered' entropy string for display purposes
         var entropyClean = base.parts.join("");
+        var entropyHtml = base.parts.join("");
         if (base.asInt == 52) {
             entropyClean = base.parts.join(" ").toUpperCase();
             entropyClean = entropyClean.replace(/C/g, "\u2663");
             entropyClean = entropyClean.replace(/D/g, "\u2666");
             entropyClean = entropyClean.replace(/H/g, "\u2665");
             entropyClean = entropyClean.replace(/S/g, "\u2660");
+            entropyHtml = base.parts.join(" ").toUpperCase();
+            entropyHtml = entropyHtml.replace(/C/g, "<span class='card-suit club'>\u2663</span>");
+            entropyHtml = entropyHtml.replace(/D/g, "<span class='card-suit diamond'>\u2666</span>");
+            entropyHtml = entropyHtml.replace(/H/g, "<span class='card-suit heart'>\u2665</span>");
+            entropyHtml = entropyHtml.replace(/S/g, "<span class='card-suit spade'>\u2660</span>");
         }
         var e = {
             binaryStr: entropyBin,
             cleanStr: entropyClean,
+            cleanHtml: entropyHtml,
             base: base,
         }
         return e;
diff --git a/src/js/index.js b/src/js/index.js
index 107610886fd24debf758a4f789c7795832653448..d356eb80374340a6564530e281e77b5f51e76ea9 100644 (file)
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -819,7 +819,7 @@
         }
         var bitsStr = entropy.binaryStr.length;
         var wordCount = Math.floor(entropy.binaryStr.length / 32) * 3;
-        DOM.entropyFiltered.text(entropy.cleanStr);
+        DOM.entropyFiltered.html(entropy.cleanHtml);
         DOM.entropyType.text(entropy.base.str);
         DOM.entropyStrength.text(strength);
         DOM.entropyEventCount.text(entropy.base.ints.length);
A web tool for converting BIP39 mnemonic codes