From fb6cf8548d985c8e0176e6786e88124702a28f3d Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Tue, 21 Jun 2022 22:45:54 -0400
Subject: [PATCH] Added spinner during db connection test

---
 src/app/settings/settings.component.html | 1 +
 src/app/settings/settings.component.scss | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 24c1c0c..3d4128a 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -328,6 +328,7 @@
 
                             <div class="test-connection-div">
                                 <button (click)="testConnectionString(new_config['Database']['mongodb_connection_string'])" [disabled]="testing_connection_string" mat-flat-button color="accent"><ng-container i18n="Test connection string button">Test connection string</ng-container></button>
+                                <mat-spinner class="test-connection-spinner" style="margin-left: 10px" *ngIf="testing_connection_string" [diameter]="25"></mat-spinner>
                             </div>
 
                             <div class="transfer-db-div">
diff --git a/src/app/settings/settings.component.scss b/src/app/settings/settings.component.scss
index b59df98..1276950 100644
--- a/src/app/settings/settings.component.scss
+++ b/src/app/settings/settings.component.scss
@@ -105,4 +105,11 @@
 .action-buttons {
     position: absolute;
     bottom: 15px;
+}
+
+.test-connection-spinner {
+    display: inline-block;
+    position: relative;
+    top: 6px;
+    margin-left: 10px;
 }
\ No newline at end of file