@lenne.tech/ng-base 14.10.1 → 14.11.0

package/fesm2020/lenne.tech-ng-base-shared.mjs

@@ -7,9 +7,10 @@ import { gql } from 'apollo-angular';
 import { sha256 } from 'js-sha256';
 import { map } from 'rxjs/operators';
 import { UntypedFormControl, UntypedFormGroup } from '@angular/forms';
+import * as i2 from '@angular/common';
+import { DOCUMENT } from '@angular/common';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
-import * as i2 from '@angular/common';
 import { createClient } from 'graphql-ws';
 
 /**
@@ -1586,15 +1587,65 @@ class LoaderService {
     constructor() {
         this.isLoading = new BehaviorSubject(false);
     }
+    /**
+     * Start loading manually
+     */
     start() {
-        this.isLoading.next(true);
+        if (!this.isLoading.value) {
+            this.isLoading.next(true);
+            this.lastStartTime = new Date().getTime();
+        }
     }
-    stop() {
-        this.isLoading.next(false);
+    /**
+     * Stop loading manually
+     *
+     * @param duration
+     */
+    stop(duration = 1800) {
+        const diffMs = new Date().getTime() - this.lastStartTime;
+        if (diffMs >= duration) {
+            this.isLoading.next(false);
+            return;
+        }
+        setTimeout(() => {
+            this.isLoading.next(false);
+        }, duration - diffMs);
     }
+    /**
+     * Get loader as observable
+     */
     getAsObservable() {
         return this.isLoading.asObservable();
     }
+    /**
+     * Load until observable done
+     *
+     * @param observable
+     * @param duration
+     */
+    loadUntilObservable(observable, duration = 1800) {
+        return new Observable((subscriber) => {
+            const startFrom = new Date().getTime();
+            this.isLoading.next(true);
+            observable.subscribe({
+                next: (value) => {
+                    const diffMs = new Date().getTime() - startFrom;
+                    if (diffMs >= duration) {
+                        subscriber.next(value);
+                        subscriber.complete();
+                        this.isLoading.next(false);
+                        return;
+                    }
+                    setTimeout(() => {
+                        subscriber.next(value);
+                        subscriber.complete();
+                        this.isLoading.next(false);
+                    }, duration - diffMs);
+                },
+                error: (error) => subscriber.error(error),
+            });
+        });
+    }
 }
 LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LoaderService, providedIn: 'root' });
@@ -1681,165 +1732,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1.Apollo }, { type: GraphQLMetaService }, { type: LoaderService }]; } });
 
-class FormsService {
-    validateAllFormFields(formGroup) {
-        Object.keys(formGroup.controls).forEach((field) => {
-            const control = formGroup.get(field);
-            if (control instanceof UntypedFormControl) {
-                control.markAsTouched({ onlySelf: true });
-            }
-            else if (control instanceof UntypedFormGroup) {
-                this.validateAllFormFields(control);
-            }
-        });
-    }
-}
-FormsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class UserService extends GraphQLPlusService {
-    constructor(apollo, graphqlMetaService, loaderService, authService) {
-        super(apollo, graphqlMetaService, loaderService);
-        this.apollo = apollo;
-        this.graphqlMetaService = graphqlMetaService;
-        this.loaderService = loaderService;
-        this.authService = authService;
-    }
-    /**
-     * Login
-     *
-     * @param input
-     */
-    login(input) {
-        return this.graphQl('signIn', {
-            arguments: { input },
-            fields: ['token', { user: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'] }],
-            type: GraphQLRequestType.QUERY,
-            loading: true,
-        }).pipe(map$1((response) => {
-            this.authService.token = response.token;
-            this.authService.currentUser = response.user;
-            return Auth.map({
-                token: response.token,
-                user: BasicUser.map(response.user),
-            });
-        }));
-    }
-    /**
-     * Register
-     *
-     * @param input
-     */
-    register(input) {
-        return this.graphQl('signUp', {
-            arguments: { input },
-            fields: ['token', { user: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'] }],
-            type: GraphQLRequestType.MUTATION,
-            loading: true,
-        }).pipe(map$1((response) => {
-            this.authService.token = response.token;
-            this.authService.currentUser = response.user;
-            return Auth.map({
-                token: response.token,
-                user: BasicUser.map(response.user),
-            });
-        }));
-    }
-    /**
-     * This function will make a GraphQL query to the server, and return the result
-     *
-     * @param id - The id of the user you want to get
-     * @returns A GraphQLRequest object.
-     */
-    get(id) {
-        return this.graphQl('getUser', {
-            arguments: { id },
-            fields: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'],
-            type: GraphQLRequestType.QUERY,
-            loading: true,
-        });
-    }
-    /**
-     * Request password reset mail
-     *
-     * @param email
-     */
-    requestPasswordResetMail(email) {
-        return this.graphQl('requestPasswordResetMail', {
-            arguments: { email },
-            fields: [],
-            type: GraphQLRequestType.QUERY,
-            loading: true,
-        });
-    }
-    /**
-     * Change password of current user
-     *
-     * @param id
-     * @param password
-     */
-    changePassword(id, password) {
-        return this.graphQl('updateUser', {
-            arguments: { id, input: { password } },
-            fields: ['id'],
-            type: GraphQLRequestType.MUTATION,
-            loading: true,
-        });
-    }
-    /**
-     * Set new password by token
-     *
-     * @param token
-     * @param password
-     */
-    resetPassword(token, password) {
-        return this.graphQl('resetPassword', {
-            arguments: { token, password },
-            type: GraphQLRequestType.MUTATION,
-            loading: true,
-        });
-    }
-    /**
-     * Delete user by id
-     *
-     * @param id
-     */
-    delete(id) {
-        return this.graphQl('deleteUser', {
-            arguments: { id },
-            fields: ['id'],
-            type: GraphQLRequestType.MUTATION,
-            loading: true,
-        });
-    }
-    /**
-     * Verify user by token
-     *
-     * @param token
-     */
-    verifyUser(token) {
-        return this.graphQl('verifyUser', {
-            arguments: { token },
-            type: GraphQLRequestType.MUTATION,
-            loading: true,
-        });
-    }
-}
-UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.Apollo }, { type: GraphQLMetaService }, { type: LoaderService }, { type: AuthService }]; } });
-
 /**
  * Image service
  */
