Improved domain autoconfig interaction

Author: the-djmaze

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});
 	}
 

snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html

@@ -11,7 +11,10 @@ <h3 data-bind="text: headerText"></h3>
 			<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>