[NAE-1740] Disable "create case" button, while case is creating

- fix
- 🦄🦄🦄

Author: machacjozef

projects/netgrif-components-core/src/lib/data-fields/i18n-field/i18n-divider-field/abstract-i18n-divider-field.component.ts

@@ -19,6 +19,13 @@ export abstract class AbstractI18nDividerFieldComponent {
         }
     }
 
+    public isDividerLGBTQ(): boolean {
+        if (this.dividerPropertyEnabled('dividerLGBTQ')) {
+            return this.dividerI18nField.component.properties.dividerLGBTQ === 'true';
+        }
+        return false;
+    }
+
     public getDividerFontSize(): string {
         if (this.dividerPropertyEnabled('fontSize')) {
             return this.dividerI18nField.component.properties.fontSize + 'px';

projects/netgrif-components-core/src/lib/side-menu/content-components/new-case/abstract-new-case.component.ts

@@ -155,8 +155,8 @@ export abstract class AbstractNewCaseComponent implements OnDestroy {
             this._caseResourceService.createCase(newCase)
                 .subscribe(
                     (response: EventOutcomeMessageResource) => {
+                        this.loadingSubmit.off();
                         if (!!response.outcome) {
-                            this.loadingSubmit.off();
                             this._snackBarService.openSuccessSnackBar(response.outcome.message === undefined
                                 ? this._translate.instant('side-menu.new-case.createCase') + ' ' + newCase.title
                                 : response.outcome.message);
@@ -169,7 +169,6 @@ export abstract class AbstractNewCaseComponent implements OnDestroy {
                                 data: (response.outcome as CreateCaseEventOutcome).aCase
                             });
                         } else if (!!response.error) {
-                            this.loadingSubmit.off();
                             this._snackBarService.openWarningSnackBar(this._translate.instant('side-menu.new-case.createCaseError') + ' ' + newCase.title);
                             this._sideMenuControl.close({
                                 opened: false,
@@ -179,7 +178,10 @@ export abstract class AbstractNewCaseComponent implements OnDestroy {
                             });
                         }
                     },
-                    error => this._snackBarService.openErrorSnackBar(error.message ? error.message : error)
+                    error => {
+                        this.loadingSubmit.off();
+                        this._snackBarService.openErrorSnackBar(error.message ? error.message : error);
+                    }
                 );
         }
     }

projects/netgrif-components/src/lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component.html

@@ -1,12 +1,13 @@
 <div fxFlex fxLayout="row" fxLayoutAlign="center center">
     <div fxFlex="20" class="divider-line"
-         [ngClass]="{'primary-background-color': !dividerPropertyEnabled('dividerColor')}"
+         [ngClass]="{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !dividerPropertyEnabled('dividerColor')}"
          [ngStyle]="dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}"></div>
     <span [ngClass]="{'margin-default': dividerI18nField.value.defaultValue !== ''}"
           [ngStyle]="dividerPropertyEnabled('fontSize') && {'font-size': getDividerFontSize()}">
         {{dividerI18nField.value.defaultValue}}
     </span>
     <div fxFlex class="divider-line"
-         [ngClass]="{'primary-background-color': !dividerPropertyEnabled('dividerColor')}"
+         [ngClass]="{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !dividerPropertyEnabled('dividerColor')}"
          [ngStyle]="dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}"></div>
 </div>
+

projects/netgrif-components/src/lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component.scss

@@ -6,3 +6,32 @@
     margin-right: 8px;
     margin-left: 8px;
 }
+
+.divider-line-lgbt {
+    height: 2px;
+    background: linear-gradient(to right,
+     #B827FC 0%,
+     #2C90FC 20%,
+     #B8FD33 40%,
+     #FEC837 60%,
+     #FD1892 80%,
+     #B827FC 100%)
+    -0% 0/150% 100%;
+    animation: move-divider-line-lgbt 10s linear infinite;
+    -webkit-animation: move-divider-line-lgbt 10s linear infinite;
+}
+
+@keyframes move-divider-line-lgbt {
+    to {
+        background-position: -1500% 0%
+    }
+}
+
+@-webkit-keyframes move-divider-line-lgbt {
+    to {
+        background-position: -1500% 0%
+    }
+}
+
+
+