FIX #14839 TIME 0:25 fix css + loading control

src/frontend/app/administration/multigest/multigest-administration.component.html

@@ -14,10 +14,10 @@
         </div>
         <div class="container" [class.fullContainer]="appService.getViewMode()">
             <div class="container-content">
-                <div *ngIf="loading" style="display:flex;height:100%;">
+                <div *ngIf="loading" class="loading" style="display:flex;height:100%;">
                     <mat-spinner style="margin:auto;"></mat-spinner>
                 </div>
-                <mat-card *ngIf="!loading" class="card-app-content">
+                <mat-card class="card-app-content" style="margin: 0;">
                     <form (ngSubmit)="onSubmit()" #multigestForm="ngForm">
                         <mat-form-field>
                             <input matInput [(ngModel)]="multigest.label" required name="label" id="label"

src/frontend/app/administration/multigest/multigest-administration.component.scss

@@ -67,4 +67,16 @@
 .ratio-2 {
     flex: 1;
     align-items: baseline;
+}
+
+.loading {
+    display: flex;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #ffffffb3;
+    z-index: 2;
+    overflow: hidden;
 }
\ No newline at end of file

src/frontend/app/administration/multigest/multigest-administration.component.ts

@@ -9,7 +9,7 @@ import { FunctionsService } from '@service/functions.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { of } from 'rxjs';
 import { MaarchFlatTreeComponent } from '@plugins/tree/maarch-flat-tree.component';
-import { catchError, map, tap } from 'rxjs/operators';
+import { catchError, finalize, map, tap } from 'rxjs/operators';
 
 @Component({
     selector: 'app-multigest',
@@ -252,6 +252,7 @@ export class MultigestAdministrationComponent implements OnInit {
     }
 
     checkAccount() {
+        this.loading = true;
         let multigest  = {};
         if (!this.creationMode) {
             multigest = {
@@ -272,6 +273,7 @@ export class MultigestAdministrationComponent implements OnInit {
             tap(() => {
                 this.notify.success(this.translate.instant('lang.testSucceeded'));
             }),
+            finalize(() => this.loading = false),
             catchError((err: any) => {
                 this.notify.handleSoftErrors(err);
                 return of(false);