awf-test-lib 0.1.0 → 0.1.1

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

@@ -0,0 +1,124 @@
+<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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,161 @@
+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

@@ -0,0 +1,126 @@
+<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

@@ -0,0 +1,10 @@
+.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

@@ -0,0 +1,25 @@
+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();
+    });
+});