From 01e97ed7a0ab95d90f406307ae52076f9bc9879a Mon Sep 17 00:00:00 2001
From: Revertron <r@revertron.com>
Date: Fri, 7 May 2021 10:14:14 +0200
Subject: [PATCH] Reworked domain contacts.

---
 src/web_ui.rs          |  1 +
 src/webview/index.html | 27 ++++++++++++++++++++++++---
 src/webview/scripts.js | 23 ++++++++++++++++-------
 3 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/src/web_ui.rs b/src/web_ui.rs
index fe4ecc2..8c55989 100644
--- a/src/web_ui.rs
+++ b/src/web_ui.rs
@@ -369,6 +369,7 @@ fn action_create_domain(context: Arc<Mutex<Context>>, miner: Arc<Mutex<Miner>>,
             return;
         }
     };
+    info!("Parsed domain data:\n{:#?}", &data);
     if data.records.len() > MAX_RECORDS {
         show_warning(web_view, "Too many records. Mining more than 30 records not allowed.");
         let _ = web_view.eval("domainMiningUnavailable();");
diff --git a/src/webview/index.html b/src/webview/index.html
index a82f6e7..010abc1 100644
--- a/src/webview/index.html
+++ b/src/webview/index.html
@@ -255,10 +255,31 @@
     <div class="modal-background"></div>
     <div class="modal-content">
         <div class="box">
-            <div class="field">
-                <label class="label">Domain owner contacts</label>
+            <label class="label">One</label>
+            <div class="field is-grouped">
                 <div class="control">
-                    <textarea class="textarea" id="contacts_text" maxlength="250"></textarea>
+                    <input class="input" type="text" placeholder="Name" id="contact1_name">
+                </div>
+                <div class="control is-expanded">
+                    <input class="input is-expanded" type="text" placeholder="Text or link" id="contact1_value">
+                </div>
+            </div>
+            <label class="label">Two</label>
+            <div class="field is-grouped">
+                <div class="control">
+                    <input class="input" type="text" placeholder="Name" id="contact2_name">
+                </div>
+                <div class="control is-expanded">
+                    <input class="input is-expanded" type="text" placeholder="Text or link" id="contact2_value">
+                </div>
+            </div>
+            <label class="label">Three</label>
+            <div class="field is-grouped">
+                <div class="control">
+                    <input class="input" type="text" placeholder="Name" id="contact3_name">
+                </div>
+                <div class="control is-expanded">
+                    <input class="input is-expanded" type="text" placeholder="Text or link" id="contact3_value">
                 </div>
             </div>
             <p class="help mb-3">You can add some contacts to your domain if you wish to be contacted in regards of your services.
diff --git a/src/webview/scripts.js b/src/webview/scripts.js
index 371d773..f7bfca0 100644
--- a/src/webview/scripts.js
+++ b/src/webview/scripts.js
@@ -167,7 +167,12 @@ function editDomain(domain, event) {
             document.getElementById("info_text").value = domain_data.info;
         }
         if (typeof domain_data.contacts !== 'undefined') {
-            document.getElementById("contacts_text").value = domain_data.contacts.join("\n");
+            var count = 1;
+            domain_data.contacts.forEach(function(v, i, a) {
+                document.getElementById("contact" + count + "_name").value = decodeURIComponent(v.name);
+                document.getElementById("contact" + count + "_value").value = decodeURIComponent(v.value);
+                count = count + 1;
+            });
         }
         changeZone(domain_data.zone, event);
         refreshRecordsList();
@@ -268,12 +273,16 @@ function createDomain() {
 
 function getContacts() {
     var result = [];
-    var text = document.getElementById("contacts_text").value;
-    if (text != "") {
-        var lines = text.split("\n");
-        lines.forEach(function(value, index, array) {
-            result.push(value);
-        });
+    for (var x = 1; x <= 3; x++) {
+        var name = document.getElementById("contact" + x + "_name").value;
+        var value = document.getElementById("contact" + x + "_value").value;
+        if (name == "" || value == "") {
+            continue;
+        }
+        var obj = {};
+        obj.name = encodeURIComponent(name.trim());
+        obj.value = encodeURIComponent(value.trim());
+        result.push(obj);
     }
     return result;
 }