awf-test-lib 0.1.23 → 0.1.25

package/src/lib/shared/choose-another-date/choose-another-date.component.scss

@@ -0,0 +1,12 @@
+.p-datepicker table td.p-datepicker-today>span.p-highlight {
+    color: white;
+    background: var(--primarycolor);
+}
+.popup-footer{
+    display: flex;
+    justify-content: space-between;
+    &-message{
+        font-size: 13px;
+        font-weight: 600;
+    }
+}

package/src/lib/shared/choose-another-date/choose-another-date.component.spec.ts

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

package/src/lib/shared/choose-another-date/choose-another-date.component.ts

@@ -0,0 +1,127 @@
+import { Component, EventEmitter, Input,OnChanges,OnInit,Output, ViewChild, ViewEncapsulation  } from '@angular/core';
+import { MessageService } from 'primeng/api';
+import { Calendar } from 'primeng/calendar';
+import { AlternativeDate } from '../../models/alternativeDate.model';
+import { PrimeNGConfig } from 'primeng/api';
+@Component({
+    selector: 'app-choose-another-date',
+    templateUrl: './choose-another-date.component.html',
+    styleUrls: ['./choose-another-date.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+})
+export class ChooseAnotherDateComponent implements OnChanges, OnInit  {
+    @Input() displayAnotherDate!: boolean;
+    @Input() globaltranslate!: any;
+    @Input() translate!: any;
+    @Input() alternativeDatesList!: AlternativeDate[];
+    @Output() closeAnotherDate = new EventEmitter<boolean>();
+    @Output() acceptDate = new EventEmitter<AlternativeDate[]>();
+    @ViewChild('calendar') calendar!: Calendar;
+
+    dates: Date[]= [];
+    datesRef: Date[]= [];
+    selectedDate !: any;
+    show=false;
+    dateslength = 0 ;
+    indexSelectedDate = 0;
+    constructor(private messageService :MessageService) {}
+
+    ngOnInit(): void {
+        this.loadDates() ;
+    }
+
+    ngOnChanges(): void {}
+
+    close()
+    {
+        this.closeAnotherDate.emit(true);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+
+
+    accept()
+    {
+        this.controlAlternativeDates();
+        
+        this.acceptDate.emit(this.alternativeDatesList);
+    }
+
+    askDate()
+    {
+        this.closeAnotherDate.emit(false);
+
+    }
+
+
+    controlAlternativeDates()
+    {
+        let i = 0;
+        this.alternativeDatesList.forEach((item :AlternativeDate )=>
+        {
+            item.selected = (i===this.indexSelectedDate) ?  "Yes" : "No";
+            i++
+        });
+    }
+
+
+    loadDates()
+    {
+        this.dates =[] ;
+        this.datesRef =[] ;
+        if(this.alternativeDatesList)
+        {
+            this.alternativeDatesList.forEach((element : AlternativeDate) => {
+                this.dates.push( new Date(element.startDateTime));
+                this.datesRef.push( new Date(element.startDateTime));
+            });
+
+        }
+        this.dateslength =  this.dates.length ;
+    }
+
+    onSelect()
+    {
+        if( this.dateslength < this.dates.length   )
+        {
+            this.loadDates();
+        }
+        else if(this.dateslength > this.dates.length)
+        {
+            this.selectedDate = this.arrdiff(this.datesRef,this.dates)[0];
+
+            for (var i = 0; i < this.datesRef.length; i++) {
+                if(this.datesRef[i] == this.selectedDate  )
+                {
+                    this.indexSelectedDate = i;
+                }
+            }
+            this.controlAlternativeDates();
+            this.accept();
+            this.loadDates() ;
+        }
+        this.dates ;
+    }
+
+
+    arrdiff (a1 :any, a2 :any) {
+        var a = [], diff = [];
+        for (var i = 0; i < a1.length; i++) {
+            a[a1[i]] = true;
+        }
+        for (var i = 0; i < a2.length; i++) {
+            if (a[a2[i]]) {
+                delete a[a2[i]];
+            } else {
+                a[a2[i]] = true;
+            }
+        }
+        for (var k in a) {
+            diff.push(k);
+        }
+        return diff;
+    }
+
+}
+
+
+

package/src/lib/shared/confirm-dialog/confirm-dialog.component.html

@@ -0,0 +1,26 @@
+<p-dialog [header]="globaltranslate.confirmation" [(visible)]="displayConfirmDialog" [modal]="true" [style]="{width: '50vw'}" (onHide)="rejectDate()" [maximizable]="true" [baseZIndex]="10000" [draggable]="false" [resizable]="false">
+    <div>
+        {{ isProposedDate ? translate.textProposed : translate.textAlternative }}
+        <div>
+            <br> <br>{{translate.start}} : <i class="pi pi-calendar"></i> &nbsp; <strong>
+                {{startDateTime | date: "EEE dd MMM yyyy":"":language}} </strong> &nbsp; {{translate.from}}: <strong>08:00 </strong>
+            <div *ngIf="detailedPmJobLinkedList.length>0">
+                <br> <p style="color:rgb(245, 57, 57) ;"><strong>{{ translate.textWarn }}</strong></p>
+                <ul>
+                    <strong><li *ngFor="let detailedPmJob of detailedPmJobLinkedList">{{ detailedPmJob.pmJob.workorderNumber }}</li></strong>
+        
+                </ul>
+            </div>
+            <br><br>
+            <p>{{translate.infoEmail}}</p>
+    
+        </div>
+        
+    </div>
+
+    <ng-template pTemplate="footer">
+        <p-button icon="pi pi-times" (click)="rejectDate()" class="annuler" [label]="globaltranslate.no"></p-button>
+        <p-button icon="pi pi-check" (click)="confirmDate()" [label]="globaltranslate.yes" class="p-button-text"></p-button>
+    </ng-template>
+</p-dialog>
+<p-toast position="top-center"></p-toast>

package/src/lib/shared/confirm-dialog/confirm-dialog.component.spec.ts

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

package/src/lib/shared/confirm-dialog/confirm-dialog.component.ts

@@ -0,0 +1,39 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MessageService } from 'primeng/api';
+import { DetailedPmJob } from '../../models/detailedPmJob.model';
+@Component({
+    selector: 'app-confirm-dialog',
+    templateUrl: './confirm-dialog.component.html',
+    styleUrls: ['./confirm-dialog.component.scss']
+})
+export class ConfirmDialogComponent  {
+    @Input() displayConfirmDialog!: boolean;
+    @Input() startDateTime!: any;
+    @Input() endDateTime!: any;
+    @Input() globaltranslate!: any;
+    @Input() translate!: any;
+    @Input() isProposedDate!: boolean;
+    @Input() detailedPmJobLinkedList: DetailedPmJob[] = [];
+
+    @Output() closeConfirmDialog = new EventEmitter<boolean>();
+
+    languageStored : string | null  = localStorage.getItem("lang");
+    language: string = this.languageStored ? this.languageStored  :  navigator.language.substr(0, 2).toLowerCase();
+
+     constructor(private messageService :MessageService) {
+     }
+
+
+
+    rejectDate()
+    {
+        this.closeConfirmDialog.emit(false);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+
+    confirmDate()
+    {
+        this.closeConfirmDialog.emit(true);
+    }
+
+}

package/src/lib/shared/confirm-dialog-contact/confirm-dialog-contact.component.html

@@ -0,0 +1,19 @@
+<p-dialog [header]="globaltranslate.confirmation" [(visible)]="displayConfirmDialogContact" [modal]="true" [style]="{width: '50vw'}" (onHide)="rejectDate()" [maximizable]="true" [baseZIndex]="10000" [draggable]="false" [resizable]="false">
+     {{  translate.text }}<br>
+     <!-- <br>{{translate.start}} : <i class="pi pi-calendar"></i> &nbsp; <strong>
+        {{startDateTime | date: 'dd MMM yyyy'}} </strong> &nbsp; {{translate.from}}: <strong>08:00 </strong> -->
+    <div *ngIf="detailedPmJobLinkedList.length>0">
+        <br> <p style="color:rgb(245, 57, 57) ;"><strong>{{ translate.textWarn }}</strong></p>
+        <ul>
+            <strong><li *ngFor="let detailedPmJob of detailedPmJobLinkedList">{{ detailedPmJob.pmJob.workorderNumber }}</li></strong>
+
+        </ul>
+    </div>
+    <br><br>
+    <!-- <p>{{translate.infoEmail}}</p> -->
+    <ng-template pTemplate="footer">
+        <p-button icon="pi pi-times" (click)="rejectDate()" class="annuler" [label]="globaltranslate.no"></p-button>
+        <p-button icon="pi pi-check" (click)="confirmDate()" [label]="globaltranslate.yes" class="p-button-text"></p-button>
+    </ng-template>
+</p-dialog>
+<p-toast position="top-center"></p-toast>

package/src/lib/shared/confirm-dialog-contact/confirm-dialog-contact.component.spec.ts

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

package/src/lib/shared/confirm-dialog-contact/confirm-dialog-contact.component.ts

@@ -0,0 +1,36 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MessageService } from 'primeng/api';
+import { DetailedPmJob } from '../../models/detailedPmJob.model';
+
+@Component({
+  selector: 'app-confirm-dialog-contact',
+  templateUrl: './confirm-dialog-contact.component.html',
+  styleUrls: ['./confirm-dialog-contact.component.css']
+})
+export class ConfirmDialogContactComponent  {
+
+  @Input() displayConfirmDialogContact!: boolean;
+  @Input() startDateTime!: any;
+  @Input() endDateTime!: any;
+  @Input() globaltranslate!: any;
+  @Input() translate!: any;
+  @Input() detailedPmJobLinkedList: DetailedPmJob[] = [];
+
+  @Output() closeConfirmDialogContact = new EventEmitter<boolean>();
+
+  constructor(private messageService :MessageService) { }
+
+
+
+  rejectDate()
+  {
+      this.closeConfirmDialogContact.emit(false);
+      this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+  }
+
+  confirmDate()
+  {
+      this.closeConfirmDialogContact.emit(true);
+  }
+
+}

package/src/lib/shared/confirmed-date-information/confirmed-date-information.component.html

@@ -0,0 +1,25 @@
+<p-dialog [header]="globaltranslate.information" [(visible)]="displayConfirmedDateInfos" [modal]="true" [style]="{width: '50vw'}" (onHide)="confirmDate()" [maximizable]="true" [baseZIndex]="10000" [draggable]="false" [resizable]="false">
+    <i class="pi pi-check icon-check"></i>
+
+   
+    <div *ngIf="moreDates" style="text-align:center ;">
+        <br><br>
+        {{translate.textMoreDates}}
+        <br><br>
+
+    </div>
+    <div *ngIf="!moreDates">
+        <div class="text-center">
+            <p> {{translate.text }} <br> {{translate.start}} : <i class="pi pi-calendar"></i> &nbsp; <strong>
+            {{startDateTime | date: "EEE dd MMM yyyy":"":language}}</strong> <br> {{translate.from}}: <strong>08:00 </strong> </p>
+        </div>
+        <br><br>
+        <p>{{translate.infoEmail}}</p>
+
+    </div>
+   
+
+    <ng-template pTemplate="footer">
+        <p-button icon="pi pi-times " (click)="confirmDate()" label="Close" class=" text-center d-block"></p-button>
+    </ng-template>
+</p-dialog>

package/src/lib/shared/confirmed-date-information/confirmed-date-information.component.scss

@@ -0,0 +1,23 @@
+p-dialog{
+    p{
+        font-size: 14px;
+        line-height: 34px;
+        margin-top: 30px;
+    }
+    .icon-check{
+        text-align: center;
+        color: white;
+        background: var(--primarycolor);
+        width: 80px;
+        height: 80px;
+        display: flex ;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50%;
+        font-size: 30px;
+        font-weight: bold;
+        margin:auto;
+    }
+    
+    }
+    

package/src/lib/shared/confirmed-date-information/confirmed-date-information.component.spec.ts

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

package/src/lib/shared/confirmed-date-information/confirmed-date-information.component.ts

@@ -0,0 +1,30 @@
+import { Component, EventEmitter, Input, Output, OnDestroy } from '@angular/core';
+
+@Component({
+    selector: 'app-confirmed-date-information',
+    templateUrl: './confirmed-date-information.component.html',
+    styleUrls: ['./confirmed-date-information.component.scss']
+})
+export class ConfirmedDateInformationComponent implements OnDestroy  {
+    @Input() displayConfirmedDateInfos!: boolean;
+    @Input() startDateTime!: any;
+    @Input() endDateTime!: any;
+    @Input() globaltranslate!: any;
+    @Input() translate!: any;
+    @Input() moreDates!: boolean;
+    @Output() closeConfirmedDateInfo = new EventEmitter<boolean>();
+    languageStored : string | null  = localStorage.getItem("lang");
+    language: string = this.languageStored ? this.languageStored  :  navigator.language.substr(0, 2).toLowerCase();
+    constructor() { }
+
+    ngOnDestroy(): void {
+      //  this.displayConfirmedDateInfos = false;
+    }
+
+
+    confirmDate()
+    {
+        this.closeConfirmedDateInfo.emit(true);
+    }
+
+}

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

@@ -0,0 +1,144 @@
+h1, h2, h3, h4, h5, h6, p, span, label, ::placeholder {
+    font-family: var(--font);
+  }
+  .app-section-header-img {
+    background-image: url('/assets/img/GEPortal/contact.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center center;
+    display: flex;
+    align-items: center;
+    height: 237px;
+  }
+  @media (max-width: var(--smallscreen)) {
+    .app-section-header-img {
+      height: auto;
+    }
+  }
+  .app-section-header-img h2 {
+    font-size: 48px;
+    font-family: var(--font);
+    font-weight: 600;
+    color: white;
+    text-align: center;
+  }
+  @media (max-width: var(--smallscreen)) {
+    .app-section-header-img h2 {
+      font-size: 30px;
+    }
+  }
+  @media (max-width: var(--smallscreen)) {
+    .app-section-header-img {
+      padding-left: 15px;
+      padding-right: 15px;
+    }
+  }
+  @media (max-width: var(--tinyscreen)) {
+    .app-section-header-img {
+      height: 200px;
+    }
+  }
+  h2 {
+    font-weight: 600;
+  }
+  a:focus {
+    outline: none !important;
+  }
+  a:hover {
+    text-decoration: none;
+  }
+  input {
+    outline: none;
+    border: none;
+  }
+  input.input100 {
+    height: 62px;
+    padding: 0 20px 0 58px;
+  }
+  input[type="number"] {
+    -moz-appearance: textfield;
+    appearance: none;
+    -webkit-appearance: none;
+  }
+  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+  textarea {
+    outline: none;
+    border: none;
+  }
+  textarea.input100 {
+    min-height: 199px;
+    padding: 19px 20px 0 23px;
+  }
+  textarea:focus, input:focus {
+    border-color: transparent !important;
+  }
+  .container-contact100 {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    padding: 15px;
+  }
+  .wrap-contact100 {
+    width: 550px;
+    background: transparent;
+    padding: 30px 0 80px 0;
+  }
+  .contact100-form-title {
+    display: block;
+    font-family: var(--font);
+    font-size: 30px;
+    color: #43383e;
+    line-height: 1.2;
+    text-align: left;
+    padding-bottom: 35px;
+  }
+  .wrap-input100 {
+    width: 100%;
+    position: relative;
+    background-color: #fff;
+    margin-bottom: 17px;
+  }
+  .label-input100 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 58px;
+    height: 62px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+    font-size: 18px;
+    color: #999999;
+  }
+  .input100 {
+    display: block;
+    width: 100%;
+    background: transparent;
+    font-size: 15px;
+    color: #43383e;
+    line-height: 1.2;
+    padding: 0 5px;
+  }
+  @media (max-width: var(--smallscreen)) {
+    .contact iframe {
+      width: auto;
+    }
+  }
+  .contact label {
+    margin-left: 10px;
+    color: #a2a2a2;
+    font-weight: bold;
+  }
+  .contact i {
+    color: #a2a2a2;
+    font-weight: bold;
+  }
+  .contact .social li {
+    display: inline;
+    padding: 10px;
+  }
+