From 113003f4851d02e8aa0ca754389527080c6ebeda Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Wed, 21 Aug 2024 00:28:36 +0200
Subject: [PATCH] Improved domain autoconfig interaction

---
 dev/View/Popup/Domain.js                                     | 4 ++++
 .../v/0.0.0/app/templates/Views/Admin/PopupsDomain.html      | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/dev/View/Popup/Domain.js b/dev/View/Popup/Domain.js
index 978fee4aa..764655acc 100644
--- a/dev/View/Popup/Domain.js
+++ b/dev/View/Popup/Domain.js
@@ -148,6 +148,8 @@ export class DomainPopupView extends AbstractViewPopup {
 			imapHostFocus: false,
 			sieveHostFocus: false,
 			smtpHostFocus: false,
+
+			detectingConfig: false
 		});
 		this.imapDisabled_capabilities = ko.observableArray();
 		this.imapCapabilities = ko.observableArray();
@@ -318,6 +320,7 @@ export class DomainPopupView extends AbstractViewPopup {
 	}
 
 	autoconfig() {
+		this.detectingConfig(true);
 		let domain = this.name();
 		Remote.request('AdminDomainAutoconfig', (iError, oData) => {
 			if (oData?.Result?.config) {
@@ -335,6 +338,7 @@ export class DomainPopupView extends AbstractViewPopup {
 				this.smtpUseAuth(!!server.authentication);
 				this.smtpUsePhpMail(false);
 			}
+			this.detectingConfig(false);
 		}, {domain});
 	}
 
diff --git a/snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html b/snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html
index 7b6a3c1f8..b78891e18 100644
--- a/snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html
+++ b/snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html
@@ -11,7 +11,10 @@
 			<input name="Name" type="text" class="span4" autofocus="" autocomplete="off" autocorrect="off" autocapitalize="off"
 				data-bind="textInput: name">
 			<div class="alert-error" data-bind="visible: savingError, text: savingError"></div>
-			<button type="button" data-bind="click: autoconfig">autoconfig</button>
+			<button class="btn" type="button" data-bind="click: autoconfig">
+				<i class="fontastic" data-bind="css: {'icon-spinner': detectingConfig()}">⚙</i>
+				autoconfig
+			</button>
 		</div>
 		<div class="span5 alert-info domain-desc" data-bind="visible: domainDesc, html: domainDesc"></div>
 	</div>