spiderly 19.0.1 → 19.0.3

package/eslint.config.js

@@ -1,32 +0,0 @@
-// @ts-check
-const tseslint = require("typescript-eslint");
-const rootConfig = require("../../eslint.config.js");
-
-module.exports = tseslint.config(
-  ...rootConfig,
-  {
-    files: ["**/*.ts"],
-    rules: {
-      "@angular-eslint/directive-selector": [
-        "error",
-        {
-          type: "attribute",
-          prefix: "lib",
-          style: "camelCase",
-        },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        {
-          type: "element",
-          prefix: "lib",
-          style: "kebab-case",
-        },
-      ],
-    },
-  },
-  {
-    files: ["**/*.html"],
-    rules: {},
-  }
-);

package/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/spiderly",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    { "input": "src/lib", "glob": "**/*.scss", "output": "styles" }
-  ]
-}

package/src/lib/components/auth/login/login.component.html

@@ -1,25 +0,0 @@
-<ng-container *transloco="let t">
-    @if (loginFormGroup != null) {
-        @if (showEmailSentDialog == false) {
-            <auth (onCompanyNameChange)="companyNameChange($event)">
-                <form [formGroup]="formGroup" style="margin-bottom: 16px;"> <!-- FT: We are not loading anything from the server here so we don't need defer block -->
-                    <div class="col-12" style="padding-left: 0; padding-right: 0; margin-bottom: 32px;">
-                        <spiderly-textbox [control]="control('email', loginFormGroup)"></spiderly-textbox>
-                    </div>
-                    
-                    <div style="display: flex; flex-direction: column; gap: 16px;">
-                        <spiderly-button [label]="t('Login')" (onClick)="sendLoginVerificationEmail()" [outlined]="true" [style]="{width: '100%'}"></spiderly-button>
-                        <!-- TODO FT: Add possibility to change this name from the specific project -->
-                        <spiderly-button *ngIf="usersCanRegister" [label]="t('NewToJoinNow', {companyName: companyName})" routerLink="/registration" [style]="{width: '100%'}"></spiderly-button>
-                    </div>
-                </form>
-            </auth>
-        }
-        @else {
-            <login-verification [email]="loginFormGroup.controls.email.getRawValue()"></login-verification>
-        }
-    }
-    @else {
-        <!-- TODO FT: Add skeleton -->
-    }
-</ng-container>

package/src/lib/components/auth/login/login.component.ts

@@ -1,77 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { ChangeDetectorRef, Component, KeyValueDiffers, OnInit } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
-import { BaseFormCopy } from '../../base-form/base-form copy';
-import { Login } from '../../../entities/security-entities';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { BaseFormService } from '../../../services/base-form.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { ConfigBaseService } from '../../../services/config-base.service';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { AuthComponent } from '../partials/auth.component';
-import { PrimengModule } from '../../../modules/primeng.module';
-import { SpiderlyControlsModule } from '../../../controls/spiderly-controls.module';
-import { LoginVerificationComponent } from '../partials/login-verification.component';
-
-@Component({
-    selector: 'app-login',
-    templateUrl: './login.component.html',
-    imports: [
-      CommonModule,
-      ReactiveFormsModule,
-      AuthComponent,
-      PrimengModule,
-      SpiderlyControlsModule,
-      LoginVerificationComponent,
-      TranslocoDirective,
-    ]
-})
-export class LoginComponent extends BaseFormCopy implements OnInit {
-    loginFormGroup = new SpiderlyFormGroup<Login>({});
-
-    companyName: string;
-    showEmailSentDialog: boolean = false;
-    usersCanRegister: boolean = this.config.usersCanRegister;
-
-    constructor(
-      protected override differs: KeyValueDiffers,
-      protected override http: HttpClient,
-      protected override messageService: SpiderlyMessageService, 
-      protected override changeDetectorRef: ChangeDetectorRef,
-      protected override router: Router, 
-      protected override route: ActivatedRoute,
-      protected override translocoService: TranslocoService,
-      protected override baseFormService: BaseFormService,
-      private authService: AuthBaseService, 
-      private config: ConfigBaseService
-    ) { 
-      super(differs, http, messageService, changeDetectorRef, router, route, translocoService, baseFormService);
-    }
-
-    override ngOnInit(){
-        this.initLoginFormGroup(new Login({}));
-    }
-    
-    initLoginFormGroup(model: Login){
-      this.initFormGroup(this.loginFormGroup, this.formGroup, model, model.typeName, []);
-    }
-
-    companyNameChange(companyName: string){
-      this.companyName = companyName;
-    }
-
-    sendLoginVerificationEmail() {
-        let isFormGroupValid: boolean = this.baseFormService.checkFormGroupValidity(this.loginFormGroup);
-        
-        if (isFormGroupValid == false) 
-          return;
-
-        this.authService.sendLoginVerificationEmail(this.loginFormGroup.getRawValue()).subscribe(()=>{
-            this.showEmailSentDialog = true;
-        });
-    }
-
-}

package/src/lib/components/auth/partials/auth.component.html

@@ -1,29 +0,0 @@
-<ng-container *transloco="let t">
-    <div class="flex min-h-screen overflow-hidden" style="padding: 20px;">
-        <div class="flex flex-column w-full">
-            <div class="w-full sm:w-30rem" style="margin: auto; border-radius:50px; padding:0.3rem; background: linear-gradient(180deg, var(--p-primary-color) 10%, rgba(33, 150, 243, 0) 30%);">
-                <div class="surface-card py-6 px-5 sm:px-6" style="border-radius:45px;">
-                    <div class="text-center" style="margin-bottom: 38px;">
-                        <img *ngIf="image != null" [src]="image" alt="{{companyName}} Logo" title="{{companyName}} Logo" height="60">
-                        <i *ngIf="image == null" class="pi pi-spin pi-spinner primary-color" style="font-size: 2rem"></i>
-                    </div>
-
-                    <ng-content></ng-content>
-    
-                    <div *ngIf="hasGoogleAuth && showGoogleAuth">
-                        <div style="display: flex; align-items: center; gap: 7px; justify-content: center; margin-bottom: 16px;">
-                            <div class="separator"></div>
-                            <div>{{t('or')}}</div>
-                            <div class="separator"></div>
-                        </div>
-                        <div>
-                            <!-- https://code-maze.com/how-to-sign-in-with-google-angular-aspnet-webapi/ -->
-                            <google-button (loginWithGoogle)="onGoogleSignIn($event)"></google-button> 
-                        </div>
-                    </div>
-    
-                </div>
-            </div>
-        </div>
-    </div>
-</ng-container>

package/src/lib/components/auth/partials/auth.component.ts

@@ -1,60 +0,0 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { Subscription } from "rxjs";
-import { TranslocoDirective } from "@jsverse/transloco";
-import { GoogleButtonComponent } from "../../spiderly-buttons/google-button/google-button.component";
-import { ConfigBaseService } from "../../../services/config-base.service";
-import { AuthBaseService } from "../../../services/auth-base.service";
-
-@Component({
-    selector: 'auth',
-    templateUrl: './auth.component.html',
-    styles: [],
-    imports: [
-        CommonModule,
-        GoogleButtonComponent,
-        TranslocoDirective,
-    ]
-})
-export class AuthComponent {
-  private initCompanyAuthDialogDetailsSubscription: Subscription | null = null;
-
-  @Output() onCompanyNameChange: EventEmitter<string> = new EventEmitter();
-  @Input() showGoogleAuth: boolean = true;
-
-  hasGoogleAuth: boolean = this.config.googleAuth;
-  companyName: string;
-  image: string;
-  
-  constructor(
-    private config: ConfigBaseService,
-    private authService: AuthBaseService,
-  ) {
-
-  }
-
-  ngOnInit(){
-    this.initCompanyDetails();
-  }
-
-  initCompanyDetails() {
-    this.initCompanyAuthDialogDetailsSubscription = this.authService.initCompanyAuthDialogDetails().subscribe(initCompanyAuthDialogDetails => {
-      if (initCompanyAuthDialogDetails != null) {
-        this.image = initCompanyAuthDialogDetails.image;
-        this.companyName = initCompanyAuthDialogDetails.companyName;
-        this.onCompanyNameChange.next(this.companyName);
-      }
-    })
-  }
-
-  onGoogleSignIn(googleWrapper: any){
-    googleWrapper.click();
-  }
-
-  ngOnDestroy(): void {
-    if (this.initCompanyAuthDialogDetailsSubscription) {
-      this.initCompanyAuthDialogDetailsSubscription.unsubscribe();
-    }
-  }
-}
-

package/src/lib/components/auth/partials/login-verification.component.html

@@ -1,2 +0,0 @@
-<verification-wrapper [email]="email" (onResendVerificationToken)="resendVerificationToken()" (onCodeSubmit)="onCodeSubmit($event)"></verification-wrapper>
-

package/src/lib/components/auth/partials/login-verification.component.ts

@@ -1,41 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { VerificationWrapperComponent } from './verification-wrapper.component';
-import { TranslocoService } from '@jsverse/transloco';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-
-@Component({
-    selector: 'login-verification',
-    templateUrl: './login-verification.component.html',
-    imports: [
-        VerificationWrapperComponent
-    ]
-})
-export class LoginVerificationComponent implements OnInit {
-    @Input() email: string;
-    @Input() userId: number;
-
-    constructor(
-      private authService: AuthBaseService, 
-      private messageService: SpiderlyMessageService,
-      private translocoService: TranslocoService,
-    ) { 
-    }
-
-    ngOnInit(){
-    }
-    
-    resendVerificationToken(){
-        this.authService.sendLoginVerificationEmail({email: this.email}).subscribe(() => {
-            this.messageService.successMessage(this.translocoService.translate('SuccessfullySentVerificationCode'));
-        });
-    }
-
-    onCodeSubmit(event: string){
-        this.authService.login({email: this.email, verificationCode: event}).subscribe(() => {
-            this.messageService.successMessage(this.translocoService.translate('YouHaveSuccessfullyVerifiedYourAccount'));
-            this.authService.navigateToDashboard();
-        });
-    }
-}
-

package/src/lib/components/auth/partials/registration-verification.component.html

@@ -1 +0,0 @@
-<verification-wrapper [email]="email" (onResendVerificationToken)="resendVerificationToken()" (onCodeSubmit)="onCodeSubmit($event)"></verification-wrapper>

package/src/lib/components/auth/partials/registration-verification.component.ts

@@ -1,41 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { VerificationWrapperComponent } from './verification-wrapper.component';
-import { TranslocoService } from '@jsverse/transloco';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-
-@Component({
-    selector: 'registration-verification',
-    templateUrl: './registration-verification.component.html',
-    imports: [
-        VerificationWrapperComponent
-    ]
-})
-export class RegistrationVerificationComponent implements OnInit {
-    @Input() email: string;
-
-    constructor(
-      private authService: AuthBaseService, 
-      private messageService: SpiderlyMessageService, 
-      private translocoService: TranslocoService,
-    ) { 
-    }
-
-    ngOnInit(){
-    }
-
-    resendVerificationToken(){
-        this.authService.sendRegistrationVerificationEmail({email: this.email}).subscribe(() => {
-            this.messageService.successMessage(this.translocoService.translate('SuccessfullySentVerificationCode'));
-        });
-    }
-
-    onCodeSubmit(event: string){
-        this.authService.register({email: this.email, verificationCode: event}).subscribe(() => {
-            this.messageService.successMessage(this.translocoService.translate('YouHaveSuccessfullyVerifiedYourAccount'));
-            this.authService.navigateToDashboard();
-        });
-    }
-
-}
-

package/src/lib/components/auth/partials/verification-wrapper.component.html

@@ -1,39 +0,0 @@
-<ng-container *transloco="let t">
-    <div class="min-h-screen" style="display: flex; justify-content: center; align-items: center;">
-        <div class="dialog" style="padding: 0px;">
-            @if (verificationTokenRequestFormGroup != null) {
-                <spiderly-panel>
-                    <panel-header [title]="t('AccountVerificationHeader')" [showBigTitle]="true" icon="pi pi-envelope"></panel-header>
-                    
-                    <panel-body>
-                        <form class="grid">
-                            <div class="col-12">
-                                <div class="header">{{t('AccountVerificationTitle')}}</div>
-                            </div>
-                            <div class="col-12">
-                                {{t('AccountVerificationDescription', {email: email})}}
-                            </div>
-                            <div class="col-12">
-                                <spiderly-textbox [control]="control('verificationCode', verificationTokenRequestFormGroup)"></spiderly-textbox>
-                            </div>
-                            <div class="col-12">
-                                <spiderly-button (onClick)="codeSubmit()" [label]="t('Submit')" icon="pi pi-verified"></spiderly-button>
-                            </div>
-                        </form>
-                    </panel-body>
-                    
-                    <panel-footer>
-                        <a pButton class="p-button-link" [label]="t('GoToGmail')" icon="pi pi-external-link" href="https://mail.google.com/mail/u/" target="_blank" rel="noopener noreferrer"></a>
-                        <a pButton class="p-button-link" [label]="t('GoToYahoo')" icon="pi pi-external-link" href="https://mail.yahoo.com/d/folders/1/" target="_blank" rel="noopener noreferrer"></a>
-                    </panel-footer>
-                    <panel-footer>
-                        <div>{{t('ResendVerificationCodeFirstPart')}} <a class="link" (click)="resendVerificationToken()">{{t('ResendVerificationCodeLinkSecondPart')}}</a></div>
-                    </panel-footer>
-                </spiderly-panel>
-            }
-            @else {
-                <!-- TODO FT: Add skeleton -->
-            }
-        </div>
-    </div>
-</ng-container>

package/src/lib/components/auth/partials/verification-wrapper.component.ts

@@ -1,68 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, KeyValueDiffers, OnInit, Output } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
-import { BaseFormCopy } from '../../base-form/base-form copy';
-import { BaseFormService } from '../../../services/base-form.service';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
-import { SpiderlyControlsModule } from '../../../controls/spiderly-controls.module';
-import { VerificationTokenRequest } from '../../../entities/security-entities';
-import { PrimengModule } from '../../../modules/primeng.module';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-
-@Component({
-    selector: 'verification-wrapper',
-    templateUrl: './verification-wrapper.component.html',
-    imports: [
-        CommonModule,
-        PrimengModule,
-        FormsModule,
-        ReactiveFormsModule,
-        SpiderlyControlsModule,
-        TranslocoDirective,
-    ]
-})
-export class VerificationWrapperComponent extends BaseFormCopy implements OnInit {
-    verificationTokenRequestFormGroup = new SpiderlyFormGroup<VerificationTokenRequest>({});
-
-    @Input() email: string;
-    @Output() onResendVerificationToken: EventEmitter<any> = new EventEmitter();
-    @Output() onCodeSubmit: EventEmitter<string> = new EventEmitter();
-
-    constructor(
-      protected override differs: KeyValueDiffers,
-      protected override http: HttpClient,
-      protected override messageService: SpiderlyMessageService, 
-      protected override changeDetectorRef: ChangeDetectorRef,
-      protected override router: Router, 
-      protected override route: ActivatedRoute,
-      protected override translocoService: TranslocoService,
-      protected override baseFormService: BaseFormService,
-    ) { 
-      super(differs, http, messageService, changeDetectorRef, router, route, translocoService, baseFormService);
-    }
-
-    override ngOnInit(){
-        this.initVerificationTokenRequestFormGroup(new VerificationTokenRequest({email: this.email}));
-    }
-
-    initVerificationTokenRequestFormGroup(model: VerificationTokenRequest){
-        this.initFormGroup(this.verificationTokenRequestFormGroup, this.formGroup, model, model.typeName, []);
-    }
-
-    codeSubmit(){
-        let isValid: boolean = this.baseFormService.checkFormGroupValidity(this.verificationTokenRequestFormGroup);
-    
-        if(isValid){
-            this.onCodeSubmit.next(this.verificationTokenRequestFormGroup.controls.verificationCode.getRawValue());
-        }
-    }
-
-    resendVerificationToken(){
-        this.onResendVerificationToken.next(null);
-    }
-
-}
-

package/src/lib/components/auth/registration/registration.component.html

@@ -1,31 +0,0 @@
-<ng-container *transloco="let t">
-    @if (registrationFormGroup != null) {
-        @if (showEmailSentDialog == false) {
-            <auth (onCompanyNameChange)="companyNameChange($event)">
-                <form [formGroup]="formGroup" style="margin-bottom: 16px;"> <!-- FT: We are not loading anything from the server here so we don't need defer block -->
-                    <div class="col-12" style="padding-left: 0; padding-right: 0;">
-                        <spiderly-textbox [control]="control('email', registrationFormGroup)"></spiderly-textbox>
-                    </div>
-                    
-                    <div class="mb-4 gap-5">
-                        <div class="text-center" style="font-size: smaller;">
-                            {{t('AgreementsOnRegister')}} <b routerLink="/user-agreement" class="primary-color cursor-pointer">{{t('UserAgreement')}}</b> {{t('and')}} <b routerLink="/privacy-policy" class="primary-color cursor-pointer">{{t('PrivacyPolicy')}}</b>.
-                        </div>
-                    </div>
-                    
-                    <div style="display: flex; flex-direction: column; gap: 16px;">
-                        <spiderly-button [label]="t('AgreeAndJoin')" (onClick)="sendRegistrationVerificationEmail()" [outlined]="true" [style]="{width: '100%'}"></spiderly-button>
-                        <!-- TODO FT: Add possibility to change this name from the specific project -->
-                        <spiderly-button [label]="t('AlreadyHasAccount', {companyName: companyName})" routerLink="/login" [style]="{width: '100%'}"></spiderly-button>
-                    </div>
-                </form>
-            </auth>
-        }
-        @else {
-            <registration-verification [email]="registrationFormGroup.controls.email.getRawValue()"></registration-verification>
-        }
-    }
-    @else {
-        <!-- TODO FT: Add skeleton -->
-    }
-</ng-container>

package/src/lib/components/auth/registration/registration.component.ts

@@ -1,77 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { ChangeDetectorRef, Component, KeyValueDiffers, OnInit } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
-import { LayoutBaseService } from '../../../services/app-layout-base.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { BaseFormCopy } from '../../base-form/base-form copy';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
-import { Registration } from '../../../entities/security-entities';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { BaseFormService } from '../../../services/base-form.service';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { AuthComponent } from '../partials/auth.component';
-import { PrimengModule } from '../../../modules/primeng.module';
-import { SpiderlyControlsModule } from '../../../controls/spiderly-controls.module';
-import { RegistrationVerificationComponent } from '../partials/registration-verification.component';
-
-@Component({
-    selector: 'app-registration',
-    templateUrl: './registration.component.html',
-    imports: [
-        CommonModule,
-        ReactiveFormsModule,
-        AuthComponent,
-        PrimengModule,
-        SpiderlyControlsModule,
-        RegistrationVerificationComponent,
-        TranslocoDirective,
-    ]
-})
-export class RegistrationComponent extends BaseFormCopy implements OnInit {
-    registrationFormGroup = new SpiderlyFormGroup<Registration>({});
-
-    companyName: string;
-    showEmailSentDialog: boolean = false;
-
-    constructor(
-        protected override differs: KeyValueDiffers,
-        protected override http: HttpClient,
-        protected override messageService: SpiderlyMessageService, 
-        protected override changeDetectorRef: ChangeDetectorRef,
-        protected override router: Router, 
-        protected override route: ActivatedRoute,
-        protected override translocoService: TranslocoService,
-        protected override baseFormService: BaseFormService,
-        public layoutService: LayoutBaseService, 
-        private authService: AuthBaseService, 
-    ) {
-        super(differs, http, messageService, changeDetectorRef, router, route, translocoService, baseFormService);
-    }
-
-    override ngOnInit(){
-        this.initRegistrationFormGroup(new Registration({}));
-    }
-    
-    initRegistrationFormGroup(model: Registration){
-        this.initFormGroup(this.registrationFormGroup, this.formGroup, model, model.typeName, []);
-    }
-
-    companyNameChange(companyName: string){
-        this.companyName = companyName;
-    }
-
-    sendRegistrationVerificationEmail() {
-        let isFormGroupValid: boolean = this.baseFormService.checkFormGroupValidity(this.registrationFormGroup);
-
-        if (isFormGroupValid == false) 
-            return;
-
-        // const returnUrl = this.route.snapshot.queryParams['returnUrl'] || '';
-        this.authService.sendRegistrationVerificationEmail(this.registrationFormGroup.getRawValue()).subscribe(() => {
-            this.showEmailSentDialog = true;
-        });
-    }
-
-}

package/src/lib/components/base-details/role-base-details.component.html

@@ -1,33 +0,0 @@
-<ng-container *transloco="let t">
-    <spiderly-panel>
-        <panel-header></panel-header>
-
-        <panel-body>
-            <form *ngIf="loading === false" class="grid"> <!-- FT: Don't put @deffer it's not working as expected -->
-                <div class="col-12">
-                    <spiderly-textbox [control]="control('name', roleFormGroup)"></spiderly-textbox>
-                </div>
-                <div class="col-12">
-                    <spiderly-textarea [control]="control('description', roleFormGroup)"></spiderly-textarea>
-                </div>
-                <div class="col-12">
-                    <spiderly-multiautocomplete [control]="selectedUsersForRole" [options]="usersForRoleOptions" (onTextInput)="searchUsersForRole($event)" [label]="t('Users')"></spiderly-multiautocomplete>
-                </div>
-                <div class="col-12">
-                    <spiderly-multiselect [control]="selectedPermissionsForRole" [options]="permissionsForRoleOptions" [label]="t('Permissions')"></spiderly-multiselect>
-                </div>
-            </form>
-
-            <card-skeleton *ngIf="loading === true" [height]="502"></card-skeleton>
-
-        </panel-body>
-
-        <panel-footer>
-            <spiderly-button [disabled]="!isAuthorizedForSave" (onClick)="save()" [label]="t('Save')" icon="pi pi-save"></spiderly-button>
-            @for (button of additionalButtons; track button.label) {
-                <spiderly-button (onClick)="button.onClick()" [disabled]="button.disabled" [label]="button.label" [icon]="button.icon"></spiderly-button>
-            }
-            <return-button></return-button>
-        </panel-footer>
-    </spiderly-panel>
-</ng-container>