Adds basic auth user and password functionality

Author: bmavity

app/js/index.js

@@ -522,8 +522,18 @@ var UI = (function(UI, undefined) {
         content += "<input type='text' id='server_config_host' placeholder='" + UI.t("custom_host") + "' data-i18n='[placeholder]custom_host' value='" + (configuration.lightWalletHost ? UI.format(configuration.lightWalletHost) + (configuration.lightWalletPort ? ":" + UI.format(configuration.lightWalletPort) : "") : "") + "' /></div>";
       }
 
-      content += "<div class='input-group'><label data-i18n='min_weight_magnitude'>" + UI.t("min_weight_magnitude") + "</label>" + 
-      "<input type='number' min='" + UI.format(configuration.minWeightMagnitudeMinimum) + "' name='min_weight_magnitude' id='server_config_min_weight_magnitude' placeholder='' value='" + UI.format(configuration.minWeightMagnitude ? configuration.minWeightMagnitude : configuration.minWeightMagnitudeMinimum) + "' /></div>";
+      content += "<div class='input-group'>"
+        + "<label data-i18n=light_wallet_user'>" + i18n.t("light_wallet_user") + "</label>"
+        + "<input type='text' min='" + configuration.lightWalletUser + "' name='light_wallet_user' id='light_wallet_user' placeholder='' value='" + String(configuration.lightWalletUser ? configuration.lightWalletUser : '').escapeHTML() + "' />"
+        + "</div>";
+
+      content += "<div class='input-group'>"
+        + "<label data-i18n=light_wallet_password'>" + i18n.t("light_wallet_password") + "</label>"
+        + "<input type='password' min='" + configuration.lightWalletPassword + "' name='light_wallet_password' id='light_wallet_password' placeholder='' value='" + String(configuration.lightWalletPassword ? configuration.lightWalletPassword : '').escapeHTML() + "' />"
+        + "</div>";
+
+      content += "<div class='input-group'><label data-i18n='min_weight_magnitude'>" + i18n.t("min_weight_magnitude") + "</label>" + 
+      "<input type='number' min='" + configuration.minWeightMagnitudeMinimum + "' name='min_weight_magnitude' id='server_config_min_weight_magnitude' placeholder='' value='" + String(configuration.minWeightMagnitude ? configuration.minWeightMagnitude : configuration.minWeightMagnitudeMinimum).escapeHTML() + "' /></div>";
     } else {
       content = "<h1 data-i18n='node_config'></h1>" + 
       "<div class='input-group'><label data-i18n='node_port'>" + UI.t("node_port") + "</label>" + 
@@ -586,6 +596,10 @@ var UI = (function(UI, undefined) {
 
         config.lightWalletHost = res[1];
         config.lightWalletPort = res[2];
+
+        config.lightWalletUser = document.getElementById("light_wallet_user").value;
+        config.lightWalletPassword = document.getElementById("light_wallet_password").value;
+
         config.minWeightMagnitude = parseInt(document.getElementById("server_config_min_weight_magnitude").value, 10);
       } else {
         config.port = parseInt(document.getElementById("server_config_port").value, 10);

app/js/main.js

@@ -1558,6 +1558,8 @@ var App = (function(App, undefined) {
           "showStatus": settings.showStatusBar,
           "host": (settings.lightWallet == 1 ? settings.lightWalletHost : "http://localhost"),
           "port": (settings.lightWallet == 1 ? settings.lightWalletPort : settings.port),
+          "auth_user": (settings.lightWallet == 1 ? settings.lightWalletUser : null),
+          "auth_password": (settings.lightWallet == 1 ? settings.lightWalletPassword : null),
           "depth": settings.depth,
           "minWeightMagnitude": settings.minWeightMagnitude,
           "ccurlPath": ccurlPath,
@@ -2009,7 +2011,16 @@ var App = (function(App, undefined) {
         walletType = settings.lightWallet;
       }
       if (walletType == 1) {
-        var config = {"lightWallet": 1, "lightWalletHost": settings.lightWalletHost, "lightWalletPort": settings.lightWalletPort, "minWeightMagnitude": settings.minWeightMagnitude, "testNet": isTestNet, "minWeightMagnitudeMinimum": minWeightMagnitudeMinimum};
+        var config = {
+          "lightWallet": 1,
+          "lightWalletHost": settings.lightWalletHost,
+          "lightWalletPassword": settings.lightWalletPassword,
+          "lightWalletPort": settings.lightWalletPort,
+          "lightWalletUser": settings.lightWalletUser,
+          "minWeightMagnitude": settings.minWeightMagnitude,
+          "testNet": isTestNet,
+          "minWeightMagnitudeMinimum": minWeightMagnitudeMinimum
+        };
 
         var req = https.get('https://iotasupport.com/providers.json?' + (new Date().getTime()));
         req.on('response', function (res) {
@@ -2098,6 +2109,22 @@ var App = (function(App, undefined) {
             lightWalletHostChange = true;
           }
         }
+
+        if (configuration.hasOwnProperty("lightWalletUser")) {
+          var lightWalletUser = configuration.lightWalletUser;
+          if (lightWalletUser != settings.lightWalletUser) {
+            settings.lightWalletUser = lightWalletUser;
+            lightWalletHostChange = true;
+          }
+        }
+
+        if (configuration.hasOwnProperty("lightWalletPassword")) {
+          var lightWalletPassword = configuration.lightWalletPassword;
+          if (lightWalletPassword != settings.lightWalletPassword) {
+            settings.lightWalletPassword = lightWalletPassword;
+            lightWalletHostChange = true;
+          }
+        }
       } else {
         if (configuration.hasOwnProperty("nodes")) {
           var nodes = [];

app/windows/js/setup.js

@@ -120,6 +120,8 @@ var UI = (function(UI, undefined) {
           settings.lightWallet = 1;
           settings.lightWalletHost = res[1];
           settings.lightWalletPort = res[2];
+          settings.lightWalletUser = document.getElementById("light_wallet_user").value;
+          settings.lightWalletPassword = document.getElementById("light_wallet_password").value;
         }
       }
 

locales/en/translation.json

@@ -310,4 +310,7 @@
   "no_connection_to_host":"No Connection to Host",
   "request_error":"Request Error",
   "invalid_transaction_hash": "Invalid Transaction Hash"
+
+  "light_wallet_user":"Username",
+  "light_wallet_password": "Password"
 }

ui/js/ui.init.js

@@ -83,6 +83,14 @@ var UI = (function(UI, $, undefined) {
       if (params.has("interrupt")) {
         interruptAttachingToTangle = true;
       }
+
+      if (params.has("auth_user")) {
+        connection.auth = {
+          "type": "basic",
+          "user": params.get("auth_user"),
+          "password": params.get("auth_password")
+        };
+      }
     }
 
     UI.makeMultilingual(connection.language, function() {
@@ -98,10 +106,15 @@ var UI = (function(UI, $, undefined) {
         return;
       }
 
-      iota = new IOTA({
+      var connectionSettings = {
         "host": connection.host,
         "port": connection.port
-      });
+      };
+      if (connection.auth) {
+        connectionSettings.auth = connection.auth;
+      }
+
+      iota = new IOTA(connectionSettings);
 
       if (connection.host != "http://localhost") {
         connection.lightWallet = true;