TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-08 15:11:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added spinner during db connection test

Browse Source
This commit is contained in:
Isaac Abadi
2022-06-21 22:45:54 -04:00
parent adbe7f95d5
commit fb6cf8548d
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/settings/settings.component.html
View File

@@ -328,6 +328,7 @@
<div class="test-connection-div"> <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> <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>
<div class="transfer-db-div"> <div class="transfer-db-div">

7
src/app/settings/settings.component.scss
View File

@@ -105,4 +105,11 @@
.action-buttons { .action-buttons {
position: absolute; position: absolute;
bottom: 15px; bottom: 15px;
}
.test-connection-spinner {
display: inline-block;
position: relative;
top: 6px;
margin-left: 10px;
} }