From b1ba9d90260274e05ce0a396640ebbb4c10e2080 Mon Sep 17 00:00:00 2001
From: thetek42 <git@thetek.de>
Date: Sun, 4 Apr 2021 15:32:23 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=BD=20adapt=20to=20ui=20changes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/raw/index.js | 51 +++++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/ui/raw/index.js b/ui/raw/index.js
index 26cf36d..c4d709c 100644
--- a/ui/raw/index.js
+++ b/ui/raw/index.js
@@ -26,46 +26,47 @@ function dnswatch_search() {
 	request.onload = function() {
 		if (request.status >= 200 && request.status < 400) {
 			var response = JSON.parse(this.response);
-			//console.log(response);
 
 			// TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE
 
 			if (response['type'] == 'success') {   // success
 
 				var table = '<table>\n';
-				//// reference dns
-				// status
-				table += '<tr>\n';
-				table += '<td class="status ref">\n';
-				table += `<i data-feather="${ response["data"]["reference"]["found"] ? "check" : "x" }"></i>\n`;
-				table += '</td>\n';
-				// provider
-				table += '<td class="icon">\n';
-				table += `<img class="uncolored-svg" src="../svg/${ response["data"]["reference"]["nameserver"] }.svg">\n`;
-				table += '</td>\n'
-				// name and address
-				table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`;
-				// reference info
-				table += '<td class="desc ref">reference</td>\n';
-				// help button
-				table += '<td class="help">\n';
-				table += '<button><i data-feather="help-circle"></i></button>\n';
-				table += '</td>\n';
-				table += '</tr>\n'
 
-				if (response['data']['reference']['found']) {   // only if reference confirms
+				//// reference dns
+				response['data']['reference'].forEach(i => {
+					// status
+					table += '<tr>\n';
+					table += '<td class="status ref">\n';
+					table += `<i data-feather="${ i["status"] ? "check" : "x" }"></i>\n`;
+					table += '</td>\n';
+					// provider
+					table += '<td class="icon">\n';
+					table += `<img class="uncolored-svg" src="${ i["icon"] }">\n`;
+					table += '</td>\n'
+					// name and address
+					table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;
+					// reference info
+					table += '<td class="desc ref">reference</td>\n';
+					// help button
+					table += '<td class="help">\n';
+					table += '<button><i data-feather="help-circle"></i></button>\n';
+					table += '</td>\n';
+					table += '</tr>\n'
+				});
+
+				if (response['data']['found']) {   // only if reference confirms
 					table += '<tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
-						//console.log(i);
 						table += '<tr>\n';
 						// status
-						table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`;
-						table += `<i data-feather="${ i["matching"] ? "check" : "x" }"></i>\n`;
+						table += `<td class="status ${ i["status"] ? "check" : "cross" }">\n`;
+						table += `<i data-feather="${ i["status"] ? "check" : "x" }"></i>\n`;
 						table += '</td>\n';
 						// provider icon
 						table += '<td class="icon">\n';
-						table += `<img class="uncolored-svg" src="../svg/${ i["nameserver"] }.svg">\n`;
+						table += `<img class="uncolored-svg" src="${ i["icon"] }">\n`;
 						table += '</td>\n';
 						// name and address
 						table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;