Network select populated automatically by js

[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / js / index.js

diff --git a/src/js/index.js b/src/js/index.js
index 81958fc7acf75c80dc358e161bfe60c6f869df19..9ea5bb56fcc613d2c63f0bf62410896c29cb11b2 100644 (file)
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -13,12 +13,18 @@
     var phraseChangeTimeoutEvent = null;
 
     var DOM = {};
+    DOM.network = $(".network");
+    DOM.phraseNetwork = $("#network-phrase");
     DOM.phrase = $(".phrase");
     DOM.passphrase = $(".passphrase");
     DOM.generate = $(".generate");
     DOM.rootKey = $(".root-key");
     DOM.extendedPrivKey = $(".extended-priv-key");
     DOM.extendedPubKey = $(".extended-pub-key");
+    DOM.bip32tab = $("#bip32-tab");
+    DOM.bip44tab = $("#bip44-tab");
+    DOM.bip32panel = $("#bip32");
+    DOM.bip44panel = $("#bip44");
     DOM.bip32path = $("#bip32-path");
     DOM.bip44path = $("#bip44-path");
     DOM.bip44purpose = $("#bip44 .purpose");
@@ -34,11 +40,13 @@
     DOM.indexToggle = $(".index-toggle");
     DOM.addressToggle = $(".address-toggle");
     DOM.privateKeyToggle = $(".private-key-toggle");
+    DOM.myceliumPath = $("#mycelium-path");
 
-    var derivationPath = DOM.bip44path.val();
+    var derivationPath = $(".tab-pane.active .path").val();
 
     function init() {
         // Events
+        DOM.network.on("change", networkChanged);
         DOM.phrase.on("input", delayedPhraseChanged);
         DOM.passphrase.on("input", delayedPhraseChanged);
         DOM.generate.on("click", generateClicked);
@@ -55,10 +63,18 @@
         disableForms();
         hidePending();
         hideValidationError();
+        populateNetworkSelect();
     }
 
     // Event handlers
 
+    function networkChanged(e) {
+        var network = e.target.value;
+        networks[network].onSelect();
+        setBip44DerivationPath();
+        delayedPhraseChanged();
+    }
+
     function delayedPhraseChanged() {
         hideValidationError();
         showPending();
@@ -369,6 +385,49 @@
             .hide();
     }
 
+    function populateNetworkSelect() {
+        for (var i=0; i<networks.length; i++) {
+            var network = networks[i];
+            var option = $("<option>");
+            option.attr("value", i);
+            option.text(network.name);
+            DOM.phraseNetwork.append(option);
+        }
+    }
+
+    var networks = [
+        {
+            name: "Bitcoin",
+            onSelect: function() {
+                network = Bitcoin.networks.bitcoin;
+                DOM.bip44coin.val(0);
+                DOM.myceliumPath.val("m/44'/0'/0'/0");
+            },
+        },
+        {
+            name: "Bitcoin Testnet",
+            onSelect: function() {
+                network = Bitcoin.networks.testnet;
+                DOM.bip44coin.val(1);
+                DOM.myceliumPath.val("m/44'/1'/0'/0");
+            },
+        },
+        {
+            name: "Litecoin",
+            onSelect: function() {
+                network = Bitcoin.networks.litecoin;
+                DOM.bip44coin.val(2);
+            },
+        },
+        {
+            name: "Dogecoin",
+            onSelect: function() {
+                network = Bitcoin.networks.dogecoin;
+                DOM.bip44coin.val(3);
+            },
+        },
+    ]
+
     init();
 
 })();