Add tag field.

Author: atypicalprogrammer

ui/index.html

@@ -76,6 +76,7 @@ <h1>Send</h1>
               <input type="number" name="amount" id="transfer-amount" placeholder="Amount" autocomplete="off" min="0" />
               <label id="transfer-units-value">i</label>
             </div>
+            <div class="input"><input type="text" name="tag" id="transfer-tag" placeholder="Optional Tag" autocomplete="off" /></div>
           </div>
           <input type="hidden" name="transfer-autofill" id="transfer-autofill" value="0" />
           <button id="transfer-btn" type="button" class="btn" data-initial="Send It Now" data-loading="Sending...">SEND IT NOW</button>

ui/js/ui.transfers.js

@@ -31,6 +31,12 @@ var UI = (function(UI, $, undefined) {
         if (!amount) {
           throw "Amount cannot be zero";
         }
+
+        var tag = $.trim($("#transfer-tag").val().toUpperCase());
+
+        if (tag && /[^A-Z9]/.test(tag)) {
+          throw "Tag is invalid";
+        }
       } catch (error) {
         $stack.removeClass("loading");
         UI.formError("transfer", error);
@@ -39,7 +45,7 @@ var UI = (function(UI, $, undefined) {
 
       console.log("Server.transfer: " + address + " -> " + amount);
 
-      iota.api.sendTransfer(connection.seed, connection.depth, connection.minWeightMagnitude, [{"address": address, "value": amount, "message": "", "tag": ""}], function(error, transfers) {
+      iota.api.sendTransfer(connection.seed, connection.depth, connection.minWeightMagnitude, [{"address": address, "value": amount, "message": "", "tag": tag}], function(error, transfers) {
         if (error) {
           console.log("UI.handleTransfers: Error");
           console.log(error);

ui/js/ui.url.js

@@ -35,13 +35,22 @@ var UI = (function(UI, $, undefined) {
           $stack.trigger("click");
         }
       } else {
-        var match = url.match(/(?:transfer|send)\/([A-Z9]{90})\/([0-9\.]+)\-?([TGMK]?i)?$/i);
+        var match = url.match(/(?:transfer|send)\/([A-Z9]{90})\/([0-9\.]+)\-?([TGMK]?i)?(\/.*)?$/i);
+        var submatch = false;
 
         if (match && match[1] && match[2]) {
-          if ($("#transfer-address").val() || $("#transfer-amount").val()) {
-            UI.notify("error", "Address and/or amount are already filled, won't overwrite.");
+          if (match[4]) {
+            submatch = match[4].match(/^\/([A-Z9]{1,27})\/?$/i);
+            if (!submatch) {
+              UI.notify("error", "Invalid tag value. Ignoring.");
+              return;
+            }
+          }
+
+          if ($("#transfer-address").val() || $("#transfer-amount").val() || (submatch && submatch[1] && $("#transfer-tag").val())) {
+            UI.notify("error", "Transfer fields are already filled, won't overwrite.");
           } else {
-            UI.notify("success", "Address and amount have been prefilled from a clicked link.");
+            UI.notify("success", "Transfer fields have been prefilled from a clicked link.");
 
             $("#transfer-address").val(match[1].toUpperCase());
             $("#transfer-amount").val(match[2]);
@@ -53,6 +62,9 @@ var UI = (function(UI, $, undefined) {
               $("#transfer-units-value").html(match[3].charAt(0).toUpperCase() + match[3].charAt(1).toLowerCase());          
             }
 
+            if (submatch && submatch[1]) {
+              $("#transfer-tag").val(submatch[1].toUpperCase());
+            }
             var $stack = $("#transfer-stack");
 
             if (!$stack.hasClass("open")) {