@@ -2113,6 +2005,186 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                     args: [BASE_MODULE_CONFIG]
                 }] }, { type: ImageService }]; } });
 
+class FormsService {
+    constructor(document, scrollService) {
+        this.document = document;
+        this.scrollService = scrollService;
+    }
+    validateAllFormFields(formGroup) {
+        Object.keys(formGroup.controls).forEach((field) => {
+            const control = formGroup.get(field);
+            if (control instanceof UntypedFormControl) {
+                control.markAsTouched({ onlySelf: true });
+            }
+            else if (control instanceof UntypedFormGroup) {
+                this.validateAllFormFields(control);
+            }
+        });
+    }
+    findInvalidControls(formGroup) {
+        const invalid = [];
+        const controls = formGroup.controls;
+        Object.keys(formGroup.controls).forEach((name) => {
+            if (controls[name].invalid) {
+                invalid.push(name);
+            }
+        });
+        return invalid;
+    }
+    scrollToInvalidControl(form) {
+        const invalidForm = this.findInvalidControls(form)[0];
+        this.scrollService.scrollTo(invalidForm);
+    }
+}
+FormsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, deps: [{ token: DOCUMENT }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: ScrollService }]; } });
+
+class UserService extends GraphQLPlusService {
+    constructor(apollo, graphqlMetaService, loaderService, authService) {
+        super(apollo, graphqlMetaService, loaderService);
+        this.apollo = apollo;
+        this.graphqlMetaService = graphqlMetaService;
+        this.loaderService = loaderService;
+        this.authService = authService;
+    }
+    /**
+     * Login
+     *
+     * @param input
+     */
+    login(input) {
+        return this.graphQl('signIn', {
+            arguments: { input },
+            fields: ['token', { user: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'] }],
+            type: GraphQLRequestType.QUERY,
+            loading: true,
+        }).pipe(map$1((response) => {
+            this.authService.token = response.token;
+            this.authService.currentUser = response.user;
+            return Auth.map({
+                token: response.token,
+                user: BasicUser.map(response.user),
+            });
+        }));
+    }
+    /**
+     * Register
+     *
+     * @param input
+     */
+    register(input) {
+        return this.graphQl('signUp', {
+            arguments: { input },
+            fields: ['token', { user: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'] }],
+            type: GraphQLRequestType.MUTATION,
+            loading: true,
+        }).pipe(map$1((response) => {
+            this.authService.token = response.token;
+            this.authService.currentUser = response.user;
+            return Auth.map({
+                token: response.token,
+                user: BasicUser.map(response.user),
+            });
+        }));
+    }
+    /**
+     * This function will make a GraphQL query to the server, and return the result
+     *
+     * @param id - The id of the user you want to get
+     * @returns A GraphQLRequest object.
+     */
+    get(id) {
+        return this.graphQl('getUser', {
+            arguments: { id },
+            fields: ['id', 'firstName', 'lastName', 'email', 'roles', 'avatar'],
+            type: GraphQLRequestType.QUERY,
+            loading: true,
+        });
+    }
+    /**
+     * Request password reset mail
+     *
+     * @param email
+     */
+    requestPasswordResetMail(email) {
+        return this.graphQl('requestPasswordResetMail', {
+            arguments: { email },
+            fields: [],
+            type: GraphQLRequestType.QUERY,
+            loading: true,
+        });
+    }
+    /**
+     * Change password of current user
+     *
+     * @param id
+     * @param password
+     */
+    changePassword(id, password) {
+        return this.graphQl('updateUser', {
+            arguments: { id, input: { password } },
+            fields: ['id'],
+            type: GraphQLRequestType.MUTATION,
+            loading: true,
+        });
+    }
+    /**
+     * Set new password by token
+     *
+     * @param token
+     * @param password
+     */
+    resetPassword(token, password) {
+        return this.graphQl('resetPassword', {
+            arguments: { token, password },
+            type: GraphQLRequestType.MUTATION,
+            loading: true,
+        });
+    }
+    /**
+     * Delete user by id
+     *
+     * @param id
+     */
+    delete(id) {
+        return this.graphQl('deleteUser', {
+            arguments: { id },
+            fields: ['id'],
+            type: GraphQLRequestType.MUTATION,
+            loading: true,
+        });
+    }
+    /**
+     * Verify user by token
+     *
+     * @param token
+     */
+    verifyUser(token) {
+        return this.graphQl('verifyUser', {
+            arguments: { token },
+            type: GraphQLRequestType.MUTATION,
+            loading: true,
+        });
+    }
+}
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Apollo }, { type: GraphQLMetaService }, { type: LoaderService }, { type: AuthService }]; } });
+
 class ToastService {
     constructor() {
         this.toastsObservables = new BehaviorSubject([]);