From 03472788fd1405832190373fdcff8f82ac187314 Mon Sep 17 00:00:00 2001
From: David Duque <david.f.s.duque@tecnico.ulisboa.pt>
Date: Thu, 16 Apr 2020 12:45:55 +0100
Subject: [PATCH] WIP

---
 management/templates/smtp-relays.html | 33 +++++++++++++++------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/management/templates/smtp-relays.html b/management/templates/smtp-relays.html
index 85ec1603..118e6b30 100644
--- a/management/templates/smtp-relays.html
+++ b/management/templates/smtp-relays.html
@@ -13,7 +13,7 @@
 	<h3>SMTP Relay Configuration</h3>
 	<form class="form-horizontal" role="form" onsubmit="return false;">
 		<div class="form-group">
-			<table style="width: 600px">
+			<table id="smtp-relays" class="table" style="width: 600px">
 				<tr>
 					<td>
 						<label for="use_relay" class="col-sm-1 control-label">Use Relay?</label>
@@ -97,19 +97,22 @@
 		relay_auth_pass.disabled = !(relay_enabled && auth_enabled)
 	}
 
-	$(api(
-		"/system/smtp/relay",
-		"GET",
-		{},
-		data => {
-			console.log("Hi!")
-			use_relay.checked = data.enabled
-			relay_host.value = data.host
-			relay_use_auth.checked = data.auth_enabled
-			relay_auth_user.value = data.user
-			relay_auth_pass.value = ""
+	function show_smtp_relays() {
+		$('#smtp-relays tbody').html("<tr><td colspan='2' class='text-muted'>Loading...</td></tr>")
+		api(
+			"/system/smtp/relay",
+			"GET",
+			{},
+			data => {
+				console.log("Hi!")
+				use_relay.checked = data.enabled
+				relay_host.value = data.host
+				relay_use_auth.checked = data.auth_enabled
+				relay_auth_user.value = data.user
+				relay_auth_pass.value = ""
 
-			checkfields()
-		}
-	))
+				checkfields()
+			}
+		)
+	}
 </script>