awf-test-lib 0.1.1 → 0.1.3

package/src/lib/shared/contact/contact.component.html

@@ -1,124 +0,0 @@
-<div *ngIf="translate && reasons ">
-    <section class="pt-0">
-        <div class="app-section-header-img">
-            <div class="container pt-4">
-                <div class="">
-                    <h2>{{translate.title}} </h2>
-                </div>
-            </div>
-        </div>
-    </section>
-    <section class="py-5 background-light">
-        <div class="container px-lg-5">
-            <div class="row align-items-center">
-                <div class="col-md-6">
-                    <div class="container-contact100">
-                        <div class="wrap-contact100">
-                            <form [formGroup]="form" *ngIf="form && systems && reasons" class="contact100-form validate-form">
-                                <span class="contact100-form-title">{{translate.title}} </span>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderName}}</span> <span class="requis">* </span>:
-                                        <input [placeholder]="translate.placeholderName" type="text" pInputText formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.invalid }">
-                                        <div *ngIf="submitted && f.name.errors">
-                                            <div class="requis" *ngIf="f.name.errors.required">{{translate.requiredName}}</div>
-                                            <div class="requis" *ngIf="f.name.errors.minlength">{{translate.requiredNameMin}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderEmail}}</span> <span class="requis">*</span>:
-                                        <input [placeholder]="translate.placeholderEmail" type="text" pInputText formControlName="email" [ngClass]="{ 'is-invalid': submitted && f.email.invalid }">
-                                        <div *ngIf="submitted && f.email.errors">
-                                            <div class="requis" *ngIf="f.email.errors.required">{{translate.requiredEmail}}</div>
-                                            <div class="requis" *ngIf="f.email.errors.email">{{translate.requiredEmailFormat}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderPhone}}</span> <span class="requis">*</span>:
-                                        <input [placeholder]="translate.placeholderPhone" type="text" pInputText formControlName="phone" [ngClass]="{ 'is-invalid': submitted && f.phone.invalid }" (keypress)="preventStringKeypress($event)">
-                                        <div *ngIf="submitted && f.phone.errors">
-                                            <div class="requis" *ngIf="f.phone.errors.required">{{translate.requiredPhone}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.RelatedSystems}}</span> <span class="requis">*</span>:
-                                        <p-dropdown (click)="selectPM(selectedSystem)" [options]="systems" [placeholder]="translate.selectSystem" [(ngModel)]="selectedSystem" [optionLabel]="'systemId - name'" formControlName="systems"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.systems.invalid }"></p-dropdown>                                        
-                                      
-                                        <div *ngIf="submitted && f.systems.errors">
-                                            <div class="requis" *ngIf="f.systems.errors.required">{{translate.requiredSystem}}</div>
-                                        </div>
-                                    </div>
-
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2" *ngIf="showPm">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.RelatedPMs}}</span>:
-                                        <p-dropdown  [options]="pmJobs" [placeholder]="translate.selectPM" [(ngModel)]="selectedPm" [optionLabel]="'workorderNumber'" formControlName="pms"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.pms.invalid }"></p-dropdown>                                        
-                                       <!-- <div *ngIf="submitted && f.pms.errors">
-                                            <div class="requis" *ngIf="f.pms.errors.required">{{translate.requiredPM }}</div>
-                                        </div>-->
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.reason}}</span> <span class="requis">*</span>:
-                                        <p-dropdown [options]="reasons" [placeholder]="translate.selectReason" [(ngModel)]="selectedReason" optionLabel="name" formControlName="reason"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"></p-dropdown>
-                                        <!-- <input [placeholder]="translate.reason" type="text" pInputText formControlName="reason" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"> -->
-                                        <div *ngIf="submitted && f.reason.errors">
-                                            <div class="requis" *ngIf="f.reason.errors.required">{{translate.reasonRequired}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderMessage}} </span> <span class="requis">*</span>:
-                                        <textarea pInputTextarea style=" min-height:100px;height:100%;width:100%;" [placeholder]="translate.placeholderMessage +'...'" formControlName="message" [ngClass]="{ 'is-invalid': submitted && f.message.errors }"></textarea>
-                                        <div *ngIf="submitted && f.message.errors">
-                                            <div class="requis" *ngIf="f.message.errors.required">{{translate.requiredMessage}}</div>
-                                            <div class="requis" *ngIf="f.message.errors.minlength">{{translate.requiredMessageMin}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <br>
-                                <br>
-                                <div class="container-contact100-form-btn">
-                                    <div class="wrap-contact100-form-btn">
-                                        <div class="contact100-form-bgbtn"></div>
-                                        <button class="btn-warranty mt-3" (click)="onSubmit()">
-                                      {{translate.send}}
-                                </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-6 contact">
-                    <iframe src="https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
-                    <h6 class="fs-4 mt-3"> {{translate.information}}</h6>
-                    <section class="mb-4">
-                        <div class="">
-                            <i class="pi pi-envelope"></i><label> &nbsp; {{translate.emailText}}</label>
-                            <p class="">{{translate.email}} </p>
-                        </div>
-                        <div class=" mt-4">
-                            <i class="pi pi-map"></i><label> &nbsp; {{translate.addressText}}</label>
-                            <p class="">{{translate.adress}}</p>
-                            <p class="">{{translate.town}}</p>
-                            <p class="">{{translate.country}}</p>
-                        </div>
-                    </section>
-                </div>
-
-            </div>
-        </div>
-    </section>
-</div>
-
-<p-toast position="top-center"></p-toast>

package/src/lib/shared/contact/contact.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ContactComponent } from './contact.component';
-
-describe('ContactComponent', () => {
-  let component: ContactComponent;
-  let fixture: ComponentFixture<ContactComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ContactComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ContactComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/shared/contact/contact.component.ts

@@ -1,161 +0,0 @@
-import { Component, Output, OnChanges, Input, EventEmitter } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MessageService } from 'primeng/api';
-import { DetailedPmJob } from '../../models/detailedPmJob.model';
-import { EventStatus } from '../../models/eventStatus';
-import { PmJob } from '../../models/pmJob.model';
-import { PmJobStatus } from '../../models/pmJobStatus';
-import { Reason } from '../../models/reason.model';
-import { ReasonCode } from '../../models/reasonCode';
-import { ReasonContact } from '../../models/reasonContact';
-import { System } from '../../models/system';
-@Component({
-  selector: 'awf-contact',
-  templateUrl: './contact.component.html',
-  styleUrls: ['./contact.component.css'],
-  providers: [MessageService],
-})
-export class ContactComponent implements OnChanges {
-
-  @Input() loading = false;
-  @Input() submitted = false;
-  @Input() systems: System[] = [];
-  @Input() selectedSystems: System[] = [];
-  @Input() translate!:any;
-  @Input() reasons!: Reason[];
-  @Output() sendForm: EventEmitter<any> = new EventEmitter();
-  form!: FormGroup;
-  selectedReason!: any;
-  selectedSystem!: System;
-  selectedPm!: any;
-  pmJobs!:PmJob[];
-  systemContainPm = true ;
-  
-  showPm = false ;
-  constructor(
-      private formBuilder: FormBuilder,
-      private messageService: MessageService,
-  ) {}
-
-  ngOnChanges(): void {
-    this.reasons = this.reasons.filter(x=> (x.code== ReasonCode.SDI|| x.code== ReasonCode.OTH ));
-    this.selectPM(this.selectedSystem)  
-    this.loadForm();
-    console.log('changed')
-   
-  }
-
-  // convenience getter for easy access to form fields
-  get f() {
-      return this.form.controls;
-  }
-
-  preventStringKeypress(event: any): void {
-      if (
-          isNaN(Number(String.fromCharCode(event.charCode))) ||
-    String.fromCharCode(event.charCode) === ' '
-      ) {
-          event.preventDefault();
-      }
-  }
-
-  onSubmit() {
-    this.submitted = true;
-
-    if (this.form.invalid) {
-        this.messageService.add({
-            severity: 'error',
-            summary: 'Error',
-            detail: 'The form is invalid',
-        });
-        return;
-    }
-
-    console.log(this.form.value.pms)
-    let detailedPmJob = { } as DetailedPmJob ;
-    detailedPmJob.name = this.form.value.name;
-    detailedPmJob.phone = this.form.value.phone;
-    detailedPmJob.email = this.form.value.email;
-    detailedPmJob.reason = this.form.value.reason.name;
-    detailedPmJob.comment = this.form.value.message;
-    if( this.form.value.pms !== undefined){
-      detailedPmJob.pmJob = this.form.value.pms;
-    }
-    detailedPmJob.systemName = this.selectedSystem.name ;
-    detailedPmJob.systemId = this.selectedSystem.systemId ;
-    detailedPmJob.siteName = this.selectedSystem.siteName ;
-    detailedPmJob.siteCity = this.selectedSystem.siteCity ;
-    detailedPmJob.sitePostalCode =this.selectedSystem.sitePostalCode
-    detailedPmJob.toUpdate = true ;
-    if( this.form.value.pms !== undefined)
-    {
-  detailedPmJob.selectedDate = detailedPmJob.pmJob.startDateTime ;
-
-}
-    detailedPmJob.reasonContact = ReasonContact.Contact ;
-    detailedPmJob.futureStatus = this.slectsFutureStatus(this.form.value.reason.code) 
-    console.log() 
-    this.sendForm.emit(detailedPmJob);
-  }
-
-  slectsFutureStatus(status:any)
-  {
-      switch (status) {
-          case ReasonCode.MPM : return PmJobStatus.WAITING;
-          case ReasonCode.RPM : return PmJobStatus.REPORTED;
-          case ReasonCode.CPM : return PmJobStatus.CANCELLED;
-          case ReasonCode.SDI : return PmJobStatus.DESINSTALLED;
-          case ReasonCode.OTH: return PmJobStatus.OTHER;
-          default : return "Erreur";
-      }
-  } 
-
- 
-  loadForm() {
-    let name = sessionStorage.getItem('userName') as string  ;
-    let email = sessionStorage.getItem('email') as string;
-    let phone = sessionStorage.getItem('mobilePhoneNumber') as string;
-      this.form = this.formBuilder.group({
-        name: [  name !== 'null' ? name : '' , [Validators.required, Validators.minLength(3)]],
-        email: [ email!== 'null' ? email  : '', [Validators.required, Validators.email]],
-        phone: [ phone!== 'null' ? phone  : '', [Validators.required]],
-        reason: ['' , [Validators.required]],
-        systems: [[], [Validators.required]],
-        pms: [[], this.showPm ? [] :[]],
-        message: ['', [Validators.required, Validators.minLength(15)]],
-      });
-  }
-
-
-  selectPM(selectedSystem:any)
-  {
-    console.log(selectedSystem)
-    this.systemContainPm = true ;
-    if(selectedSystem === undefined )
-    {
-      return;
-    }
-    else
-    {
-
-
-      if(selectedSystem.pmJobs.length  === 0 )
-      {
-        this.showPm = false ;
-      }
-      else
-      {
-        this.selectedSystem = selectedSystem;
-        this.pmJobs = selectedSystem.pmJobs;
-        this.showPm = true ;
-
-      }
-      
-      
-      
-    }
-  }
-
-
-}
-

package/src/lib/shared/contact-support/contact-support.component.html

@@ -1,126 +0,0 @@
-<p-dialog header="" [modal]="true" [(visible)]="displaycontactSupport"  [maximizable]="true" [breakpoints]="{'960px': '75vw'}" [style]="{width: '900px',height:'1400px'}" [draggable]="false" [resizable]="true" (onHide)="cancelContactSupport()">
-    <strong>
-    <h3 class="text-center title"> {{translate.header}} </h3>
-  </strong>
-    <br>
-        <div class="row" *ngIf="translate && form && reasons ">
-          
-            <div class="col-md-6 card-bg" >
-                <div class="conteur contact-bloc" [style]="{height:'150px'}">
-                    <img class="d-block mx-auto" src="assets/img/GEPortal/phone-call-.png">
-                    <p class="counter contact-icon text-center mt-4">{{translate.contacted}}</p>
-                </div>
-                <br>
-                <form [formGroup]="form" *ngIf="form" class="contact100-form validate-form">
-                              <span class="contact100-form-title">{{translate.title}}</span>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderName}}</span> <span class="requis">* </span>:
-                                        <input [placeholder]="translate.placeholderName" type="text" pInputText formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.invalid }">
-                                        <div *ngIf="submitted && f.name.errors">
-                                            <div class="requis" *ngIf="f.name.errors.required">{{translate.requiredName}}</div>
-                                            <div class="requis" *ngIf="f.name.errors.minlength">{{translate.requiredNameMin}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderEmail}}</span> <span class="requis">*</span>:
-                                        <input [placeholder]="translate.placeholderEmail" type="text" pInputText formControlName="email" [ngClass]="{ 'is-invalid': submitted && f.email.invalid }">
-                                        <div *ngIf="submitted && f.email.errors">
-                                            <div class="requis" *ngIf="f.email.errors.required">{{translate.requiredEmail}}</div>
-                                            <div class="requis" *ngIf="f.email.errors.email">{{translate.requiredEmailFormat}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="p-grid p-fluid p-mt-2">
-                                    <div class="p-col-12 p-md-12 ">
-                                        <span class="titre">{{translate.placeholderPhone}}</span> <span class="requis">*</span>:
-                                        <input [placeholder]="translate.placeholderPhone" type="text" pInputText formControlName="phone" [ngClass]="{ 'is-invalid': submitted && f.phone.invalid }" (keypress)="preventStringKeypress($event)">
-                                        <div *ngIf="submitted && f.phone.errors">
-                                            <div class="requis" *ngIf="f.phone.errors.required">{{translate.requiredPhone}}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                    
-                    <div class="p-grid p-fluid p-mt-2">
-                        <div class="p-col-12 p-md-12 ">
-                            <span class="titre">{{translate.system}}</span> <span class="requis">*</span>:
-                            <input [placeholder]="translate.system" type="text" pInputText formControlName="system" [ngClass]="{ 'is-invalid': submitted && f.system.invalid }">
-                            <div *ngIf="submitted && f.system.errors">
-                                <div class="requis" *ngIf="f.system.errors?.required">{{translate.required}}</div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="p-grid p-fluid p-mt-2">
-                        <div class="p-col-12 p-md-12 ">
-                            <span class="titre">{{translate.workOrder}}</span> <span class="requis"></span>:
-                            <input [placeholder]="translate.workOrder" type="text" pInputText formControlName="workOrder" [ngClass]="{ 'is-invalid': submitted && f.workOrder.invalid }">
-                            <div *ngIf="submitted && f.workOrder.errors">
-                                <div class="requis" *ngIf="f.workOrder.errors?.required">{{translate.required}}</div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="p-grid p-fluid p-mt-2">
-                        <div class="p-col-12 p-md-12 ">
-                            <span class="titre">{{translate.reason}}</span> <span class="requis">*</span>:
-                            <p-dropdown [options]="reasons" [placeholder]="translate.selectReason" [(ngModel)]="selectedReason" optionLabel="name" formControlName="reason"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"></p-dropdown>
-                            <!-- <input [placeholder]="translate.reason" type="text" pInputText formControlName="reason" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"> -->
-                            <div *ngIf="submitted && f.reason.errors">
-                                <div class="requis" *ngIf="f.reason.errors.required">{{translate.reasonRequired}}</div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="p-grid p-fluid p-mt-2">
-                        <div class="p-col-12 p-md-12 ">
-                            <span class="titre">{{translate.message}} </span> <span *ngIf=" reasonContact !=='MoreDatesFormPm'" class="requis">*</span>:
-                            <textarea pInputTextarea style=" min-height:100px;height:100%;width:100%;" [placeholder]="translate.message +'...'" formControlName="message" [ngClass]="{ 'is-invalid': submitted && f.message.errors }"></textarea>
-                            <div *ngIf="submitted && f.message.errors">
-                                <div class="requis" *ngIf="f.message.errors.required">{{translate.required}}</div>
-                                <div class="requis" *ngIf="f.message.errors.minlength">{{translate.requiredMessageMin}}</div>
-                            </div>
-                        </div>
-                    </div>
-                    <br>
-                    <br>
-                    <div class="container-contact100-form-btn">
-                        <div class="wrap-contact100-form-btn">
-                            <div class="contact100-form-bgbtn"></div>
-                            <button pButton pRipple class="d-block mx-auto" [label]="translate.accept" icon="pi pi-thumbs-up" [pTooltip]="translate.accept"  tooltipPosition="bottom" (click)="onSubmit()"></button>
-                        </div>
-                    </div>
-                </form>
-                <!-- <button pButton pRipple class="d-block mx-auto" [label]="translate.accept" icon="pi pi-thumbs-up" [pTooltip]="translate.accept"  tooltipPosition="bottom" (click)="contacted()"></button> -->
-            </div>
-            <div class="col-md-6 card-bg"  >
-                <div class="conteur contact-bloc" [style]="{height:'150px'}">
-                    <img class="d-block mx-auto" src="assets/img/GEPortal/phone-called.png">
-                    <p class="counter contact-icon text-center mt-4">{{translate.contact}}</p>
-                </div>
-                <br>
-                <button pButton pRipple class="d-block mx-auto" [label]="translate.seeNumber" icon="pi pi-eye" [pTooltip]="translate.accept" tooltipPosition="bottom" (click)="contact()"></button>
-                <br>
-                <iframe src="https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
-                    <h6 class="fs-4 mt-3"> {{translate.information}}</h6>
-                    <section class="mb-4">
-                        <div class="">
-                            <i class="pi pi-envelope"></i><label> &nbsp; {{translate.emailText}}</label>
-                            <p class="">{{translate.email}} </p>
-                        </div>
-                        <div class=" mt-4">
-                            <i class="pi pi-map"></i><label> &nbsp; {{translate.addressText}}</label>
-                            <p class="">{{translate.adress}}</p>
-                            <p class="">{{translate.town}}</p>
-                            <p class="">{{translate.country}}</p>
-                        </div>
-                    </section>
-            </div>
-        </div>
-</p-dialog>
-<p-dialog *ngIf="translate"[header]="translate.serviceCenterPhoneText" [modal]="true" [(visible)]="displayNumber"  [breakpoints]="{'960px': '75vw'}" [style]="{width: '400px',height:'200px'}" [draggable]="false" [resizable]="false" (onHide)="closeNumber()">
-<br>
-  <h4 class="number"> <strong> <i class="pi pi-phone"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>
-</p-dialog>
-
-
-<p-toast position="top-center"></p-toast>

package/src/lib/shared/contact-support/contact-support.component.scss

@@ -1,10 +0,0 @@
-.contact-icon {
-    font-weight: inherit;
-    font-size: 15px;
-}
-.number
-{
-    text-align: center;
-    color: #0084ff;
-  
-}

package/src/lib/shared/contact-support/contact-support.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ContactSupportComponent } from './contact-support.component';
-
-describe('ContactSupportComponent', () => {
-    let component: ContactSupportComponent;
-    let fixture: ComponentFixture<ContactSupportComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [ ContactSupportComponent ]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ContactSupportComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});