@skysoftware-co/bayan-hr-widgets-ui 2.0.15 → 2.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Pipe, inject, signal, output, input, computed, ChangeDetectionStrategy, Component,
|
|
3
|
-
import * as
|
|
2
|
+
import { Injectable, Pipe, inject, signal, output, input, computed, ChangeDetectionStrategy, Component, effect, ViewChild, Input, EventEmitter, Output } from '@angular/core';
|
|
3
|
+
import * as i1$1 from 'devextreme-angular';
|
|
4
4
|
import { DxTooltipModule, DxPopupModule, DxScrollViewModule, DxLoadPanelModule, DxCalendarModule, DxDataGridModule, DxTextBoxModule, DxDataGridComponent, DxLoadIndicatorModule } from 'devextreme-angular';
|
|
5
|
-
import * as i1$
|
|
5
|
+
import * as i1$3 from '@angular/common';
|
|
6
6
|
import { NgClass, DecimalPipe, DatePipe, LowerCasePipe, CommonModule, NgTemplateOutlet } from '@angular/common';
|
|
7
7
|
import * as i1 from '@angular/common/http';
|
|
8
|
-
import { HttpParams } from '@angular/common/http';
|
|
8
|
+
import { HttpParams, HttpClient } from '@angular/common/http';
|
|
9
9
|
import { map, shareReplay, catchError, throwError, lastValueFrom, forkJoin, firstValueFrom } from 'rxjs';
|
|
10
|
-
import * as i1$
|
|
10
|
+
import * as i1$2 from '@fortawesome/angular-fontawesome';
|
|
11
11
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
12
12
|
import { BayanEmployeeBadgeComponent } from '@skysoftware-co/bayan-components-ui';
|
|
13
13
|
import { SkyShortcutIconComponent, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HighlightPipe, SkyWidgetSectionItemComponent, isRTL } from '@skysoftware-co/sky-components-ui';
|
|
14
14
|
import { faCakeCandles, faTreePalm, faCalendarStar, faMoneyCheckDollarPen, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse, faFileSignature, faSackDollar, faEnvelopeOpenDollar, faXmark, faFolderArrowDown, faUsersRays, faFileCertificate, faUsersLine, faIslandTropical, faTicketsAirline, faNotesMedical, faGrid2Plus, faFileLines } from '@fortawesome/pro-light-svg-icons';
|
|
15
|
-
import * as i2
|
|
15
|
+
import * as i2 from 'devextreme-angular/core';
|
|
16
16
|
import { faCircle, faCalendarDays, faEye } from '@fortawesome/pro-regular-svg-icons';
|
|
17
17
|
import moment from 'moment';
|
|
18
18
|
import { faPlaneDeparture, faPlaneArrival, faChevronDown, faPhone as faPhone$1, faEnvelope } from '@fortawesome/pro-solid-svg-icons';
|
|
19
19
|
import CustomStore from 'devextreme/data/custom_store';
|
|
20
|
-
import * as
|
|
20
|
+
import * as i4 from 'devextreme-angular/ui/data-grid/nested';
|
|
21
21
|
|
|
22
22
|
class BankInformationCacheService {
|
|
23
23
|
bankInformationCache$ = null;
|
|
@@ -42,7 +42,7 @@ class BankInformationCacheService {
|
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BankInformationCacheService, decorators: [{
|
|
43
43
|
type: Injectable,
|
|
44
44
|
args: [{
|
|
45
|
-
providedIn: 'root'
|
|
45
|
+
providedIn: 'root',
|
|
46
46
|
}]
|
|
47
47
|
}] });
|
|
48
48
|
|
|
@@ -117,7 +117,7 @@ class EntitlementsCacheService {
|
|
|
117
117
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EntitlementsCacheService, decorators: [{
|
|
118
118
|
type: Injectable,
|
|
119
119
|
args: [{
|
|
120
|
-
providedIn: 'root'
|
|
120
|
+
providedIn: 'root',
|
|
121
121
|
}]
|
|
122
122
|
}] });
|
|
123
123
|
|
|
@@ -174,7 +174,7 @@ class JobInformationCacheService {
|
|
|
174
174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: JobInformationCacheService, decorators: [{
|
|
175
175
|
type: Injectable,
|
|
176
176
|
args: [{
|
|
177
|
-
providedIn: 'root'
|
|
177
|
+
providedIn: 'root',
|
|
178
178
|
}]
|
|
179
179
|
}] });
|
|
180
180
|
|
|
@@ -240,7 +240,7 @@ class PersonalInformationCacheService {
|
|
|
240
240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PersonalInformationCacheService, decorators: [{
|
|
241
241
|
type: Injectable,
|
|
242
242
|
args: [{
|
|
243
|
-
providedIn: 'root'
|
|
243
|
+
providedIn: 'root',
|
|
244
244
|
}]
|
|
245
245
|
}] });
|
|
246
246
|
|
|
@@ -279,7 +279,7 @@ class QualificationsCacheService {
|
|
|
279
279
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: QualificationsCacheService, decorators: [{
|
|
280
280
|
type: Injectable,
|
|
281
281
|
args: [{
|
|
282
|
-
providedIn: 'root'
|
|
282
|
+
providedIn: 'root',
|
|
283
283
|
}]
|
|
284
284
|
}] });
|
|
285
285
|
|
|
@@ -308,7 +308,7 @@ class ProfileEmployeeDependentsCach {
|
|
|
308
308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProfileEmployeeDependentsCach, decorators: [{
|
|
309
309
|
type: Injectable,
|
|
310
310
|
args: [{
|
|
311
|
-
providedIn: 'root'
|
|
311
|
+
providedIn: 'root',
|
|
312
312
|
}]
|
|
313
313
|
}] });
|
|
314
314
|
|
|
@@ -347,7 +347,7 @@ class ProfileDocumentsCacheService {
|
|
|
347
347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProfileDocumentsCacheService, decorators: [{
|
|
348
348
|
type: Injectable,
|
|
349
349
|
args: [{
|
|
350
|
-
providedIn: 'root'
|
|
350
|
+
providedIn: 'root',
|
|
351
351
|
}]
|
|
352
352
|
}] });
|
|
353
353
|
|
|
@@ -373,24 +373,21 @@ class HRSelfWidgetsService {
|
|
|
373
373
|
}
|
|
374
374
|
getMainDetails(baseUrl) {
|
|
375
375
|
return this.http.get(`${baseUrl}/hr/widgets/me/main-details`, {
|
|
376
|
-
headers: this.headers
|
|
376
|
+
headers: this.headers,
|
|
377
377
|
});
|
|
378
378
|
}
|
|
379
379
|
getUpcomingEvents(baseUrl, eventOption) {
|
|
380
380
|
const params = new HttpParams().set('EventOption', eventOption);
|
|
381
381
|
return this.http.get(`${baseUrl}/hr/widgets/me/upcoming-events`, {
|
|
382
382
|
params,
|
|
383
|
-
headers: this.headers
|
|
383
|
+
headers: this.headers,
|
|
384
384
|
});
|
|
385
385
|
}
|
|
386
386
|
getCalendar(baseUrl, month, year, monthsCount) {
|
|
387
|
-
const params = new HttpParams()
|
|
388
|
-
.set('Month', month)
|
|
389
|
-
.set('Year', year)
|
|
390
|
-
.set('MonthsCount', monthsCount);
|
|
387
|
+
const params = new HttpParams().set('Month', month).set('Year', year).set('MonthsCount', monthsCount);
|
|
391
388
|
return this.http.get(`${baseUrl}/hr/widgets/me/calendar`, {
|
|
392
389
|
params,
|
|
393
|
-
headers: this.headers
|
|
390
|
+
headers: this.headers,
|
|
394
391
|
});
|
|
395
392
|
}
|
|
396
393
|
getBankInformation(baseUrl, forceRefresh = false) {
|
|
@@ -402,9 +399,9 @@ class HRSelfWidgetsService {
|
|
|
402
399
|
}
|
|
403
400
|
const request$ = this.http
|
|
404
401
|
.get(`${baseUrl}/hr/widgets/me/profile/banks`, {
|
|
405
|
-
headers: this.headers
|
|
402
|
+
headers: this.headers,
|
|
406
403
|
})
|
|
407
|
-
.pipe(map(
|
|
404
|
+
.pipe(map(response => response?.ResponseData ?? []), shareReplay(1), catchError(error => {
|
|
408
405
|
this.bankInformationCacheService.clear();
|
|
409
406
|
return throwError(() => error);
|
|
410
407
|
}));
|
|
@@ -420,9 +417,9 @@ class HRSelfWidgetsService {
|
|
|
420
417
|
}
|
|
421
418
|
const request$ = this.http
|
|
422
419
|
.get(`${baseUrl}/hr/widgets/me/profile/personal-information/main`, {
|
|
423
|
-
headers: this.headers
|
|
420
|
+
headers: this.headers,
|
|
424
421
|
})
|
|
425
|
-
.pipe(map(
|
|
422
|
+
.pipe(map(response => response?.ResponseData ?? response), shareReplay(1), catchError(error => {
|
|
426
423
|
this.personalInformationCacheService.clear();
|
|
427
424
|
return throwError(() => error);
|
|
428
425
|
}));
|
|
@@ -438,9 +435,9 @@ class HRSelfWidgetsService {
|
|
|
438
435
|
}
|
|
439
436
|
const request$ = this.http
|
|
440
437
|
.get(`${baseUrl}/hr/widgets/me/profile/personal-information/contact`, {
|
|
441
|
-
headers: this.headers
|
|
438
|
+
headers: this.headers,
|
|
442
439
|
})
|
|
443
|
-
.pipe(map(
|
|
440
|
+
.pipe(map(response => response?.ResponseData ?? response), shareReplay(1), catchError(error => {
|
|
444
441
|
this.personalInformationCacheService.clear();
|
|
445
442
|
return throwError(() => error);
|
|
446
443
|
}));
|
|
@@ -456,9 +453,9 @@ class HRSelfWidgetsService {
|
|
|
456
453
|
}
|
|
457
454
|
const request$ = this.http
|
|
458
455
|
.get(`${baseUrl}/hr/widgets/me/profile/personal-information/address`, {
|
|
459
|
-
headers: this.headers
|
|
456
|
+
headers: this.headers,
|
|
460
457
|
})
|
|
461
|
-
.pipe(map(
|
|
458
|
+
.pipe(map(response => response?.ResponseData ?? response), shareReplay(1), catchError(error => {
|
|
462
459
|
this.personalInformationCacheService.clear();
|
|
463
460
|
return throwError(() => error);
|
|
464
461
|
}));
|
|
@@ -474,9 +471,9 @@ class HRSelfWidgetsService {
|
|
|
474
471
|
}
|
|
475
472
|
const request$ = this.http
|
|
476
473
|
.get(`${baseUrl}/hr/widgets/me/profile/personal-information/languages`, {
|
|
477
|
-
headers: this.headers
|
|
474
|
+
headers: this.headers,
|
|
478
475
|
})
|
|
479
|
-
.pipe(map(
|
|
476
|
+
.pipe(map(response => response?.ResponseData ?? response ?? []), shareReplay(1), catchError(error => {
|
|
480
477
|
this.personalInformationCacheService.clear();
|
|
481
478
|
return throwError(() => error);
|
|
482
479
|
}));
|
|
@@ -492,9 +489,9 @@ class HRSelfWidgetsService {
|
|
|
492
489
|
}
|
|
493
490
|
const request$ = this.http
|
|
494
491
|
.get(`${baseUrl}/hr/widgets/me/profile/personal-information/other-nationalities`, {
|
|
495
|
-
headers: this.headers
|
|
492
|
+
headers: this.headers,
|
|
496
493
|
})
|
|
497
|
-
.pipe(map(
|
|
494
|
+
.pipe(map(response => response?.ResponseData ?? response ?? []), shareReplay(1), catchError(error => {
|
|
498
495
|
this.personalInformationCacheService.clear();
|
|
499
496
|
return throwError(() => error);
|
|
500
497
|
}));
|
|
@@ -510,9 +507,9 @@ class HRSelfWidgetsService {
|
|
|
510
507
|
}
|
|
511
508
|
const request$ = this.http
|
|
512
509
|
.get(`${baseUrl}/hr/widgets/me/profile/job-information/main`, {
|
|
513
|
-
headers: this.headers
|
|
510
|
+
headers: this.headers,
|
|
514
511
|
})
|
|
515
|
-
.pipe(map(
|
|
512
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
516
513
|
this.jobInformationCacheService.clear();
|
|
517
514
|
return throwError(() => error);
|
|
518
515
|
}));
|
|
@@ -528,9 +525,9 @@ class HRSelfWidgetsService {
|
|
|
528
525
|
}
|
|
529
526
|
const request$ = this.http
|
|
530
527
|
.get(`${baseUrl}/hr/widgets/me/profile/job-information/contract`, {
|
|
531
|
-
headers: this.headers
|
|
528
|
+
headers: this.headers,
|
|
532
529
|
})
|
|
533
|
-
.pipe(map(
|
|
530
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
534
531
|
this.jobInformationCacheService.clear();
|
|
535
532
|
return throwError(() => error);
|
|
536
533
|
}));
|
|
@@ -546,9 +543,9 @@ class HRSelfWidgetsService {
|
|
|
546
543
|
}
|
|
547
544
|
const request$ = this.http
|
|
548
545
|
.get(`${baseUrl}/hr/widgets/me/profile/job-information/salary`, {
|
|
549
|
-
headers: this.headers
|
|
546
|
+
headers: this.headers,
|
|
550
547
|
})
|
|
551
|
-
.pipe(map(
|
|
548
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
552
549
|
this.jobInformationCacheService.clear();
|
|
553
550
|
return throwError(() => error);
|
|
554
551
|
}));
|
|
@@ -564,9 +561,9 @@ class HRSelfWidgetsService {
|
|
|
564
561
|
}
|
|
565
562
|
const request$ = this.http
|
|
566
563
|
.get(`${baseUrl}/hr/widgets/me/profile/job-information/service-charge`, {
|
|
567
|
-
headers: this.headers
|
|
564
|
+
headers: this.headers,
|
|
568
565
|
})
|
|
569
|
-
.pipe(map(
|
|
566
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
570
567
|
this.jobInformationCacheService.clear();
|
|
571
568
|
return throwError(() => error);
|
|
572
569
|
}));
|
|
@@ -583,7 +580,7 @@ class HRSelfWidgetsService {
|
|
|
583
580
|
const params = new HttpParams().set('ShowDirectSubordinatesOnly', 'false');
|
|
584
581
|
return this.http.get(`${baseUrl}/hr/widgets/me/team/next-week-vacation-insights/summary`, {
|
|
585
582
|
params,
|
|
586
|
-
headers: this.headers
|
|
583
|
+
headers: this.headers,
|
|
587
584
|
});
|
|
588
585
|
}
|
|
589
586
|
getEntitlementsVacations(baseUrl, forceRefresh = false) {
|
|
@@ -595,9 +592,9 @@ class HRSelfWidgetsService {
|
|
|
595
592
|
}
|
|
596
593
|
const request$ = this.http
|
|
597
594
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/vacations`, {
|
|
598
|
-
headers: this.headers
|
|
595
|
+
headers: this.headers,
|
|
599
596
|
})
|
|
600
|
-
.pipe(map(
|
|
597
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
601
598
|
this.entitlementsCacheService.clear();
|
|
602
599
|
return throwError(() => error);
|
|
603
600
|
}));
|
|
@@ -613,9 +610,9 @@ class HRSelfWidgetsService {
|
|
|
613
610
|
}
|
|
614
611
|
const request$ = this.http
|
|
615
612
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/indemnity`, {
|
|
616
|
-
headers: this.headers
|
|
613
|
+
headers: this.headers,
|
|
617
614
|
})
|
|
618
|
-
.pipe(map(
|
|
615
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
619
616
|
this.entitlementsCacheService.clear();
|
|
620
617
|
return throwError(() => error);
|
|
621
618
|
}));
|
|
@@ -631,9 +628,9 @@ class HRSelfWidgetsService {
|
|
|
631
628
|
}
|
|
632
629
|
const request$ = this.http
|
|
633
630
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/ticket`, {
|
|
634
|
-
headers: this.headers
|
|
631
|
+
headers: this.headers,
|
|
635
632
|
})
|
|
636
|
-
.pipe(map(
|
|
633
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
637
634
|
this.entitlementsCacheService.clear();
|
|
638
635
|
return throwError(() => error);
|
|
639
636
|
}));
|
|
@@ -649,9 +646,9 @@ class HRSelfWidgetsService {
|
|
|
649
646
|
}
|
|
650
647
|
const request$ = this.http
|
|
651
648
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/medical-insurance`, {
|
|
652
|
-
headers: this.headers
|
|
649
|
+
headers: this.headers,
|
|
653
650
|
})
|
|
654
|
-
.pipe(map(
|
|
651
|
+
.pipe(map(response => response?.ResponseData ?? null), shareReplay(1), catchError(error => {
|
|
655
652
|
this.entitlementsCacheService.clear();
|
|
656
653
|
return throwError(() => error);
|
|
657
654
|
}));
|
|
@@ -667,9 +664,9 @@ class HRSelfWidgetsService {
|
|
|
667
664
|
}
|
|
668
665
|
const request$ = this.http
|
|
669
666
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/overtime`, {
|
|
670
|
-
headers: this.headers
|
|
667
|
+
headers: this.headers,
|
|
671
668
|
})
|
|
672
|
-
.pipe(shareReplay(1), catchError(
|
|
669
|
+
.pipe(shareReplay(1), catchError(error => {
|
|
673
670
|
this.entitlementsCacheService.clear();
|
|
674
671
|
return throwError(() => error);
|
|
675
672
|
}));
|
|
@@ -685,9 +682,9 @@ class HRSelfWidgetsService {
|
|
|
685
682
|
}
|
|
686
683
|
const request$ = this.http
|
|
687
684
|
.get(`${baseUrl}/hr/widgets/me/profile/entitlements/social-security`, {
|
|
688
|
-
headers: this.headers
|
|
685
|
+
headers: this.headers,
|
|
689
686
|
})
|
|
690
|
-
.pipe(shareReplay(1), catchError(
|
|
687
|
+
.pipe(shareReplay(1), catchError(error => {
|
|
691
688
|
this.entitlementsCacheService.clear();
|
|
692
689
|
return throwError(() => error);
|
|
693
690
|
}));
|
|
@@ -703,7 +700,7 @@ class HRSelfWidgetsService {
|
|
|
703
700
|
}
|
|
704
701
|
const request$ = this.http
|
|
705
702
|
.get(`${baseUrl}/hr/widgets/me/profile/qualifications/degrees`, { headers: this.headers })
|
|
706
|
-
.pipe(map(
|
|
703
|
+
.pipe(map(response => response?.ResponseData ?? []), shareReplay(1), catchError(error => {
|
|
707
704
|
this.qualificationsCacheService.clear();
|
|
708
705
|
return throwError(() => error);
|
|
709
706
|
}));
|
|
@@ -719,7 +716,7 @@ class HRSelfWidgetsService {
|
|
|
719
716
|
}
|
|
720
717
|
const request$ = this.http
|
|
721
718
|
.get(`${baseUrl}/hr/widgets/me/profile/dependents`, { headers: this.headers })
|
|
722
|
-
.pipe(map(
|
|
719
|
+
.pipe(map(response => response?.ResponseData ?? []), shareReplay(1), catchError(error => {
|
|
723
720
|
this.profileEmployeeDependentsCachService.clear();
|
|
724
721
|
return throwError(() => error);
|
|
725
722
|
}));
|
|
@@ -734,7 +731,7 @@ class HRSelfWidgetsService {
|
|
|
734
731
|
}
|
|
735
732
|
const request$ = this.http
|
|
736
733
|
.get(`${baseUrl}/hr/widgets/me/profile/qualifications/experiences`, { headers: this.headers })
|
|
737
|
-
.pipe(map(res => res?.ResponseData ?? []), shareReplay(1), catchError(
|
|
734
|
+
.pipe(map(res => res?.ResponseData ?? []), shareReplay(1), catchError(error => {
|
|
738
735
|
this.qualificationsCacheService.clear();
|
|
739
736
|
return throwError(() => error);
|
|
740
737
|
}));
|
|
@@ -777,7 +774,7 @@ class HRSelfWidgetsService {
|
|
|
777
774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRSelfWidgetsService, decorators: [{
|
|
778
775
|
type: Injectable,
|
|
779
776
|
args: [{
|
|
780
|
-
providedIn: 'root'
|
|
777
|
+
providedIn: 'root',
|
|
781
778
|
}]
|
|
782
779
|
}], ctorParameters: () => [{ type: i1.HttpClient }, { type: BankInformationCacheService }, { type: EntitlementsCacheService }, { type: JobInformationCacheService }, { type: PersonalInformationCacheService }, { type: QualificationsCacheService }, { type: ProfileEmployeeDependentsCach }, { type: ProfileDocumentsCacheService }] });
|
|
783
780
|
|
|
@@ -1886,7 +1883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
1886
1883
|
type: Pipe,
|
|
1887
1884
|
args: [{
|
|
1888
1885
|
name: 'translate',
|
|
1889
|
-
standalone: true
|
|
1886
|
+
standalone: true,
|
|
1890
1887
|
}]
|
|
1891
1888
|
}], ctorParameters: () => [{ type: HRTranslateService }] });
|
|
1892
1889
|
|
|
@@ -1937,7 +1934,7 @@ class MyMainDetailsWidgetComponent {
|
|
|
1937
1934
|
employeeBadge = signal({
|
|
1938
1935
|
EmployeePhotoKey: null,
|
|
1939
1936
|
EmployeePhotoFailed: false,
|
|
1940
|
-
EmployeeNameInitials: ''
|
|
1937
|
+
EmployeeNameInitials: '',
|
|
1941
1938
|
}, ...(ngDevMode ? [{ debugName: "employeeBadge" }] : /* istanbul ignore next */ []));
|
|
1942
1939
|
isMobile = input(false, ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
|
|
1943
1940
|
isTablet = input(false, ...(ngDevMode ? [{ debugName: "isTablet" }] : /* istanbul ignore next */ []));
|
|
@@ -1947,12 +1944,13 @@ class MyMainDetailsWidgetComponent {
|
|
|
1947
1944
|
return this.shortcuts().map(item => {
|
|
1948
1945
|
const translated = {
|
|
1949
1946
|
...item,
|
|
1950
|
-
title: this.translatePipe.transform(item.title)
|
|
1947
|
+
title: this.translatePipe.transform(item.title),
|
|
1951
1948
|
};
|
|
1952
1949
|
if (translated.shortcutId === MainWidgetShortcut.Attendance && employeeMainInfo?.AttendanceUrl != null) {
|
|
1953
1950
|
return { ...translated, navigateUrl: [employeeMainInfo.AttendanceUrl] };
|
|
1954
1951
|
}
|
|
1955
|
-
if (translated.shortcutId === MainWidgetShortcut.VacationStatement &&
|
|
1952
|
+
if (translated.shortcutId === MainWidgetShortcut.VacationStatement &&
|
|
1953
|
+
employeeMainInfo?.VacationStatementUrl != null) {
|
|
1956
1954
|
return { ...translated, navigateUrl: [employeeMainInfo.VacationStatementUrl] };
|
|
1957
1955
|
}
|
|
1958
1956
|
return translated;
|
|
@@ -1968,7 +1966,7 @@ class MyMainDetailsWidgetComponent {
|
|
|
1968
1966
|
const responses = data.ResponseData;
|
|
1969
1967
|
const vacationBalances = responses.VacationBalances.map((v) => ({
|
|
1970
1968
|
...v,
|
|
1971
|
-
VacationTypeColor: v.VacationTypeColor ?? this.defaultVacationColor()
|
|
1969
|
+
VacationTypeColor: v.VacationTypeColor ?? this.defaultVacationColor(),
|
|
1972
1970
|
}));
|
|
1973
1971
|
const employeeMainInfo = {
|
|
1974
1972
|
EmployeeNumber: responses.EmployeeNumber,
|
|
@@ -1987,7 +1985,7 @@ class MyMainDetailsWidgetComponent {
|
|
|
1987
1985
|
this.employeeBadge.set({
|
|
1988
1986
|
EmployeePhotoKey: employeeMainInfo.PhotoPath || null,
|
|
1989
1987
|
EmployeeNameInitials: employeeMainInfo.EmployeeNameInitials || '',
|
|
1990
|
-
EmployeePhotoFailed: false
|
|
1988
|
+
EmployeePhotoFailed: false,
|
|
1991
1989
|
});
|
|
1992
1990
|
this.isLoadingChanged.emit(false);
|
|
1993
1991
|
},
|
|
@@ -2008,111 +2006,84 @@ class MyMainDetailsWidgetComponent {
|
|
|
2008
2006
|
return this.selfWidgetsService.getMainDetails(this.baseUrl());
|
|
2009
2007
|
}
|
|
2010
2008
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyMainDetailsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2011
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyMainDetailsWidgetComponent, isStandalone: true, selector: "hr-my-main-details-widget", inputs: { badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: false, transformFunction: null }, badgeImageClass: { classPropertyName: "badgeImageClass", publicName: "badgeImageClass", isSignal: true, isRequired: false, transformFunction: null }, badgeWidth: { classPropertyName: "badgeWidth", publicName: "badgeWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeHeight: { classPropertyName: "badgeHeight", publicName: "badgeHeight", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoContainerClass: { classPropertyName: "employeeInfoContainerClass", publicName: "employeeInfoContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeDetailsClass: { classPropertyName: "employeeDetailsClass", publicName: "employeeDetailsClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameContainerClass: { classPropertyName: "employeeNameContainerClass", publicName: "employeeNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameClass: { classPropertyName: "employeeNameClass", publicName: "employeeNameClass", isSignal: true, isRequired: false, transformFunction: null }, employeePositionClass: { classPropertyName: "employeePositionClass", publicName: "employeePositionClass", isSignal: true, isRequired: false, transformFunction: null }, employeeGradeClass: { classPropertyName: "employeeGradeClass", publicName: "employeeGradeClass", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, cardBodyClass: { classPropertyName: "cardBodyClass", publicName: "cardBodyClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutsContainerClass: { classPropertyName: "shortcutsContainerClass", publicName: "shortcutsContainerClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutItemClass: { classPropertyName: "shortcutItemClass", publicName: "shortcutItemClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutIconContainerClass: { classPropertyName: "shortcutIconContainerClass", publicName: "shortcutIconContainerClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutIconClass: { classPropertyName: "shortcutIconClass", publicName: "shortcutIconClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutTextClass: { classPropertyName: "shortcutTextClass", publicName: "shortcutTextClass", isSignal: true, isRequired: false, transformFunction: null }, detailsRowClass: { classPropertyName: "detailsRowClass", publicName: "detailsRowClass", isSignal: true, isRequired: false, transformFunction: null }, reportingBlockClass: { classPropertyName: "reportingBlockClass", publicName: "reportingBlockClass", isSignal: true, isRequired: false, transformFunction: null }, captionLabelClasses: { classPropertyName: "captionLabelClasses", publicName: "captionLabelClasses", isSignal: true, isRequired: false, transformFunction: null }, captionLabelValueClass: { classPropertyName: "captionLabelValueClass", publicName: "captionLabelValueClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalancesContainerClass: { classPropertyName: "vacationBalancesContainerClass", publicName: "vacationBalancesContainerClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceItemClass: { classPropertyName: "vacationBalanceItemClass", publicName: "vacationBalanceItemClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceHeaderClass: { classPropertyName: "vacationBalanceHeaderClass", publicName: "vacationBalanceHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, vacationColorDotClass: { classPropertyName: "vacationColorDotClass", publicName: "vacationColorDotClass", isSignal: true, isRequired: false, transformFunction: null }, vacationTypeNameClass: { classPropertyName: "vacationTypeNameClass", publicName: "vacationTypeNameClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceValueRowClass: { classPropertyName: "vacationBalanceValueRowClass", publicName: "vacationBalanceValueRowClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceValueClass: { classPropertyName: "vacationBalanceValueClass", publicName: "vacationBalanceValueClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipTriggerLinkClass: { classPropertyName: "tooltipTriggerLinkClass", publicName: "tooltipTriggerLinkClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipTriggerTextClass: { classPropertyName: "tooltipTriggerTextClass", publicName: "tooltipTriggerTextClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationRowClass: { classPropertyName: "tooltipVacationRowClass", publicName: "tooltipVacationRowClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationNameContainerClass: { classPropertyName: "tooltipVacationNameContainerClass", publicName: "tooltipVacationNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationNameClass: { classPropertyName: "tooltipVacationNameClass", publicName: "tooltipVacationNameClass", isSignal: true, isRequired: false, transformFunction: null }, defaultVacationBalanceColor: { classPropertyName: "defaultVacationBalanceColor", publicName: "defaultVacationBalanceColor", isSignal: true, isRequired: false, transformFunction: null }, defaultVacationColor: { classPropertyName: "defaultVacationColor", publicName: "defaultVacationColor", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onShortcutClicked: "onShortcutClicked", isLoadingChanged: "isLoadingChanged" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"containerClass()\">\r\n <div [class]=\"cardBodyClass()\">\r\n <div [class]=\"headerRowClass()\">\r\n <div>\r\n @if(employeeMainInfo()!=null){\r\n <div [class]=\"employeeInfoContainerClass()\">\r\n <bayan-employee-badge [badge]=\"employeeBadge()\"\r\n [badgeClass]=\"badgeClass()\"\r\n [imageClass]=\"badgeImageClass()\"\r\n [width]=\"badgeWidth()\"\r\n [height]=\"badgeHeight()\"\r\n (employeePhotoError)=\"handleEmployeePhotoError()\"></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeDetailsClass()\">\r\n <div [class]=\"employeeNameContainerClass()\">\r\n <div [class]=\"employeeNameClass()\"\r\n data-bs-toggle=\"tooltip\" [title]=\"employeeMainInfo()!.EmployeeNumber+' | '+ employeeMainInfo()!.EmployeeName\">\r\n {{employeeMainInfo()!.EmployeeNumber + ' | ' + employeeMainInfo()!.EmployeeName}}\r\n </div>\r\n </div>\r\n @if(employeeMainInfo()!.PositionName != null && employeeMainInfo()!.PositionName != ''){\r\n <div [class]=\"employeePositionClass()\"\r\n data-bs-toggle=\"tooltip\"\r\n [title]=\"employeeMainInfo()!.PositionName\">\r\n {{employeeMainInfo()!.PositionName}}\r\n </div>\r\n }\r\n @if(employeeMainInfo()!.GradeName !=null){\r\n <div [class]=\"employeeGradeClass()\" [title]=\"employeeMainInfo()!.GradeName\">\r\n {{employeeMainInfo()!.GradeName}}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div [class]=\"shortcutsContainerClass()\">\r\n @for(Icon of shortcutsWithUrls() ; track Icon ; let i = $index;){\r\n <sky-shortcut-icon [shortcut]=\"Icon\"\r\n [itemClass]=\"shortcutItemClass()\"\r\n [iconContainerClass]=\"shortcutIconContainerClass()\"\r\n [iconClass]=\"shortcutIconClass()\"\r\n [textClass]=\"shortcutTextClass()\"\r\n (onClicked)=\"shortcutClicked($event)\"></sky-shortcut-icon>\r\n }\r\n </div>\r\n </div>\r\n <div [class]=\"detailsRowClass()\" [ngClass]=\"{'flex-wrap': isMobile() || isTablet()}\">\r\n <div [class]=\"reportingBlockClass()\" [ngClass]=\"{'mb-3': isMobile()}\">\r\n <div [class]=\"captionLabelClasses() + ' me-5'\">\r\n <div>\r\n {{'ReportingTo' | translate}}\r\n </div>\r\n <div [class]=\"captionLabelValueClass()\">\r\n @if(employeeMainInfo()?.ReportingTo){\r\n {{employeeMainInfo()?.ReportingTo}}\r\n }@else{\r\n {{'NotAnknown' | translate}}\r\n }\r\n </div>\r\n </div>\r\n <div [class]=\"captionLabelClasses()\" [ngClass]=\"{'border-end border-1 pe-4': !isMobile()}\">\r\n <div>\r\n {{'ServiceYears' | translate}}\r\n </div>\r\n <div [class]=\"captionLabelValueClass()\">\r\n {{employeeMainInfo()?.ServiceYears}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-grow-1\" [ngClass]=\"{' ms-4': !isMobile() && !isTablet(), 'w-100': isTablet()}\">\r\n <div [class]=\"vacationBalancesContainerClass()\" [ngClass]=\"{'flex-wrap': isMobile(),'w-100': isTablet()}\">\r\n @for(vacationBalance of employeeMainInfo()?.VacationBalances ; track vacationBalance ; let i = $index;){\r\n @if(i <= 2 || employeeMainInfo()?.VacationBalances?.length == 4) {\r\n <div [class]=\"vacationBalanceItemClass()\" [ngClass]=\"{'mb-2 w-40': isMobile()}\">\r\n <div [class]=\"vacationBalanceHeaderClass()\">\r\n <div [class]=\"vacationColorDotClass()\">\r\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px;\" [style.background-color]=\"vacationBalance.VacationTypeColor\"></div>\r\n </div>\r\n <div [class]=\"vacationTypeNameClass()\">\r\n {{vacationBalance.VacationTypeName}}\r\n </div>\r\n </div>\r\n <div [class]=\"vacationBalanceValueRowClass()\">\r\n <div [class]=\"vacationColorDotClass()\">\r\n <div class=\"rounded rounded-circle invisible\" style=\"height: 11px; width: 11px;\"></div>\r\n </div>\r\n <div [class]=\"vacationBalanceValueClass()\">{{vacationBalance.CurrentBalance | number:'1.2-2'}} {{(vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate}}</div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n\r\n @if(employeeMainInfo()?.VacationBalances && employeeMainInfo()!.VacationBalances!.length > 4){\r\n <div [class]=\"vacationBalanceItemClass()\">\r\n <div [class]=\"tooltipTriggerLinkClass()\" id=\"otherVacationBalances\">\r\n <div [class]=\"vacationColorDotClass()\">\r\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px;\" [style.background-color]=\"defaultVacationBalanceColor()\"></div>\r\n </div>\r\n <div [class]=\"tooltipTriggerTextClass()\">\r\n +{{(employeeMainInfo()!.VacationBalances!.length - 3)}} {{'More' | translate}}\r\n </div>\r\n </div>\r\n <div [class]=\"vacationBalanceValueRowClass()\" style=\"visibility: hidden\">\r\n <div [class]=\"vacationColorDotClass()\">\r\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px;\"></div>\r\n </div>\r\n <div class=\"mx-1 fw-medium fs-14 text-dark-gray\">{{'More' | translate}}</div>\r\n </div>\r\n <dx-tooltip [target]=\"'#otherVacationBalances'\"\r\n [showEvent]=\"'mouseenter'\"\r\n [hideEvent]=\"'mouseleave'\">\r\n @for (vacationBalance of employeeMainInfo()!.VacationBalances! ; track vacationBalance; let i = $index;){\r\n @if(i > 2){\r\n <div [class]=\"tooltipVacationRowClass()\">\r\n <div [class]=\"tooltipVacationNameContainerClass()\">\r\n\r\n <div [class]=\"vacationColorDotClass()\">\r\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px;\" [style.background-color]=\"vacationBalance.VacationTypeColor\"></div>\r\n </div>\r\n <div [class]=\"tooltipVacationNameClass()\">\r\n {{vacationBalance.VacationTypeName}}\r\n </div>\r\n </div>\r\n <div>{{vacationBalance.CurrentBalance | number:'1.2-2'}} {{(vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate}}</div>\r\n </div>\r\n }\r\n }\r\n </dx-tooltip>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: DxTooltipModule }, { kind: "component", type: i2.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "container", "contentTemplate", "deferRendering", "disabled", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "component", type: SkyShortcutIconComponent, selector: "sky-shortcut-icon", inputs: ["shortcut", "itemClass", "iconContainerClass", "iconClass", "textClass"], outputs: ["onClicked"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2009
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyMainDetailsWidgetComponent, isStandalone: true, selector: "hr-my-main-details-widget", inputs: { badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: false, transformFunction: null }, badgeImageClass: { classPropertyName: "badgeImageClass", publicName: "badgeImageClass", isSignal: true, isRequired: false, transformFunction: null }, badgeWidth: { classPropertyName: "badgeWidth", publicName: "badgeWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeHeight: { classPropertyName: "badgeHeight", publicName: "badgeHeight", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoContainerClass: { classPropertyName: "employeeInfoContainerClass", publicName: "employeeInfoContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeDetailsClass: { classPropertyName: "employeeDetailsClass", publicName: "employeeDetailsClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameContainerClass: { classPropertyName: "employeeNameContainerClass", publicName: "employeeNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameClass: { classPropertyName: "employeeNameClass", publicName: "employeeNameClass", isSignal: true, isRequired: false, transformFunction: null }, employeePositionClass: { classPropertyName: "employeePositionClass", publicName: "employeePositionClass", isSignal: true, isRequired: false, transformFunction: null }, employeeGradeClass: { classPropertyName: "employeeGradeClass", publicName: "employeeGradeClass", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, cardBodyClass: { classPropertyName: "cardBodyClass", publicName: "cardBodyClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutsContainerClass: { classPropertyName: "shortcutsContainerClass", publicName: "shortcutsContainerClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutItemClass: { classPropertyName: "shortcutItemClass", publicName: "shortcutItemClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutIconContainerClass: { classPropertyName: "shortcutIconContainerClass", publicName: "shortcutIconContainerClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutIconClass: { classPropertyName: "shortcutIconClass", publicName: "shortcutIconClass", isSignal: true, isRequired: false, transformFunction: null }, shortcutTextClass: { classPropertyName: "shortcutTextClass", publicName: "shortcutTextClass", isSignal: true, isRequired: false, transformFunction: null }, detailsRowClass: { classPropertyName: "detailsRowClass", publicName: "detailsRowClass", isSignal: true, isRequired: false, transformFunction: null }, reportingBlockClass: { classPropertyName: "reportingBlockClass", publicName: "reportingBlockClass", isSignal: true, isRequired: false, transformFunction: null }, captionLabelClasses: { classPropertyName: "captionLabelClasses", publicName: "captionLabelClasses", isSignal: true, isRequired: false, transformFunction: null }, captionLabelValueClass: { classPropertyName: "captionLabelValueClass", publicName: "captionLabelValueClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalancesContainerClass: { classPropertyName: "vacationBalancesContainerClass", publicName: "vacationBalancesContainerClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceItemClass: { classPropertyName: "vacationBalanceItemClass", publicName: "vacationBalanceItemClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceHeaderClass: { classPropertyName: "vacationBalanceHeaderClass", publicName: "vacationBalanceHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, vacationColorDotClass: { classPropertyName: "vacationColorDotClass", publicName: "vacationColorDotClass", isSignal: true, isRequired: false, transformFunction: null }, vacationTypeNameClass: { classPropertyName: "vacationTypeNameClass", publicName: "vacationTypeNameClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceValueRowClass: { classPropertyName: "vacationBalanceValueRowClass", publicName: "vacationBalanceValueRowClass", isSignal: true, isRequired: false, transformFunction: null }, vacationBalanceValueClass: { classPropertyName: "vacationBalanceValueClass", publicName: "vacationBalanceValueClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipTriggerLinkClass: { classPropertyName: "tooltipTriggerLinkClass", publicName: "tooltipTriggerLinkClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipTriggerTextClass: { classPropertyName: "tooltipTriggerTextClass", publicName: "tooltipTriggerTextClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationRowClass: { classPropertyName: "tooltipVacationRowClass", publicName: "tooltipVacationRowClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationNameContainerClass: { classPropertyName: "tooltipVacationNameContainerClass", publicName: "tooltipVacationNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipVacationNameClass: { classPropertyName: "tooltipVacationNameClass", publicName: "tooltipVacationNameClass", isSignal: true, isRequired: false, transformFunction: null }, defaultVacationBalanceColor: { classPropertyName: "defaultVacationBalanceColor", publicName: "defaultVacationBalanceColor", isSignal: true, isRequired: false, transformFunction: null }, defaultVacationColor: { classPropertyName: "defaultVacationColor", publicName: "defaultVacationColor", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onShortcutClicked: "onShortcutClicked", isLoadingChanged: "isLoadingChanged" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"containerClass()\">\n <div [class]=\"cardBodyClass()\">\n <div [class]=\"headerRowClass()\">\n <div>\n @if (employeeMainInfo() != null) {\n <div [class]=\"employeeInfoContainerClass()\">\n <bayan-employee-badge\n [badge]=\"employeeBadge()\"\n [badgeClass]=\"badgeClass()\"\n [imageClass]=\"badgeImageClass()\"\n [width]=\"badgeWidth()\"\n [height]=\"badgeHeight()\"\n (employeePhotoError)=\"handleEmployeePhotoError()\"\n ></bayan-employee-badge>\n\n <div [class]=\"employeeDetailsClass()\">\n <div [class]=\"employeeNameContainerClass()\">\n <div\n [class]=\"employeeNameClass()\"\n data-bs-toggle=\"tooltip\"\n [title]=\"employeeMainInfo()!.EmployeeNumber + ' | ' + employeeMainInfo()!.EmployeeName\"\n >\n {{ employeeMainInfo()!.EmployeeNumber + ' | ' + employeeMainInfo()!.EmployeeName }}\n </div>\n </div>\n @if (employeeMainInfo()!.PositionName != null && employeeMainInfo()!.PositionName != '') {\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"employeeMainInfo()!.PositionName\">\n {{ employeeMainInfo()!.PositionName }}\n </div>\n }\n @if (employeeMainInfo()!.GradeName != null) {\n <div [class]=\"employeeGradeClass()\" [title]=\"employeeMainInfo()!.GradeName\">\n {{ employeeMainInfo()!.GradeName }}\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div [class]=\"shortcutsContainerClass()\">\n @for (Icon of shortcutsWithUrls(); track Icon; let i = $index) {\n <sky-shortcut-icon\n [shortcut]=\"Icon\"\n [itemClass]=\"shortcutItemClass()\"\n [iconContainerClass]=\"shortcutIconContainerClass()\"\n [iconClass]=\"shortcutIconClass()\"\n [textClass]=\"shortcutTextClass()\"\n (onClicked)=\"shortcutClicked($event)\"\n ></sky-shortcut-icon>\n }\n </div>\n </div>\n <div [class]=\"detailsRowClass()\" [ngClass]=\"{ 'flex-wrap': isMobile() || isTablet() }\">\n <div [class]=\"reportingBlockClass()\" [ngClass]=\"{ 'mb-3': isMobile() }\">\n <div [class]=\"captionLabelClasses() + ' me-5'\">\n <div>\n {{ 'ReportingTo' | translate }}\n </div>\n <div [class]=\"captionLabelValueClass()\">\n @if (employeeMainInfo()?.ReportingTo) {\n {{ employeeMainInfo()?.ReportingTo }}\n } @else {\n {{ 'NotAnknown' | translate }}\n }\n </div>\n </div>\n <div [class]=\"captionLabelClasses()\" [ngClass]=\"{ 'border-end border-1 pe-4': !isMobile() }\">\n <div>\n {{ 'ServiceYears' | translate }}\n </div>\n <div [class]=\"captionLabelValueClass()\">\n {{ employeeMainInfo()?.ServiceYears }}\n </div>\n </div>\n </div>\n\n <div class=\"flex-grow-1\" [ngClass]=\"{ ' ms-4': !isMobile() && !isTablet(), 'w-100': isTablet() }\">\n <div [class]=\"vacationBalancesContainerClass()\" [ngClass]=\"{ 'flex-wrap': isMobile(), 'w-100': isTablet() }\">\n @for (vacationBalance of employeeMainInfo()?.VacationBalances; track vacationBalance; let i = $index) {\n @if (i <= 2 || employeeMainInfo()?.VacationBalances?.length == 4) {\n <div [class]=\"vacationBalanceItemClass()\" [ngClass]=\"{ 'mb-2 w-40': isMobile() }\">\n <div [class]=\"vacationBalanceHeaderClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"vacationBalance.VacationTypeColor\"\n ></div>\n </div>\n <div [class]=\"vacationTypeNameClass()\">\n {{ vacationBalance.VacationTypeName }}\n </div>\n </div>\n <div [class]=\"vacationBalanceValueRowClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div class=\"rounded rounded-circle invisible\" style=\"height: 11px; width: 11px\"></div>\n </div>\n <div [class]=\"vacationBalanceValueClass()\">\n {{ vacationBalance.CurrentBalance | number: '1.2-2' }}\n {{ (vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate }}\n </div>\n </div>\n </div>\n }\n }\n\n @if (employeeMainInfo()?.VacationBalances && employeeMainInfo()!.VacationBalances!.length > 4) {\n <div [class]=\"vacationBalanceItemClass()\">\n <div [class]=\"tooltipTriggerLinkClass()\" id=\"otherVacationBalances\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"defaultVacationBalanceColor()\"\n ></div>\n </div>\n <div [class]=\"tooltipTriggerTextClass()\">\n +{{ employeeMainInfo()!.VacationBalances!.length - 3 }} {{ 'More' | translate }}\n </div>\n </div>\n <div [class]=\"vacationBalanceValueRowClass()\" style=\"visibility: hidden\">\n <div [class]=\"vacationColorDotClass()\">\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px\"></div>\n </div>\n <div class=\"mx-1 fw-medium fs-14 text-dark-gray\">{{ 'More' | translate }}</div>\n </div>\n <dx-tooltip [target]=\"'#otherVacationBalances'\" [showEvent]=\"'mouseenter'\" [hideEvent]=\"'mouseleave'\">\n @for (vacationBalance of employeeMainInfo()!.VacationBalances!; track vacationBalance; let i = $index) {\n @if (i > 2) {\n <div [class]=\"tooltipVacationRowClass()\">\n <div [class]=\"tooltipVacationNameContainerClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"vacationBalance.VacationTypeColor\"\n ></div>\n </div>\n <div [class]=\"tooltipVacationNameClass()\">\n {{ vacationBalance.VacationTypeName }}\n </div>\n </div>\n <div>\n {{ vacationBalance.CurrentBalance | number: '1.2-2' }}\n {{ (vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate }}\n </div>\n </div>\n }\n }\n </dx-tooltip>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DxTooltipModule }, { kind: "component", type: i1$1.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "container", "contentTemplate", "deferRendering", "disabled", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "component", type: SkyShortcutIconComponent, selector: "sky-shortcut-icon", inputs: ["shortcut", "itemClass", "iconContainerClass", "iconClass", "textClass"], outputs: ["onClicked"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2012
2010
|
}
|
|
2013
2011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyMainDetailsWidgetComponent, decorators: [{
|
|
2014
2012
|
type: Component,
|
|
2015
|
-
args: [{ selector: 'hr-my-main-details-widget', standalone: true, imports: [
|
|
2013
|
+
args: [{ selector: 'hr-my-main-details-widget', standalone: true, imports: [
|
|
2014
|
+
DxTooltipModule,
|
|
2015
|
+
NgClass,
|
|
2016
|
+
FontAwesomeModule,
|
|
2017
|
+
DecimalPipe,
|
|
2018
|
+
BayanEmployeeBadgeComponent,
|
|
2019
|
+
SkyShortcutIconComponent,
|
|
2020
|
+
HRTranslatePipe,
|
|
2021
|
+
], providers: [HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"containerClass()\">\n <div [class]=\"cardBodyClass()\">\n <div [class]=\"headerRowClass()\">\n <div>\n @if (employeeMainInfo() != null) {\n <div [class]=\"employeeInfoContainerClass()\">\n <bayan-employee-badge\n [badge]=\"employeeBadge()\"\n [badgeClass]=\"badgeClass()\"\n [imageClass]=\"badgeImageClass()\"\n [width]=\"badgeWidth()\"\n [height]=\"badgeHeight()\"\n (employeePhotoError)=\"handleEmployeePhotoError()\"\n ></bayan-employee-badge>\n\n <div [class]=\"employeeDetailsClass()\">\n <div [class]=\"employeeNameContainerClass()\">\n <div\n [class]=\"employeeNameClass()\"\n data-bs-toggle=\"tooltip\"\n [title]=\"employeeMainInfo()!.EmployeeNumber + ' | ' + employeeMainInfo()!.EmployeeName\"\n >\n {{ employeeMainInfo()!.EmployeeNumber + ' | ' + employeeMainInfo()!.EmployeeName }}\n </div>\n </div>\n @if (employeeMainInfo()!.PositionName != null && employeeMainInfo()!.PositionName != '') {\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"employeeMainInfo()!.PositionName\">\n {{ employeeMainInfo()!.PositionName }}\n </div>\n }\n @if (employeeMainInfo()!.GradeName != null) {\n <div [class]=\"employeeGradeClass()\" [title]=\"employeeMainInfo()!.GradeName\">\n {{ employeeMainInfo()!.GradeName }}\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div [class]=\"shortcutsContainerClass()\">\n @for (Icon of shortcutsWithUrls(); track Icon; let i = $index) {\n <sky-shortcut-icon\n [shortcut]=\"Icon\"\n [itemClass]=\"shortcutItemClass()\"\n [iconContainerClass]=\"shortcutIconContainerClass()\"\n [iconClass]=\"shortcutIconClass()\"\n [textClass]=\"shortcutTextClass()\"\n (onClicked)=\"shortcutClicked($event)\"\n ></sky-shortcut-icon>\n }\n </div>\n </div>\n <div [class]=\"detailsRowClass()\" [ngClass]=\"{ 'flex-wrap': isMobile() || isTablet() }\">\n <div [class]=\"reportingBlockClass()\" [ngClass]=\"{ 'mb-3': isMobile() }\">\n <div [class]=\"captionLabelClasses() + ' me-5'\">\n <div>\n {{ 'ReportingTo' | translate }}\n </div>\n <div [class]=\"captionLabelValueClass()\">\n @if (employeeMainInfo()?.ReportingTo) {\n {{ employeeMainInfo()?.ReportingTo }}\n } @else {\n {{ 'NotAnknown' | translate }}\n }\n </div>\n </div>\n <div [class]=\"captionLabelClasses()\" [ngClass]=\"{ 'border-end border-1 pe-4': !isMobile() }\">\n <div>\n {{ 'ServiceYears' | translate }}\n </div>\n <div [class]=\"captionLabelValueClass()\">\n {{ employeeMainInfo()?.ServiceYears }}\n </div>\n </div>\n </div>\n\n <div class=\"flex-grow-1\" [ngClass]=\"{ ' ms-4': !isMobile() && !isTablet(), 'w-100': isTablet() }\">\n <div [class]=\"vacationBalancesContainerClass()\" [ngClass]=\"{ 'flex-wrap': isMobile(), 'w-100': isTablet() }\">\n @for (vacationBalance of employeeMainInfo()?.VacationBalances; track vacationBalance; let i = $index) {\n @if (i <= 2 || employeeMainInfo()?.VacationBalances?.length == 4) {\n <div [class]=\"vacationBalanceItemClass()\" [ngClass]=\"{ 'mb-2 w-40': isMobile() }\">\n <div [class]=\"vacationBalanceHeaderClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"vacationBalance.VacationTypeColor\"\n ></div>\n </div>\n <div [class]=\"vacationTypeNameClass()\">\n {{ vacationBalance.VacationTypeName }}\n </div>\n </div>\n <div [class]=\"vacationBalanceValueRowClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div class=\"rounded rounded-circle invisible\" style=\"height: 11px; width: 11px\"></div>\n </div>\n <div [class]=\"vacationBalanceValueClass()\">\n {{ vacationBalance.CurrentBalance | number: '1.2-2' }}\n {{ (vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate }}\n </div>\n </div>\n </div>\n }\n }\n\n @if (employeeMainInfo()?.VacationBalances && employeeMainInfo()!.VacationBalances!.length > 4) {\n <div [class]=\"vacationBalanceItemClass()\">\n <div [class]=\"tooltipTriggerLinkClass()\" id=\"otherVacationBalances\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"defaultVacationBalanceColor()\"\n ></div>\n </div>\n <div [class]=\"tooltipTriggerTextClass()\">\n +{{ employeeMainInfo()!.VacationBalances!.length - 3 }} {{ 'More' | translate }}\n </div>\n </div>\n <div [class]=\"vacationBalanceValueRowClass()\" style=\"visibility: hidden\">\n <div [class]=\"vacationColorDotClass()\">\n <div class=\"rounded rounded-circle\" style=\"height: 11px; width: 11px\"></div>\n </div>\n <div class=\"mx-1 fw-medium fs-14 text-dark-gray\">{{ 'More' | translate }}</div>\n </div>\n <dx-tooltip [target]=\"'#otherVacationBalances'\" [showEvent]=\"'mouseenter'\" [hideEvent]=\"'mouseleave'\">\n @for (vacationBalance of employeeMainInfo()!.VacationBalances!; track vacationBalance; let i = $index) {\n @if (i > 2) {\n <div [class]=\"tooltipVacationRowClass()\">\n <div [class]=\"tooltipVacationNameContainerClass()\">\n <div [class]=\"vacationColorDotClass()\">\n <div\n class=\"rounded rounded-circle\"\n style=\"height: 11px; width: 11px\"\n [style.background-color]=\"vacationBalance.VacationTypeColor\"\n ></div>\n </div>\n <div [class]=\"tooltipVacationNameClass()\">\n {{ vacationBalance.VacationTypeName }}\n </div>\n </div>\n <div>\n {{ vacationBalance.CurrentBalance | number: '1.2-2' }}\n {{ (vacationBalance.CurrentBalance! == 1 ? 'day' : 'days') | translate }}\n </div>\n </div>\n }\n }\n </dx-tooltip>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
2016
2022
|
}], propDecorators: { onShortcutClicked: [{ type: i0.Output, args: ["onShortcutClicked"] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: false }] }], badgeImageClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeImageClass", required: false }] }], badgeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeWidth", required: false }] }], badgeHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeHeight", required: false }] }], employeeInfoContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeInfoContainerClass", required: false }] }], employeeDetailsClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeDetailsClass", required: false }] }], employeeNameContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameContainerClass", required: false }] }], employeeNameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameClass", required: false }] }], employeePositionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeePositionClass", required: false }] }], employeeGradeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeGradeClass", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], cardBodyClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardBodyClass", required: false }] }], headerRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerRowClass", required: false }] }], shortcutsContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcutsContainerClass", required: false }] }], shortcutItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcutItemClass", required: false }] }], shortcutIconContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcutIconContainerClass", required: false }] }], shortcutIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcutIconClass", required: false }] }], shortcutTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcutTextClass", required: false }] }], detailsRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsRowClass", required: false }] }], reportingBlockClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "reportingBlockClass", required: false }] }], captionLabelClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionLabelClasses", required: false }] }], captionLabelValueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionLabelValueClass", required: false }] }], vacationBalancesContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationBalancesContainerClass", required: false }] }], vacationBalanceItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationBalanceItemClass", required: false }] }], vacationBalanceHeaderClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationBalanceHeaderClass", required: false }] }], vacationColorDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationColorDotClass", required: false }] }], vacationTypeNameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationTypeNameClass", required: false }] }], vacationBalanceValueRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationBalanceValueRowClass", required: false }] }], vacationBalanceValueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationBalanceValueClass", required: false }] }], tooltipTriggerLinkClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTriggerLinkClass", required: false }] }], tooltipTriggerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTriggerTextClass", required: false }] }], tooltipVacationRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipVacationRowClass", required: false }] }], tooltipVacationNameContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipVacationNameContainerClass", required: false }] }], tooltipVacationNameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipVacationNameClass", required: false }] }], defaultVacationBalanceColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultVacationBalanceColor", required: false }] }], defaultVacationColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultVacationColor", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], isMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobile", required: false }] }], isTablet: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTablet", required: false }] }], shortcuts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcuts", required: false }] }] } });
|
|
2017
2023
|
|
|
2018
2024
|
class HRCardHeaderComponent {
|
|
2019
|
-
icon;
|
|
2020
|
-
title;
|
|
2021
|
-
containerClass = 'd-flex align-items-center mb-2';
|
|
2022
|
-
iconClass = 'fs-6 text-primary pe-2';
|
|
2023
|
-
titleClass = 'text-center table-header-lg fw-medium';
|
|
2025
|
+
icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
2026
|
+
title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
2027
|
+
containerClass = input('d-flex align-items-center mb-2', ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
|
|
2028
|
+
iconClass = input('fs-6 text-primary pe-2', ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
|
|
2029
|
+
titleClass = input('text-center table-header-lg fw-medium', ...(ngDevMode ? [{ debugName: "titleClass" }] : /* istanbul ignore next */ []));
|
|
2024
2030
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2025
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2031
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: HRCardHeaderComponent, isStandalone: true, selector: "hr-card-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"containerClass()\">\n <fa-icon [icon]=\"icon()\" [class]=\"iconClass()\"></fa-icon>\n <span [class]=\"titleClass()\">{{ title() }}</span>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2026
2032
|
}
|
|
2027
2033
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRCardHeaderComponent, decorators: [{
|
|
2028
2034
|
type: Component,
|
|
2029
|
-
args: [{ selector: 'hr-card-header', standalone: true, imports: [FontAwesomeModule], template: "<div [class]=\"containerClass\">\
|
|
2030
|
-
}], propDecorators: { icon: [{
|
|
2031
|
-
type: Input
|
|
2032
|
-
}], title: [{
|
|
2033
|
-
type: Input
|
|
2034
|
-
}], containerClass: [{
|
|
2035
|
-
type: Input
|
|
2036
|
-
}], iconClass: [{
|
|
2037
|
-
type: Input
|
|
2038
|
-
}], titleClass: [{
|
|
2039
|
-
type: Input
|
|
2040
|
-
}] } });
|
|
2035
|
+
args: [{ selector: 'hr-card-header', standalone: true, imports: [FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"containerClass()\">\n <fa-icon [icon]=\"icon()\" [class]=\"iconClass()\"></fa-icon>\n <span [class]=\"titleClass()\">{{ title() }}</span>\n</div>\n" }]
|
|
2036
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], iconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }] } });
|
|
2041
2037
|
|
|
2042
2038
|
class HREventItemComponent {
|
|
2043
|
-
events = [];
|
|
2044
|
-
showDates = false;
|
|
2045
|
-
showProperty = true;
|
|
2046
|
-
selectedLanguage = 'en';
|
|
2047
|
-
selectedEventType = null;
|
|
2048
|
-
weekendWarningDescription = null;
|
|
2049
|
-
eventIconClass = 'fs-6 text-primary pe-2';
|
|
2050
|
-
eventNameBoldClass = 'fw-medium';
|
|
2051
|
-
eventDescriptionClass = 'text-primary fw-medium';
|
|
2052
|
-
propertyBadgeClass = 'property-badge cursor-pointer me-1';
|
|
2053
|
-
noEventsTextClass = 'text-center my-4 text-light-gray';
|
|
2054
|
-
warningTextClass = 'text-center my-2 text-light-gray';
|
|
2055
|
-
dateFormat = 'dd/MM/yyyy';
|
|
2039
|
+
events = input([], ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
|
|
2040
|
+
showDates = input(false, ...(ngDevMode ? [{ debugName: "showDates" }] : /* istanbul ignore next */ []));
|
|
2041
|
+
showProperty = input(true, ...(ngDevMode ? [{ debugName: "showProperty" }] : /* istanbul ignore next */ []));
|
|
2042
|
+
selectedLanguage = input('en', ...(ngDevMode ? [{ debugName: "selectedLanguage" }] : /* istanbul ignore next */ []));
|
|
2043
|
+
selectedEventType = input(null, ...(ngDevMode ? [{ debugName: "selectedEventType" }] : /* istanbul ignore next */ []));
|
|
2044
|
+
weekendWarningDescription = input(null, ...(ngDevMode ? [{ debugName: "weekendWarningDescription" }] : /* istanbul ignore next */ []));
|
|
2045
|
+
eventIconClass = input('fs-6 text-primary pe-2', ...(ngDevMode ? [{ debugName: "eventIconClass" }] : /* istanbul ignore next */ []));
|
|
2046
|
+
eventNameBoldClass = input('fw-medium', ...(ngDevMode ? [{ debugName: "eventNameBoldClass" }] : /* istanbul ignore next */ []));
|
|
2047
|
+
eventDescriptionClass = input('text-primary fw-medium', ...(ngDevMode ? [{ debugName: "eventDescriptionClass" }] : /* istanbul ignore next */ []));
|
|
2048
|
+
propertyBadgeClass = input('property-badge cursor-pointer me-1', ...(ngDevMode ? [{ debugName: "propertyBadgeClass" }] : /* istanbul ignore next */ []));
|
|
2049
|
+
noEventsTextClass = input('text-center my-4 text-light-gray', ...(ngDevMode ? [{ debugName: "noEventsTextClass" }] : /* istanbul ignore next */ []));
|
|
2050
|
+
warningTextClass = input('text-center my-2 text-light-gray', ...(ngDevMode ? [{ debugName: "warningTextClass" }] : /* istanbul ignore next */ []));
|
|
2051
|
+
dateFormat = input('dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
|
|
2056
2052
|
eventTypeEnum = EventTypeEnum;
|
|
2057
2053
|
cakeCandles = faCakeCandles;
|
|
2058
2054
|
treePalm = faTreePalm;
|
|
2059
|
-
|
|
2060
|
-
isBirthday(event) {
|
|
2061
|
-
|
|
2055
|
+
isArabic = computed(() => this.selectedLanguage() === 'ar', ...(ngDevMode ? [{ debugName: "isArabic" }] : /* istanbul ignore next */ []));
|
|
2056
|
+
isBirthday(event) {
|
|
2057
|
+
return event.EventType === EventTypeEnum.Birthdays;
|
|
2058
|
+
}
|
|
2059
|
+
hasPropertyBadge(event) {
|
|
2060
|
+
return this.showProperty() && !!event.PropertySymbol;
|
|
2061
|
+
}
|
|
2062
2062
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2063
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventItemComponent, isStandalone: true, selector: "hr-event-item", inputs: { events: "events", showDates: "showDates", showProperty: "showProperty", selectedLanguage: "selectedLanguage", selectedEventType: "selectedEventType", weekendWarningDescription: "weekendWarningDescription", eventIconClass: "eventIconClass", eventNameBoldClass: "eventNameBoldClass", eventDescriptionClass: "eventDescriptionClass", propertyBadgeClass: "propertyBadgeClass", noEventsTextClass: "noEventsTextClass", warningTextClass: "warningTextClass", dateFormat: "dateFormat" }, ngImport: i0, template: "@if (events.length > 0) {\
|
|
2063
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventItemComponent, isStandalone: true, selector: "hr-event-item", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, showDates: { classPropertyName: "showDates", publicName: "showDates", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, selectedLanguage: { classPropertyName: "selectedLanguage", publicName: "selectedLanguage", isSignal: true, isRequired: false, transformFunction: null }, selectedEventType: { classPropertyName: "selectedEventType", publicName: "selectedEventType", isSignal: true, isRequired: false, transformFunction: null }, weekendWarningDescription: { classPropertyName: "weekendWarningDescription", publicName: "weekendWarningDescription", isSignal: true, isRequired: false, transformFunction: null }, eventIconClass: { classPropertyName: "eventIconClass", publicName: "eventIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventNameBoldClass: { classPropertyName: "eventNameBoldClass", publicName: "eventNameBoldClass", isSignal: true, isRequired: false, transformFunction: null }, eventDescriptionClass: { classPropertyName: "eventDescriptionClass", publicName: "eventDescriptionClass", isSignal: true, isRequired: false, transformFunction: null }, propertyBadgeClass: { classPropertyName: "propertyBadgeClass", publicName: "propertyBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, noEventsTextClass: { classPropertyName: "noEventsTextClass", publicName: "noEventsTextClass", isSignal: true, isRequired: false, transformFunction: null }, warningTextClass: { classPropertyName: "warningTextClass", publicName: "warningTextClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (events().length > 0) {\n <div>\n @for (event of events(); track event) {\n <div [class]=\"'d-flex lh-base ' + (showDates() ? 'my-3' : 'my-1')\">\n <fa-icon\n [icon]=\"isBirthday(event) ? cakeCandles : treePalm\"\n [class]=\"eventIconClass()\"\n [title]=\"isBirthday(event) ? ('Birthday' | translate) : ('PublicHoliday' | translate)\"\n ></fa-icon>\n\n <div>\n @if (isBirthday(event)) {\n @if (hasPropertyBadge(event)) {\n <span [class]=\"propertyBadgeClass()\" [title]=\"event.PropertyName!\">{{ event.PropertySymbol }}</span>\n }\n @if (isArabic()) {\n <span>{{ 'Birthday' | translate }}</span>\n <span [class]=\"eventNameBoldClass()\">{{ ' ' + event.Name + ' ' }}</span>\n @if (event.IsIn2Days) {\n <span>{{ 'During' | translate }}</span>\n }\n } @else {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}'s</span>\n <span>\n {{ ('Birthday' | translate) + ' ' + ((event.IsIn2Days ? ('isIn' | translate) : ('is' | translate)) | lowercase) }}\n </span>\n }\n } @else {\n @if (isArabic()) {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}</span>\n <span>{{ ('In' | translate) + ' ' }}</span>\n } @else {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}</span>\n <span>{{ ' ' + ('is' | translate | lowercase) }}</span>\n }\n }\n\n <span [class]=\"eventDescriptionClass()\">{{ event.Description | translate }}</span>\n\n @if (!isBirthday(event) && showDates() && event.StartDate && event.EndDate) {\n <span>{{ ' (' + (event.StartDate | date: dateFormat()) + ' - ' + (event.EndDate | date: dateFormat()) + ')' }}</span>\n }\n </div>\n </div>\n }\n </div>\n} @else {\n @if (weekendWarningDescription()) {\n <div [class]=\"warningTextClass() + (showDates() ? ' pt-5 my-5' : '')\">{{ (weekendWarningDescription() ?? undefined) | translate }}</div>\n } @else {\n <div [class]=\"noEventsTextClass() + (showDates() ? ' pt-5 my-5' : '')\">{{ 'NoEvents' | translate }}</div>\n }\n}\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2064
2064
|
}
|
|
2065
2065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventItemComponent, decorators: [{
|
|
2066
2066
|
type: Component,
|
|
2067
|
-
args: [{ selector: 'hr-event-item', standalone: true, imports: [FontAwesomeModule, DatePipe, LowerCasePipe, HRTranslatePipe], template: "@if (events.length > 0) {\
|
|
2068
|
-
}], propDecorators: { events: [{
|
|
2069
|
-
type: Input
|
|
2070
|
-
}], showDates: [{
|
|
2071
|
-
type: Input
|
|
2072
|
-
}], showProperty: [{
|
|
2073
|
-
type: Input
|
|
2074
|
-
}], selectedLanguage: [{
|
|
2075
|
-
type: Input
|
|
2076
|
-
}], selectedEventType: [{
|
|
2077
|
-
type: Input
|
|
2078
|
-
}], weekendWarningDescription: [{
|
|
2079
|
-
type: Input
|
|
2080
|
-
}], eventIconClass: [{
|
|
2081
|
-
type: Input
|
|
2082
|
-
}], eventNameBoldClass: [{
|
|
2083
|
-
type: Input
|
|
2084
|
-
}], eventDescriptionClass: [{
|
|
2085
|
-
type: Input
|
|
2086
|
-
}], propertyBadgeClass: [{
|
|
2087
|
-
type: Input
|
|
2088
|
-
}], noEventsTextClass: [{
|
|
2089
|
-
type: Input
|
|
2090
|
-
}], warningTextClass: [{
|
|
2091
|
-
type: Input
|
|
2092
|
-
}], dateFormat: [{
|
|
2093
|
-
type: Input
|
|
2094
|
-
}] } });
|
|
2067
|
+
args: [{ selector: 'hr-event-item', standalone: true, imports: [FontAwesomeModule, DatePipe, LowerCasePipe, HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (events().length > 0) {\n <div>\n @for (event of events(); track event) {\n <div [class]=\"'d-flex lh-base ' + (showDates() ? 'my-3' : 'my-1')\">\n <fa-icon\n [icon]=\"isBirthday(event) ? cakeCandles : treePalm\"\n [class]=\"eventIconClass()\"\n [title]=\"isBirthday(event) ? ('Birthday' | translate) : ('PublicHoliday' | translate)\"\n ></fa-icon>\n\n <div>\n @if (isBirthday(event)) {\n @if (hasPropertyBadge(event)) {\n <span [class]=\"propertyBadgeClass()\" [title]=\"event.PropertyName!\">{{ event.PropertySymbol }}</span>\n }\n @if (isArabic()) {\n <span>{{ 'Birthday' | translate }}</span>\n <span [class]=\"eventNameBoldClass()\">{{ ' ' + event.Name + ' ' }}</span>\n @if (event.IsIn2Days) {\n <span>{{ 'During' | translate }}</span>\n }\n } @else {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}'s</span>\n <span>\n {{ ('Birthday' | translate) + ' ' + ((event.IsIn2Days ? ('isIn' | translate) : ('is' | translate)) | lowercase) }}\n </span>\n }\n } @else {\n @if (isArabic()) {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}</span>\n <span>{{ ('In' | translate) + ' ' }}</span>\n } @else {\n <span [class]=\"eventNameBoldClass()\">{{ event.Name }}</span>\n <span>{{ ' ' + ('is' | translate | lowercase) }}</span>\n }\n }\n\n <span [class]=\"eventDescriptionClass()\">{{ event.Description | translate }}</span>\n\n @if (!isBirthday(event) && showDates() && event.StartDate && event.EndDate) {\n <span>{{ ' (' + (event.StartDate | date: dateFormat()) + ' - ' + (event.EndDate | date: dateFormat()) + ')' }}</span>\n }\n </div>\n </div>\n }\n </div>\n} @else {\n @if (weekendWarningDescription()) {\n <div [class]=\"warningTextClass() + (showDates() ? ' pt-5 my-5' : '')\">{{ (weekendWarningDescription() ?? undefined) | translate }}</div>\n } @else {\n <div [class]=\"noEventsTextClass() + (showDates() ? ' pt-5 my-5' : '')\">{{ 'NoEvents' | translate }}</div>\n }\n}\n" }]
|
|
2068
|
+
}], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], showDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDates", required: false }] }], showProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProperty", required: false }] }], selectedLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLanguage", required: false }] }], selectedEventType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedEventType", required: false }] }], weekendWarningDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekendWarningDescription", required: false }] }], eventIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventIconClass", required: false }] }], eventNameBoldClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventNameBoldClass", required: false }] }], eventDescriptionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventDescriptionClass", required: false }] }], propertyBadgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyBadgeClass", required: false }] }], noEventsTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "noEventsTextClass", required: false }] }], warningTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "warningTextClass", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }] } });
|
|
2095
2069
|
|
|
2096
2070
|
class HREventTabBarComponent {
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
constructor(translatePipe) {
|
|
2110
|
-
this.translatePipe = translatePipe;
|
|
2111
|
-
}
|
|
2071
|
+
selectedType = input(null, ...(ngDevMode ? [{ debugName: "selectedType" }] : /* istanbul ignore next */ []));
|
|
2072
|
+
selectedLanguage = input('en', ...(ngDevMode ? [{ debugName: "selectedLanguage" }] : /* istanbul ignore next */ []));
|
|
2073
|
+
tabSelectedClass = input('selected-event-option', ...(ngDevMode ? [{ debugName: "tabSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2074
|
+
tabNotSelectedClass = input('not-selected-event-option', ...(ngDevMode ? [{ debugName: "tabNotSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2075
|
+
tabTextSelectedClass = input('text-white', ...(ngDevMode ? [{ debugName: "tabTextSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2076
|
+
tabTextNotSelectedClass = input('text-primary', ...(ngDevMode ? [{ debugName: "tabTextNotSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2077
|
+
containerClass = input('d-flex gap-2 mb-3', ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
|
|
2078
|
+
tabItemClass = input('col-1 align-items-center rounded rounded-3 cursor-pointer text-center d-flex justify-content-center py-2 px-3', ...(ngDevMode ? [{ debugName: "tabItemClass" }] : /* istanbul ignore next */ []));
|
|
2079
|
+
tabTextClass = input('fs-16', ...(ngDevMode ? [{ debugName: "tabTextClass" }] : /* istanbul ignore next */ []));
|
|
2080
|
+
tabIconClass = input('fs-6', ...(ngDevMode ? [{ debugName: "tabIconClass" }] : /* istanbul ignore next */ []));
|
|
2081
|
+
tabSelected = output();
|
|
2082
|
+
translatePipe = inject(HRTranslatePipe);
|
|
2112
2083
|
tabList = [
|
|
2113
2084
|
{ id: null, icon: null },
|
|
2114
2085
|
{ id: EventTypeEnum.Birthdays, icon: faCakeCandles },
|
|
2115
|
-
{ id: EventTypeEnum.PublicHolidays, icon: faTreePalm }
|
|
2086
|
+
{ id: EventTypeEnum.PublicHolidays, icon: faTreePalm },
|
|
2116
2087
|
];
|
|
2117
2088
|
getTabText(tab) {
|
|
2118
2089
|
if (tab.id === null)
|
|
@@ -2121,134 +2092,72 @@ class HREventTabBarComponent {
|
|
|
2121
2092
|
return this.translatePipe.transform('Birthday');
|
|
2122
2093
|
return this.translatePipe.transform('PublicHoliday');
|
|
2123
2094
|
}
|
|
2124
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventTabBarComponent, deps: [
|
|
2125
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventTabBarComponent, isStandalone: true, selector: "hr-event-tab-bar", inputs: { selectedType: "selectedType", selectedLanguage: "selectedLanguage", tabSelectedClass: "tabSelectedClass", tabNotSelectedClass: "tabNotSelectedClass", tabTextSelectedClass: "tabTextSelectedClass", tabTextNotSelectedClass: "tabTextNotSelectedClass", containerClass: "containerClass", tabItemClass: "tabItemClass", tabTextClass: "tabTextClass", tabIconClass: "tabIconClass" }, outputs: { tabSelected: "tabSelected" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"containerClass\">\
|
|
2095
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2096
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventTabBarComponent, isStandalone: true, selector: "hr-event-tab-bar", inputs: { selectedType: { classPropertyName: "selectedType", publicName: "selectedType", isSignal: true, isRequired: false, transformFunction: null }, selectedLanguage: { classPropertyName: "selectedLanguage", publicName: "selectedLanguage", isSignal: true, isRequired: false, transformFunction: null }, tabSelectedClass: { classPropertyName: "tabSelectedClass", publicName: "tabSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabNotSelectedClass: { classPropertyName: "tabNotSelectedClass", publicName: "tabNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextSelectedClass: { classPropertyName: "tabTextSelectedClass", publicName: "tabTextSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextNotSelectedClass: { classPropertyName: "tabTextNotSelectedClass", publicName: "tabTextNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, tabItemClass: { classPropertyName: "tabItemClass", publicName: "tabItemClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextClass: { classPropertyName: "tabTextClass", publicName: "tabTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabIconClass: { classPropertyName: "tabIconClass", publicName: "tabIconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelected: "tabSelected" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"containerClass()\">\n @for (tab of tabList; track tab) {\n <div\n [class]=\"tabItemClass() + ' ' + (selectedType() == tab.id ? tabSelectedClass() : tabNotSelectedClass())\"\n [ngClass]=\"{ 'w-25': selectedLanguage() == 'fr' && !tab?.icon }\"\n (click)=\"tabSelected.emit(tab.id)\"\n >\n @if (!tab?.icon) {\n <span [class]=\"tabTextClass() + ' ' + (selectedType() == tab.id ? tabTextSelectedClass() : tabTextNotSelectedClass())\">\n {{ getTabText(tab) }}\n </span>\n } @else {\n <fa-icon\n [icon]=\"tab.icon!\"\n [class]=\"tabIconClass() + ' ' + (selectedType() == tab.id ? tabTextSelectedClass() : tabTextNotSelectedClass())\"\n [title]=\"getTabText(tab)\"\n ></fa-icon>\n }\n </div>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2126
2097
|
}
|
|
2127
2098
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventTabBarComponent, decorators: [{
|
|
2128
2099
|
type: Component,
|
|
2129
|
-
args: [{ selector: 'hr-event-tab-bar', standalone: true, imports: [FontAwesomeModule, NgClass], providers: [HRTranslatePipe], template: "<div [class]=\"containerClass\">\
|
|
2130
|
-
}],
|
|
2131
|
-
type: Input
|
|
2132
|
-
}], selectedLanguage: [{
|
|
2133
|
-
type: Input
|
|
2134
|
-
}], tabSelectedClass: [{
|
|
2135
|
-
type: Input
|
|
2136
|
-
}], tabNotSelectedClass: [{
|
|
2137
|
-
type: Input
|
|
2138
|
-
}], tabTextSelectedClass: [{
|
|
2139
|
-
type: Input
|
|
2140
|
-
}], tabTextNotSelectedClass: [{
|
|
2141
|
-
type: Input
|
|
2142
|
-
}], containerClass: [{
|
|
2143
|
-
type: Input
|
|
2144
|
-
}], tabItemClass: [{
|
|
2145
|
-
type: Input
|
|
2146
|
-
}], tabTextClass: [{
|
|
2147
|
-
type: Input
|
|
2148
|
-
}], tabIconClass: [{
|
|
2149
|
-
type: Input
|
|
2150
|
-
}], tabSelected: [{
|
|
2151
|
-
type: Output
|
|
2152
|
-
}] } });
|
|
2100
|
+
args: [{ selector: 'hr-event-tab-bar', standalone: true, imports: [FontAwesomeModule, NgClass], providers: [HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"containerClass()\">\n @for (tab of tabList; track tab) {\n <div\n [class]=\"tabItemClass() + ' ' + (selectedType() == tab.id ? tabSelectedClass() : tabNotSelectedClass())\"\n [ngClass]=\"{ 'w-25': selectedLanguage() == 'fr' && !tab?.icon }\"\n (click)=\"tabSelected.emit(tab.id)\"\n >\n @if (!tab?.icon) {\n <span [class]=\"tabTextClass() + ' ' + (selectedType() == tab.id ? tabTextSelectedClass() : tabTextNotSelectedClass())\">\n {{ getTabText(tab) }}\n </span>\n } @else {\n <fa-icon\n [icon]=\"tab.icon!\"\n [class]=\"tabIconClass() + ' ' + (selectedType() == tab.id ? tabTextSelectedClass() : tabTextNotSelectedClass())\"\n [title]=\"getTabText(tab)\"\n ></fa-icon>\n }\n </div>\n }\n</div>\n" }]
|
|
2101
|
+
}], propDecorators: { selectedType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedType", required: false }] }], selectedLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLanguage", required: false }] }], tabSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSelectedClass", required: false }] }], tabNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabNotSelectedClass", required: false }] }], tabTextSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextSelectedClass", required: false }] }], tabTextNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextNotSelectedClass", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], tabItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabItemClass", required: false }] }], tabTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextClass", required: false }] }], tabIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIconClass", required: false }] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }] } });
|
|
2153
2102
|
|
|
2154
2103
|
class HREventsPopupComponent {
|
|
2155
|
-
visible = false;
|
|
2156
|
-
events = [];
|
|
2157
|
-
hasBirthdays = false;
|
|
2158
|
-
hasHolidays = false;
|
|
2159
|
-
isLoading = false;
|
|
2160
|
-
selectedLanguage = 'en';
|
|
2161
|
-
showProperty = true;
|
|
2162
|
-
weekendWarningDescription = null;
|
|
2163
|
-
popupTitle = '';
|
|
2164
|
-
selectedEventType = null;
|
|
2165
|
-
tabSelectedClass = 'selected-event-option';
|
|
2166
|
-
tabNotSelectedClass = 'not-selected-event-option';
|
|
2167
|
-
tabTextSelectedClass = 'text-white';
|
|
2168
|
-
tabTextNotSelectedClass = 'text-primary';
|
|
2169
|
-
tabContainerClass = 'd-flex gap-2 mb-3';
|
|
2170
|
-
tabItemClass = 'col-1 align-items-center rounded rounded-3 cursor-pointer text-center d-flex justify-content-center py-2 px-3';
|
|
2171
|
-
tabTextClass = 'fs-16';
|
|
2172
|
-
tabIconClass = 'fs-6';
|
|
2173
|
-
eventIconClass = 'fs-6 text-primary pe-2';
|
|
2174
|
-
eventNameBoldClass = 'fw-medium';
|
|
2175
|
-
eventDescriptionClass = 'text-primary fw-medium';
|
|
2176
|
-
propertyBadgeClass = 'property-badge cursor-pointer me-1';
|
|
2177
|
-
noEventsTextClass = 'text-center my-4 text-light-gray';
|
|
2178
|
-
warningTextClass = 'text-center my-2 text-light-gray';
|
|
2179
|
-
dateFormat = 'dd/MM/yyyy';
|
|
2180
|
-
visibleChange =
|
|
2181
|
-
tabSelected =
|
|
2182
|
-
closed =
|
|
2104
|
+
visible = input(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
|
|
2105
|
+
events = input([], ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
|
|
2106
|
+
hasBirthdays = input(false, ...(ngDevMode ? [{ debugName: "hasBirthdays" }] : /* istanbul ignore next */ []));
|
|
2107
|
+
hasHolidays = input(false, ...(ngDevMode ? [{ debugName: "hasHolidays" }] : /* istanbul ignore next */ []));
|
|
2108
|
+
isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
|
|
2109
|
+
selectedLanguage = input('en', ...(ngDevMode ? [{ debugName: "selectedLanguage" }] : /* istanbul ignore next */ []));
|
|
2110
|
+
showProperty = input(true, ...(ngDevMode ? [{ debugName: "showProperty" }] : /* istanbul ignore next */ []));
|
|
2111
|
+
weekendWarningDescription = input(null, ...(ngDevMode ? [{ debugName: "weekendWarningDescription" }] : /* istanbul ignore next */ []));
|
|
2112
|
+
popupTitle = input('', ...(ngDevMode ? [{ debugName: "popupTitle" }] : /* istanbul ignore next */ []));
|
|
2113
|
+
selectedEventType = input(null, ...(ngDevMode ? [{ debugName: "selectedEventType" }] : /* istanbul ignore next */ []));
|
|
2114
|
+
tabSelectedClass = input('selected-event-option', ...(ngDevMode ? [{ debugName: "tabSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2115
|
+
tabNotSelectedClass = input('not-selected-event-option', ...(ngDevMode ? [{ debugName: "tabNotSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2116
|
+
tabTextSelectedClass = input('text-white', ...(ngDevMode ? [{ debugName: "tabTextSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2117
|
+
tabTextNotSelectedClass = input('text-primary', ...(ngDevMode ? [{ debugName: "tabTextNotSelectedClass" }] : /* istanbul ignore next */ []));
|
|
2118
|
+
tabContainerClass = input('d-flex gap-2 mb-3', ...(ngDevMode ? [{ debugName: "tabContainerClass" }] : /* istanbul ignore next */ []));
|
|
2119
|
+
tabItemClass = input('col-1 align-items-center rounded rounded-3 cursor-pointer text-center d-flex justify-content-center py-2 px-3', ...(ngDevMode ? [{ debugName: "tabItemClass" }] : /* istanbul ignore next */ []));
|
|
2120
|
+
tabTextClass = input('fs-16', ...(ngDevMode ? [{ debugName: "tabTextClass" }] : /* istanbul ignore next */ []));
|
|
2121
|
+
tabIconClass = input('fs-6', ...(ngDevMode ? [{ debugName: "tabIconClass" }] : /* istanbul ignore next */ []));
|
|
2122
|
+
eventIconClass = input('fs-6 text-primary pe-2', ...(ngDevMode ? [{ debugName: "eventIconClass" }] : /* istanbul ignore next */ []));
|
|
2123
|
+
eventNameBoldClass = input('fw-medium', ...(ngDevMode ? [{ debugName: "eventNameBoldClass" }] : /* istanbul ignore next */ []));
|
|
2124
|
+
eventDescriptionClass = input('text-primary fw-medium', ...(ngDevMode ? [{ debugName: "eventDescriptionClass" }] : /* istanbul ignore next */ []));
|
|
2125
|
+
propertyBadgeClass = input('property-badge cursor-pointer me-1', ...(ngDevMode ? [{ debugName: "propertyBadgeClass" }] : /* istanbul ignore next */ []));
|
|
2126
|
+
noEventsTextClass = input('text-center my-4 text-light-gray', ...(ngDevMode ? [{ debugName: "noEventsTextClass" }] : /* istanbul ignore next */ []));
|
|
2127
|
+
warningTextClass = input('text-center my-2 text-light-gray', ...(ngDevMode ? [{ debugName: "warningTextClass" }] : /* istanbul ignore next */ []));
|
|
2128
|
+
dateFormat = input('dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
|
|
2129
|
+
visibleChange = output();
|
|
2130
|
+
tabSelected = output();
|
|
2131
|
+
closed = output();
|
|
2132
|
+
popupVisible = signal(false, ...(ngDevMode ? [{ debugName: "popupVisible" }] : /* istanbul ignore next */ []));
|
|
2133
|
+
syncVisibleEffect = effect(() => {
|
|
2134
|
+
this.popupVisible.set(this.visible());
|
|
2135
|
+
}, ...(ngDevMode ? [{ debugName: "syncVisibleEffect" }] : /* istanbul ignore next */ []));
|
|
2183
2136
|
onTabSelected(eventType) {
|
|
2184
2137
|
this.tabSelected.emit(eventType);
|
|
2185
2138
|
}
|
|
2139
|
+
onPopupVisibleChanged(visible) {
|
|
2140
|
+
this.popupVisible.set(visible);
|
|
2141
|
+
this.visibleChange.emit(visible);
|
|
2142
|
+
}
|
|
2186
2143
|
onPopupClose() {
|
|
2187
2144
|
this.closed.emit();
|
|
2188
2145
|
}
|
|
2189
2146
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventsPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventsPopupComponent, isStandalone: true, selector: "hr-upcoming-events-popup", inputs: { visible: "visible", events: "events", hasBirthdays: "hasBirthdays", hasHolidays: "hasHolidays", isLoading: "isLoading", selectedLanguage: "selectedLanguage", showProperty: "showProperty", weekendWarningDescription: "weekendWarningDescription", popupTitle: "popupTitle", selectedEventType: "selectedEventType", tabSelectedClass: "tabSelectedClass", tabNotSelectedClass: "tabNotSelectedClass", tabTextSelectedClass: "tabTextSelectedClass", tabTextNotSelectedClass: "tabTextNotSelectedClass", tabContainerClass: "tabContainerClass", tabItemClass: "tabItemClass", tabTextClass: "tabTextClass", tabIconClass: "tabIconClass", eventIconClass: "eventIconClass", eventNameBoldClass: "eventNameBoldClass", eventDescriptionClass: "eventDescriptionClass", propertyBadgeClass: "propertyBadgeClass", noEventsTextClass: "noEventsTextClass", warningTextClass: "warningTextClass", dateFormat: "dateFormat" }, outputs: { visibleChange: "visibleChange", tabSelected: "tabSelected", closed: "closed" }, ngImport: i0, template: "<dx-popup id=\"popup\"\r\n [(visible)]=\"visible\"\r\n [height]=\"'400'\"\r\n [maxHeight]=\"400\"\r\n [width]=\"'650'\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"true\"\r\n [title]=\"popupTitle\"\r\n (onHiding)=\"onPopupClose()\"\r\n (visibleChange)=\"visibleChange.emit($event)\">\r\n\r\n <div class=\"text-dark\" *dxTemplate=\"let data of 'popup-content'\">\r\n <dx-scroll-view #upcomingEventsScrollView\r\n id=\"upcomingEventsScrollView\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n [showScrollbar]=\"'onScroll'\"\r\n [bounceEnabled]=\"false\">\r\n\r\n @if (hasBirthdays || hasHolidays) {\r\n <hr-event-tab-bar [selectedType]=\"selectedEventType\"\r\n [selectedLanguage]=\"selectedLanguage\"\r\n [tabSelectedClass]=\"tabSelectedClass\"\r\n [tabNotSelectedClass]=\"tabNotSelectedClass\"\r\n [tabTextSelectedClass]=\"tabTextSelectedClass\"\r\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass\"\r\n [containerClass]=\"tabContainerClass\"\r\n [tabItemClass]=\"tabItemClass\"\r\n [tabTextClass]=\"tabTextClass\"\r\n [tabIconClass]=\"tabIconClass\"\r\n (tabSelected)=\"onTabSelected($event)\">\r\n </hr-event-tab-bar>\r\n\r\n <hr-event-item [events]=\"events\"\r\n [showDates]=\"true\"\r\n [showProperty]=\"showProperty\"\r\n [selectedLanguage]=\"selectedLanguage\"\r\n [selectedEventType]=\"selectedEventType\"\r\n [weekendWarningDescription]=\"weekendWarningDescription\"\r\n [eventIconClass]=\"eventIconClass\"\r\n [eventNameBoldClass]=\"eventNameBoldClass\"\r\n [eventDescriptionClass]=\"eventDescriptionClass\"\r\n [propertyBadgeClass]=\"propertyBadgeClass\"\r\n [noEventsTextClass]=\"noEventsTextClass\"\r\n [warningTextClass]=\"warningTextClass\"\r\n [dateFormat]=\"dateFormat\">\r\n </hr-event-item>\r\n } @else {\r\n <div [class]=\"noEventsTextClass\">{{ 'NoEvents' | translate }}</div>\r\n }\r\n </dx-scroll-view>\r\n </div>\r\n</dx-popup>\r\n\r\n<dx-load-panel shadingColor=\"rgba(0,0,0,0.4)\"\r\n [visible]=\"isLoading\"\r\n [showIndicator]=\"true\" [showPane]=\"true\"\r\n [shading]=\"true\" [hideOnOutsideClick]=\"false\">\r\n</dx-load-panel>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadPanelModule }, { kind: "component", type: i2.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "container", "deferRendering", "delay", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorOptions", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "deferRenderingChange", "delayChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorOptionsChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: HREventItemComponent, selector: "hr-event-item", inputs: ["events", "showDates", "showProperty", "selectedLanguage", "selectedEventType", "weekendWarningDescription", "eventIconClass", "eventNameBoldClass", "eventDescriptionClass", "propertyBadgeClass", "noEventsTextClass", "warningTextClass", "dateFormat"] }, { kind: "component", type: HREventTabBarComponent, selector: "hr-event-tab-bar", inputs: ["selectedType", "selectedLanguage", "tabSelectedClass", "tabNotSelectedClass", "tabTextSelectedClass", "tabTextNotSelectedClass", "containerClass", "tabItemClass", "tabTextClass", "tabIconClass"], outputs: ["tabSelected"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }] });
|
|
2147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREventsPopupComponent, isStandalone: true, selector: "hr-upcoming-events-popup", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, hasBirthdays: { classPropertyName: "hasBirthdays", publicName: "hasBirthdays", isSignal: true, isRequired: false, transformFunction: null }, hasHolidays: { classPropertyName: "hasHolidays", publicName: "hasHolidays", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, selectedLanguage: { classPropertyName: "selectedLanguage", publicName: "selectedLanguage", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, weekendWarningDescription: { classPropertyName: "weekendWarningDescription", publicName: "weekendWarningDescription", isSignal: true, isRequired: false, transformFunction: null }, popupTitle: { classPropertyName: "popupTitle", publicName: "popupTitle", isSignal: true, isRequired: false, transformFunction: null }, selectedEventType: { classPropertyName: "selectedEventType", publicName: "selectedEventType", isSignal: true, isRequired: false, transformFunction: null }, tabSelectedClass: { classPropertyName: "tabSelectedClass", publicName: "tabSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabNotSelectedClass: { classPropertyName: "tabNotSelectedClass", publicName: "tabNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextSelectedClass: { classPropertyName: "tabTextSelectedClass", publicName: "tabTextSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextNotSelectedClass: { classPropertyName: "tabTextNotSelectedClass", publicName: "tabTextNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabContainerClass: { classPropertyName: "tabContainerClass", publicName: "tabContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabItemClass: { classPropertyName: "tabItemClass", publicName: "tabItemClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextClass: { classPropertyName: "tabTextClass", publicName: "tabTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabIconClass: { classPropertyName: "tabIconClass", publicName: "tabIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventIconClass: { classPropertyName: "eventIconClass", publicName: "eventIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventNameBoldClass: { classPropertyName: "eventNameBoldClass", publicName: "eventNameBoldClass", isSignal: true, isRequired: false, transformFunction: null }, eventDescriptionClass: { classPropertyName: "eventDescriptionClass", publicName: "eventDescriptionClass", isSignal: true, isRequired: false, transformFunction: null }, propertyBadgeClass: { classPropertyName: "propertyBadgeClass", publicName: "propertyBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, noEventsTextClass: { classPropertyName: "noEventsTextClass", publicName: "noEventsTextClass", isSignal: true, isRequired: false, transformFunction: null }, warningTextClass: { classPropertyName: "warningTextClass", publicName: "warningTextClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange", tabSelected: "tabSelected", closed: "closed" }, ngImport: i0, template: "<dx-popup\n id=\"popup\"\n [visible]=\"popupVisible()\"\n [height]=\"'400'\"\n [maxHeight]=\"400\"\n [width]=\"'650'\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n contentTemplate=\"popup-content\"\n [showCloseButton]=\"true\"\n [title]=\"popupTitle()\"\n (onHiding)=\"onPopupClose()\"\n (visibleChange)=\"onPopupVisibleChanged($event)\"\n>\n <div class=\"text-dark\" *dxTemplate=\"let data of 'popup-content'\">\n <dx-scroll-view\n #upcomingEventsScrollView\n id=\"upcomingEventsScrollView\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n [showScrollbar]=\"'onScroll'\"\n [bounceEnabled]=\"false\"\n >\n @if (hasBirthdays() || hasHolidays()) {\n <hr-event-tab-bar\n [selectedType]=\"selectedEventType()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [containerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n (tabSelected)=\"onTabSelected($event)\"\n ></hr-event-tab-bar>\n\n <hr-event-item\n [events]=\"events()\"\n [showDates]=\"true\"\n [showProperty]=\"showProperty()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [selectedEventType]=\"selectedEventType()\"\n [weekendWarningDescription]=\"weekendWarningDescription()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n ></hr-event-item>\n } @else {\n <div [class]=\"noEventsTextClass()\">{{ 'NoEvents' | translate }}</div>\n }\n </dx-scroll-view>\n </div>\n</dx-popup>\n\n<dx-load-panel\n shadingColor=\"rgba(0,0,0,0.4)\"\n [visible]=\"isLoading()\"\n [showIndicator]=\"true\"\n [showPane]=\"true\"\n [shading]=\"true\"\n [hideOnOutsideClick]=\"false\"\n></dx-load-panel>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i1$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadPanelModule }, { kind: "component", type: i1$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "container", "deferRendering", "delay", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorOptions", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "deferRenderingChange", "delayChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorOptionsChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: HREventItemComponent, selector: "hr-event-item", inputs: ["events", "showDates", "showProperty", "selectedLanguage", "selectedEventType", "weekendWarningDescription", "eventIconClass", "eventNameBoldClass", "eventDescriptionClass", "propertyBadgeClass", "noEventsTextClass", "warningTextClass", "dateFormat"] }, { kind: "component", type: HREventTabBarComponent, selector: "hr-event-tab-bar", inputs: ["selectedType", "selectedLanguage", "tabSelectedClass", "tabNotSelectedClass", "tabTextSelectedClass", "tabTextNotSelectedClass", "containerClass", "tabItemClass", "tabTextClass", "tabIconClass"], outputs: ["tabSelected"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2191
2148
|
}
|
|
2192
2149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREventsPopupComponent, decorators: [{
|
|
2193
2150
|
type: Component,
|
|
2194
|
-
args: [{ selector: 'hr-upcoming-events-popup', standalone: true, imports: [
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
type: Input
|
|
2205
|
-
}], selectedLanguage: [{
|
|
2206
|
-
type: Input
|
|
2207
|
-
}], showProperty: [{
|
|
2208
|
-
type: Input
|
|
2209
|
-
}], weekendWarningDescription: [{
|
|
2210
|
-
type: Input
|
|
2211
|
-
}], popupTitle: [{
|
|
2212
|
-
type: Input
|
|
2213
|
-
}], selectedEventType: [{
|
|
2214
|
-
type: Input
|
|
2215
|
-
}], tabSelectedClass: [{
|
|
2216
|
-
type: Input
|
|
2217
|
-
}], tabNotSelectedClass: [{
|
|
2218
|
-
type: Input
|
|
2219
|
-
}], tabTextSelectedClass: [{
|
|
2220
|
-
type: Input
|
|
2221
|
-
}], tabTextNotSelectedClass: [{
|
|
2222
|
-
type: Input
|
|
2223
|
-
}], tabContainerClass: [{
|
|
2224
|
-
type: Input
|
|
2225
|
-
}], tabItemClass: [{
|
|
2226
|
-
type: Input
|
|
2227
|
-
}], tabTextClass: [{
|
|
2228
|
-
type: Input
|
|
2229
|
-
}], tabIconClass: [{
|
|
2230
|
-
type: Input
|
|
2231
|
-
}], eventIconClass: [{
|
|
2232
|
-
type: Input
|
|
2233
|
-
}], eventNameBoldClass: [{
|
|
2234
|
-
type: Input
|
|
2235
|
-
}], eventDescriptionClass: [{
|
|
2236
|
-
type: Input
|
|
2237
|
-
}], propertyBadgeClass: [{
|
|
2238
|
-
type: Input
|
|
2239
|
-
}], noEventsTextClass: [{
|
|
2240
|
-
type: Input
|
|
2241
|
-
}], warningTextClass: [{
|
|
2242
|
-
type: Input
|
|
2243
|
-
}], dateFormat: [{
|
|
2244
|
-
type: Input
|
|
2245
|
-
}], visibleChange: [{
|
|
2246
|
-
type: Output
|
|
2247
|
-
}], tabSelected: [{
|
|
2248
|
-
type: Output
|
|
2249
|
-
}], closed: [{
|
|
2250
|
-
type: Output
|
|
2251
|
-
}] } });
|
|
2151
|
+
args: [{ selector: 'hr-upcoming-events-popup', standalone: true, imports: [
|
|
2152
|
+
CommonModule,
|
|
2153
|
+
DxPopupModule,
|
|
2154
|
+
DxScrollViewModule,
|
|
2155
|
+
DxLoadPanelModule,
|
|
2156
|
+
HREventItemComponent,
|
|
2157
|
+
HREventTabBarComponent,
|
|
2158
|
+
HRTranslatePipe,
|
|
2159
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\n id=\"popup\"\n [visible]=\"popupVisible()\"\n [height]=\"'400'\"\n [maxHeight]=\"400\"\n [width]=\"'650'\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n contentTemplate=\"popup-content\"\n [showCloseButton]=\"true\"\n [title]=\"popupTitle()\"\n (onHiding)=\"onPopupClose()\"\n (visibleChange)=\"onPopupVisibleChanged($event)\"\n>\n <div class=\"text-dark\" *dxTemplate=\"let data of 'popup-content'\">\n <dx-scroll-view\n #upcomingEventsScrollView\n id=\"upcomingEventsScrollView\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n [showScrollbar]=\"'onScroll'\"\n [bounceEnabled]=\"false\"\n >\n @if (hasBirthdays() || hasHolidays()) {\n <hr-event-tab-bar\n [selectedType]=\"selectedEventType()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [containerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n (tabSelected)=\"onTabSelected($event)\"\n ></hr-event-tab-bar>\n\n <hr-event-item\n [events]=\"events()\"\n [showDates]=\"true\"\n [showProperty]=\"showProperty()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [selectedEventType]=\"selectedEventType()\"\n [weekendWarningDescription]=\"weekendWarningDescription()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n ></hr-event-item>\n } @else {\n <div [class]=\"noEventsTextClass()\">{{ 'NoEvents' | translate }}</div>\n }\n </dx-scroll-view>\n </div>\n</dx-popup>\n\n<dx-load-panel\n shadingColor=\"rgba(0,0,0,0.4)\"\n [visible]=\"isLoading()\"\n [showIndicator]=\"true\"\n [showPane]=\"true\"\n [shading]=\"true\"\n [hideOnOutsideClick]=\"false\"\n></dx-load-panel>\n" }]
|
|
2160
|
+
}], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], hasBirthdays: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBirthdays", required: false }] }], hasHolidays: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasHolidays", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], selectedLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLanguage", required: false }] }], showProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProperty", required: false }] }], weekendWarningDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekendWarningDescription", required: false }] }], popupTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupTitle", required: false }] }], selectedEventType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedEventType", required: false }] }], tabSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSelectedClass", required: false }] }], tabNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabNotSelectedClass", required: false }] }], tabTextSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextSelectedClass", required: false }] }], tabTextNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextNotSelectedClass", required: false }] }], tabContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabContainerClass", required: false }] }], tabItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabItemClass", required: false }] }], tabTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextClass", required: false }] }], tabIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIconClass", required: false }] }], eventIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventIconClass", required: false }] }], eventNameBoldClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventNameBoldClass", required: false }] }], eventDescriptionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventDescriptionClass", required: false }] }], propertyBadgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyBadgeClass", required: false }] }], noEventsTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "noEventsTextClass", required: false }] }], warningTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "warningTextClass", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
|
|
2252
2161
|
|
|
2253
2162
|
class MyUpcomingEventsWidgetComponent {
|
|
2254
2163
|
baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : /* istanbul ignore next */ []));
|
|
@@ -2286,9 +2195,9 @@ class MyUpcomingEventsWidgetComponent {
|
|
|
2286
2195
|
popupVisible = signal(false, ...(ngDevMode ? [{ debugName: "popupVisible" }] : /* istanbul ignore next */ []));
|
|
2287
2196
|
weekendWarning = signal(null, ...(ngDevMode ? [{ debugName: "weekendWarning" }] : /* istanbul ignore next */ []));
|
|
2288
2197
|
selfWidgetsService = inject(HRSelfWidgetsService);
|
|
2289
|
-
|
|
2198
|
+
loadEventsEffect = effect(() => {
|
|
2290
2199
|
this.loadEvents(EventOption.All);
|
|
2291
|
-
}
|
|
2200
|
+
}, ...(ngDevMode ? [{ debugName: "loadEventsEffect" }] : /* istanbul ignore next */ []));
|
|
2292
2201
|
onTabClick(eventType) {
|
|
2293
2202
|
this.selectedEventType.set(eventType);
|
|
2294
2203
|
this.filteredEvents.set(this.buildEvents(this.cardData(), eventType, 2));
|
|
@@ -2325,13 +2234,11 @@ class MyUpcomingEventsWidgetComponent {
|
|
|
2325
2234
|
const currentData = this.cardData();
|
|
2326
2235
|
this.birthdays.set(currentData?.Birthdays || []);
|
|
2327
2236
|
this.holidays.set(currentData?.PublicHolidays || []);
|
|
2328
|
-
this.weekendWarning.set(currentData?.IsWeekendConfigured === false
|
|
2329
|
-
? this.weekendWarningDescription()
|
|
2330
|
-
: null);
|
|
2237
|
+
this.weekendWarning.set(currentData?.IsWeekendConfigured === false ? this.weekendWarningDescription() : null);
|
|
2331
2238
|
this.filteredEvents.set(this.buildEvents(currentData, null, 2));
|
|
2332
2239
|
this.isLoadingChanged.emit(false);
|
|
2333
2240
|
},
|
|
2334
|
-
error: (
|
|
2241
|
+
error: () => {
|
|
2335
2242
|
this.isLoadingChanged.emit(false);
|
|
2336
2243
|
},
|
|
2337
2244
|
});
|
|
@@ -2341,23 +2248,23 @@ class MyUpcomingEventsWidgetComponent {
|
|
|
2341
2248
|
const holidays = source?.PublicHolidays || [];
|
|
2342
2249
|
let filtered;
|
|
2343
2250
|
if (eventType === EventTypeEnum.Birthdays) {
|
|
2344
|
-
filtered = birthdays
|
|
2251
|
+
filtered = birthdays
|
|
2252
|
+
.map(b => this.mapBirthday(b))
|
|
2253
|
+
.sort((a, b) => new Date(a.EventDate).getTime() - new Date(b.EventDate).getTime());
|
|
2345
2254
|
}
|
|
2346
2255
|
else if (eventType === EventTypeEnum.PublicHolidays) {
|
|
2347
|
-
filtered = holidays
|
|
2256
|
+
filtered = holidays
|
|
2257
|
+
.map(h => this.mapHoliday(h))
|
|
2258
|
+
.sort((a, b) => new Date(a.EventDate).getTime() - new Date(b.EventDate).getTime());
|
|
2348
2259
|
}
|
|
2349
2260
|
else {
|
|
2350
2261
|
if (limit) {
|
|
2351
|
-
filtered = [
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
].sort((a, b) => new Date(a.EventDate).getTime() - new Date(b.EventDate).getTime()).slice(0, 2);
|
|
2262
|
+
filtered = [...birthdays.map(b => this.mapBirthday(b)), ...holidays.map(h => this.mapHoliday(h))]
|
|
2263
|
+
.sort((a, b) => new Date(a.EventDate).getTime() - new Date(b.EventDate).getTime())
|
|
2264
|
+
.slice(0, 2);
|
|
2355
2265
|
}
|
|
2356
2266
|
else {
|
|
2357
|
-
filtered = [
|
|
2358
|
-
...birthdays.map(b => this.mapBirthday(b)),
|
|
2359
|
-
...holidays.map(h => this.mapHoliday(h))
|
|
2360
|
-
];
|
|
2267
|
+
filtered = [...birthdays.map(b => this.mapBirthday(b)), ...holidays.map(h => this.mapHoliday(h))];
|
|
2361
2268
|
}
|
|
2362
2269
|
}
|
|
2363
2270
|
if (limit) {
|
|
@@ -2375,7 +2282,7 @@ class MyUpcomingEventsWidgetComponent {
|
|
|
2375
2282
|
Description: b.RelativeDay.toString(),
|
|
2376
2283
|
IsIn2Days: RelativeDay[b.RelativeDay] === RelativeDay.TwoDays,
|
|
2377
2284
|
PropertyName: b.EmployeePropertyName,
|
|
2378
|
-
PropertySymbol: b.EmployeePropertySymbol
|
|
2285
|
+
PropertySymbol: b.EmployeePropertySymbol,
|
|
2379
2286
|
};
|
|
2380
2287
|
}
|
|
2381
2288
|
mapHoliday(h) {
|
|
@@ -2385,15 +2292,22 @@ class MyUpcomingEventsWidgetComponent {
|
|
|
2385
2292
|
EndDate: new Date(h.EndDate),
|
|
2386
2293
|
Name: h.Description,
|
|
2387
2294
|
EventType: EventTypeEnum.PublicHolidays,
|
|
2388
|
-
Description: h.WeekContext.toString()
|
|
2295
|
+
Description: h.WeekContext.toString(),
|
|
2389
2296
|
};
|
|
2390
2297
|
}
|
|
2391
2298
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyUpcomingEventsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2392
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyUpcomingEventsWidgetComponent, isStandalone: true, selector: "hr-my-upcoming-events-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, weekendWarningDescription: { classPropertyName: "weekendWarningDescription", publicName: "weekendWarningDescription", isSignal: true, isRequired: false, transformFunction: null }, selectedLanguage: { classPropertyName: "selectedLanguage", publicName: "selectedLanguage", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, noEventsTextClass: { classPropertyName: "noEventsTextClass", publicName: "noEventsTextClass", isSignal: true, isRequired: false, transformFunction: null }, viewAllLinkClass: { classPropertyName: "viewAllLinkClass", publicName: "viewAllLinkClass", isSignal: true, isRequired: false, transformFunction: null }, viewAllContainerClass: { classPropertyName: "viewAllContainerClass", publicName: "viewAllContainerClass", isSignal: true, isRequired: false, transformFunction: null }, warningTextClass: { classPropertyName: "warningTextClass", publicName: "warningTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabSelectedClass: { classPropertyName: "tabSelectedClass", publicName: "tabSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabNotSelectedClass: { classPropertyName: "tabNotSelectedClass", publicName: "tabNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextSelectedClass: { classPropertyName: "tabTextSelectedClass", publicName: "tabTextSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextNotSelectedClass: { classPropertyName: "tabTextNotSelectedClass", publicName: "tabTextNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabContainerClass: { classPropertyName: "tabContainerClass", publicName: "tabContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabItemClass: { classPropertyName: "tabItemClass", publicName: "tabItemClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextClass: { classPropertyName: "tabTextClass", publicName: "tabTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabIconClass: { classPropertyName: "tabIconClass", publicName: "tabIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventIconClass: { classPropertyName: "eventIconClass", publicName: "eventIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventNameBoldClass: { classPropertyName: "eventNameBoldClass", publicName: "eventNameBoldClass", isSignal: true, isRequired: false, transformFunction: null }, eventDescriptionClass: { classPropertyName: "eventDescriptionClass", publicName: "eventDescriptionClass", isSignal: true, isRequired: false, transformFunction: null }, propertyBadgeClass: { classPropertyName: "propertyBadgeClass", publicName: "propertyBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, externalViewAll: { classPropertyName: "externalViewAll", publicName: "externalViewAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", viewAllClicked: "viewAllClicked" }, ngImport: i0, template: "<!-- Card View -->\
|
|
2299
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyUpcomingEventsWidgetComponent, isStandalone: true, selector: "hr-my-upcoming-events-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, weekendWarningDescription: { classPropertyName: "weekendWarningDescription", publicName: "weekendWarningDescription", isSignal: true, isRequired: false, transformFunction: null }, selectedLanguage: { classPropertyName: "selectedLanguage", publicName: "selectedLanguage", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, noEventsTextClass: { classPropertyName: "noEventsTextClass", publicName: "noEventsTextClass", isSignal: true, isRequired: false, transformFunction: null }, viewAllLinkClass: { classPropertyName: "viewAllLinkClass", publicName: "viewAllLinkClass", isSignal: true, isRequired: false, transformFunction: null }, viewAllContainerClass: { classPropertyName: "viewAllContainerClass", publicName: "viewAllContainerClass", isSignal: true, isRequired: false, transformFunction: null }, warningTextClass: { classPropertyName: "warningTextClass", publicName: "warningTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabSelectedClass: { classPropertyName: "tabSelectedClass", publicName: "tabSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabNotSelectedClass: { classPropertyName: "tabNotSelectedClass", publicName: "tabNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextSelectedClass: { classPropertyName: "tabTextSelectedClass", publicName: "tabTextSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextNotSelectedClass: { classPropertyName: "tabTextNotSelectedClass", publicName: "tabTextNotSelectedClass", isSignal: true, isRequired: false, transformFunction: null }, tabContainerClass: { classPropertyName: "tabContainerClass", publicName: "tabContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabItemClass: { classPropertyName: "tabItemClass", publicName: "tabItemClass", isSignal: true, isRequired: false, transformFunction: null }, tabTextClass: { classPropertyName: "tabTextClass", publicName: "tabTextClass", isSignal: true, isRequired: false, transformFunction: null }, tabIconClass: { classPropertyName: "tabIconClass", publicName: "tabIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventIconClass: { classPropertyName: "eventIconClass", publicName: "eventIconClass", isSignal: true, isRequired: false, transformFunction: null }, eventNameBoldClass: { classPropertyName: "eventNameBoldClass", publicName: "eventNameBoldClass", isSignal: true, isRequired: false, transformFunction: null }, eventDescriptionClass: { classPropertyName: "eventDescriptionClass", publicName: "eventDescriptionClass", isSignal: true, isRequired: false, transformFunction: null }, propertyBadgeClass: { classPropertyName: "propertyBadgeClass", publicName: "propertyBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, externalViewAll: { classPropertyName: "externalViewAll", publicName: "externalViewAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", viewAllClicked: "viewAllClicked" }, ngImport: i0, template: "<!-- Card View -->\n<div [class]=\"cardClass()\">\n <hr-card-header [icon]=\"calendarStar\" [title]=\"'UpcomingEvents' | translate\"></hr-card-header>\n\n @if (birthdays().length > 0 || holidays().length > 0) {\n <hr-event-tab-bar\n [selectedType]=\"selectedEventType()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [containerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n (tabSelected)=\"onTabClick($event)\"\n ></hr-event-tab-bar>\n\n <hr-event-item\n [events]=\"filteredEvents()\"\n [showDates]=\"false\"\n [showProperty]=\"showProperty()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [selectedEventType]=\"selectedEventType()\"\n [weekendWarningDescription]=\"weekendWarning()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n ></hr-event-item>\n\n <div [class]=\"viewAllContainerClass()\">\n <a [class]=\"viewAllLinkClass()\" (click)=\"showPopup()\">{{ 'ViewAll' | translate }}</a>\n </div>\n } @else {\n <div [class]=\"noEventsTextClass()\">{{ 'NoEvents' | translate }}</div>\n }\n</div>\n\n<!-- Popup -->\n<hr-upcoming-events-popup\n [visible]=\"popupVisible()\"\n [events]=\"popupEvents()\"\n [hasBirthdays]=\"birthdays().length > 0\"\n [hasHolidays]=\"holidays().length > 0\"\n [isLoading]=\"false\"\n [selectedLanguage]=\"selectedLanguage()\"\n [showProperty]=\"showProperty()\"\n [weekendWarningDescription]=\"weekendWarning()\"\n [popupTitle]=\"'UpcomingEvents' | translate\"\n [selectedEventType]=\"selectedPopupEventType()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [tabContainerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n (visibleChange)=\"onPopupVisibleChange($event)\"\n (tabSelected)=\"onPopupTabClick($event)\"\n (closed)=\"onPopupClose()\"\n></hr-upcoming-events-popup>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRCardHeaderComponent, selector: "hr-card-header", inputs: ["icon", "title", "containerClass", "iconClass", "titleClass"] }, { kind: "component", type: HREventItemComponent, selector: "hr-event-item", inputs: ["events", "showDates", "showProperty", "selectedLanguage", "selectedEventType", "weekendWarningDescription", "eventIconClass", "eventNameBoldClass", "eventDescriptionClass", "propertyBadgeClass", "noEventsTextClass", "warningTextClass", "dateFormat"] }, { kind: "component", type: HREventTabBarComponent, selector: "hr-event-tab-bar", inputs: ["selectedType", "selectedLanguage", "tabSelectedClass", "tabNotSelectedClass", "tabTextSelectedClass", "tabTextNotSelectedClass", "containerClass", "tabItemClass", "tabTextClass", "tabIconClass"], outputs: ["tabSelected"] }, { kind: "component", type: HREventsPopupComponent, selector: "hr-upcoming-events-popup", inputs: ["visible", "events", "hasBirthdays", "hasHolidays", "isLoading", "selectedLanguage", "showProperty", "weekendWarningDescription", "popupTitle", "selectedEventType", "tabSelectedClass", "tabNotSelectedClass", "tabTextSelectedClass", "tabTextNotSelectedClass", "tabContainerClass", "tabItemClass", "tabTextClass", "tabIconClass", "eventIconClass", "eventNameBoldClass", "eventDescriptionClass", "propertyBadgeClass", "noEventsTextClass", "warningTextClass", "dateFormat"], outputs: ["visibleChange", "tabSelected", "closed"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2393
2300
|
}
|
|
2394
2301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyUpcomingEventsWidgetComponent, decorators: [{
|
|
2395
2302
|
type: Component,
|
|
2396
|
-
args: [{ selector: 'hr-my-upcoming-events-widget', standalone: true, imports: [
|
|
2303
|
+
args: [{ selector: 'hr-my-upcoming-events-widget', standalone: true, imports: [
|
|
2304
|
+
FontAwesomeModule,
|
|
2305
|
+
HRCardHeaderComponent,
|
|
2306
|
+
HREventItemComponent,
|
|
2307
|
+
HREventTabBarComponent,
|
|
2308
|
+
HREventsPopupComponent,
|
|
2309
|
+
HRTranslatePipe,
|
|
2310
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Card View -->\n<div [class]=\"cardClass()\">\n <hr-card-header [icon]=\"calendarStar\" [title]=\"'UpcomingEvents' | translate\"></hr-card-header>\n\n @if (birthdays().length > 0 || holidays().length > 0) {\n <hr-event-tab-bar\n [selectedType]=\"selectedEventType()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [containerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n (tabSelected)=\"onTabClick($event)\"\n ></hr-event-tab-bar>\n\n <hr-event-item\n [events]=\"filteredEvents()\"\n [showDates]=\"false\"\n [showProperty]=\"showProperty()\"\n [selectedLanguage]=\"selectedLanguage()\"\n [selectedEventType]=\"selectedEventType()\"\n [weekendWarningDescription]=\"weekendWarning()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n ></hr-event-item>\n\n <div [class]=\"viewAllContainerClass()\">\n <a [class]=\"viewAllLinkClass()\" (click)=\"showPopup()\">{{ 'ViewAll' | translate }}</a>\n </div>\n } @else {\n <div [class]=\"noEventsTextClass()\">{{ 'NoEvents' | translate }}</div>\n }\n</div>\n\n<!-- Popup -->\n<hr-upcoming-events-popup\n [visible]=\"popupVisible()\"\n [events]=\"popupEvents()\"\n [hasBirthdays]=\"birthdays().length > 0\"\n [hasHolidays]=\"holidays().length > 0\"\n [isLoading]=\"false\"\n [selectedLanguage]=\"selectedLanguage()\"\n [showProperty]=\"showProperty()\"\n [weekendWarningDescription]=\"weekendWarning()\"\n [popupTitle]=\"'UpcomingEvents' | translate\"\n [selectedEventType]=\"selectedPopupEventType()\"\n [tabSelectedClass]=\"tabSelectedClass()\"\n [tabNotSelectedClass]=\"tabNotSelectedClass()\"\n [tabTextSelectedClass]=\"tabTextSelectedClass()\"\n [tabTextNotSelectedClass]=\"tabTextNotSelectedClass()\"\n [tabContainerClass]=\"tabContainerClass()\"\n [tabItemClass]=\"tabItemClass()\"\n [tabTextClass]=\"tabTextClass()\"\n [tabIconClass]=\"tabIconClass()\"\n [eventIconClass]=\"eventIconClass()\"\n [eventNameBoldClass]=\"eventNameBoldClass()\"\n [eventDescriptionClass]=\"eventDescriptionClass()\"\n [propertyBadgeClass]=\"propertyBadgeClass()\"\n [noEventsTextClass]=\"noEventsTextClass()\"\n [warningTextClass]=\"warningTextClass()\"\n [dateFormat]=\"dateFormat()\"\n (visibleChange)=\"onPopupVisibleChange($event)\"\n (tabSelected)=\"onPopupTabClick($event)\"\n (closed)=\"onPopupClose()\"\n></hr-upcoming-events-popup>\n" }]
|
|
2397
2311
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], weekendWarningDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekendWarningDescription", required: false }] }], selectedLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLanguage", required: false }] }], showProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProperty", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], noEventsTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "noEventsTextClass", required: false }] }], viewAllLinkClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewAllLinkClass", required: false }] }], viewAllContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewAllContainerClass", required: false }] }], warningTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "warningTextClass", required: false }] }], tabSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSelectedClass", required: false }] }], tabNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabNotSelectedClass", required: false }] }], tabTextSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextSelectedClass", required: false }] }], tabTextNotSelectedClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextNotSelectedClass", required: false }] }], tabContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabContainerClass", required: false }] }], tabItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabItemClass", required: false }] }], tabTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabTextClass", required: false }] }], tabIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIconClass", required: false }] }], eventIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventIconClass", required: false }] }], eventNameBoldClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventNameBoldClass", required: false }] }], eventDescriptionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventDescriptionClass", required: false }] }], propertyBadgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyBadgeClass", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], viewAllClicked: [{ type: i0.Output, args: ["viewAllClicked"] }], externalViewAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalViewAll", required: false }] }] } });
|
|
2398
2312
|
|
|
2399
2313
|
class HRCommonMethodsService {
|
|
@@ -2432,24 +2346,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
2432
2346
|
|
|
2433
2347
|
class HREmployeeCalendarComponent {
|
|
2434
2348
|
calendar;
|
|
2435
|
-
showEvents = false;
|
|
2436
|
-
showUpComingVacations = false;
|
|
2437
|
-
scheduleCalenderVacation = [];
|
|
2438
|
-
minDate = new Date();
|
|
2439
|
-
maxDate = new Date();
|
|
2440
|
-
legendContainerClass = 'row mb-2';
|
|
2441
|
-
legendRowClass = 'd-flex';
|
|
2442
|
-
legendItemClass = 'd-flex align-items-center';
|
|
2443
|
-
legendDotClass = 'me-1 circle-sm';
|
|
2444
|
-
legendLabelClass = 'me-1 fs-12';
|
|
2445
|
-
publicHolidayDotClass = 'bg-accent';
|
|
2446
|
-
dayOffDotClass = 'bg-yellow';
|
|
2447
|
-
eventsDotClass = 'bg-primary';
|
|
2448
|
-
vacationsContainerClass = 'd-flex mt-3';
|
|
2449
|
-
vacationsItemClass = 'd-flex align-items-center';
|
|
2450
|
-
vacationsIconClass = 'fs-8 me-1';
|
|
2451
|
-
calendarContainerClass = 'row mt-2 col-12';
|
|
2452
|
-
calendarClass = 'button-boeder-none';
|
|
2349
|
+
showEvents = input(false, ...(ngDevMode ? [{ debugName: "showEvents" }] : /* istanbul ignore next */ []));
|
|
2350
|
+
showUpComingVacations = input(false, ...(ngDevMode ? [{ debugName: "showUpComingVacations" }] : /* istanbul ignore next */ []));
|
|
2351
|
+
scheduleCalenderVacation = input([], ...(ngDevMode ? [{ debugName: "scheduleCalenderVacation" }] : /* istanbul ignore next */ []));
|
|
2352
|
+
minDate = input(new Date(), ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
|
|
2353
|
+
maxDate = input(new Date(), ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
|
|
2354
|
+
legendContainerClass = input('row mb-2', ...(ngDevMode ? [{ debugName: "legendContainerClass" }] : /* istanbul ignore next */ []));
|
|
2355
|
+
legendRowClass = input('d-flex', ...(ngDevMode ? [{ debugName: "legendRowClass" }] : /* istanbul ignore next */ []));
|
|
2356
|
+
legendItemClass = input('d-flex align-items-center', ...(ngDevMode ? [{ debugName: "legendItemClass" }] : /* istanbul ignore next */ []));
|
|
2357
|
+
legendDotClass = input('me-1 circle-sm', ...(ngDevMode ? [{ debugName: "legendDotClass" }] : /* istanbul ignore next */ []));
|
|
2358
|
+
legendLabelClass = input('me-1 fs-12', ...(ngDevMode ? [{ debugName: "legendLabelClass" }] : /* istanbul ignore next */ []));
|
|
2359
|
+
publicHolidayDotClass = input('bg-accent', ...(ngDevMode ? [{ debugName: "publicHolidayDotClass" }] : /* istanbul ignore next */ []));
|
|
2360
|
+
dayOffDotClass = input('bg-yellow', ...(ngDevMode ? [{ debugName: "dayOffDotClass" }] : /* istanbul ignore next */ []));
|
|
2361
|
+
eventsDotClass = input('bg-primary', ...(ngDevMode ? [{ debugName: "eventsDotClass" }] : /* istanbul ignore next */ []));
|
|
2362
|
+
vacationsContainerClass = input('d-flex mt-3', ...(ngDevMode ? [{ debugName: "vacationsContainerClass" }] : /* istanbul ignore next */ []));
|
|
2363
|
+
vacationsItemClass = input('d-flex align-items-center', ...(ngDevMode ? [{ debugName: "vacationsItemClass" }] : /* istanbul ignore next */ []));
|
|
2364
|
+
vacationsIconClass = input('fs-8 me-1', ...(ngDevMode ? [{ debugName: "vacationsIconClass" }] : /* istanbul ignore next */ []));
|
|
2365
|
+
calendarContainerClass = input('row mt-2 col-12', ...(ngDevMode ? [{ debugName: "calendarContainerClass" }] : /* istanbul ignore next */ []));
|
|
2366
|
+
calendarClass = input('button-boeder-none', ...(ngDevMode ? [{ debugName: "calendarClass" }] : /* istanbul ignore next */ []));
|
|
2453
2367
|
squreCheckIcon = faCircle;
|
|
2454
2368
|
DaysOffVacationTypes = ScheduleVacationTypes.DaysOff;
|
|
2455
2369
|
PublicHolidaysVacationTypes = ScheduleVacationTypes.PublicHoliday;
|
|
@@ -2459,8 +2373,10 @@ class HREmployeeCalendarComponent {
|
|
|
2459
2373
|
return this.createDateSpan(cellData);
|
|
2460
2374
|
}
|
|
2461
2375
|
const cellDate = cellData.date;
|
|
2462
|
-
let matchedVacation = this.scheduleCalenderVacation.find(
|
|
2463
|
-
let matchedOffOrPublicHolidayBullet = this.scheduleCalenderVacation.find(
|
|
2376
|
+
let matchedVacation = this.scheduleCalenderVacation().find(vacation => this.isDateInPeriod(cellDate, vacation.VacationDays));
|
|
2377
|
+
let matchedOffOrPublicHolidayBullet = this.scheduleCalenderVacation().find(vacation => this.isDateInPeriod(cellDate, vacation.VacationDays) &&
|
|
2378
|
+
vacation.VacationType != ScheduleVacationTypes.Vacations &&
|
|
2379
|
+
vacation.VacationType != ScheduleVacationTypes.AddedVacations);
|
|
2464
2380
|
if (matchedVacation) {
|
|
2465
2381
|
if (this.commonMethods.calculateDaysDifference(matchedVacation.VacationDays.EndDate, matchedVacation.VacationDays.StartDate) === 0) {
|
|
2466
2382
|
return this.createDateSpan(cellData, matchedVacation, matchedOffOrPublicHolidayBullet, false, false, false);
|
|
@@ -2485,9 +2401,11 @@ class HREmployeeCalendarComponent {
|
|
|
2485
2401
|
cellElement.style.position = 'relative';
|
|
2486
2402
|
if (matchedVacation) {
|
|
2487
2403
|
cellElement.title = matchedVacation.Description;
|
|
2488
|
-
if (matchedVacation.VacationType != ScheduleVacationTypes.DaysOff &&
|
|
2404
|
+
if (matchedVacation.VacationType != ScheduleVacationTypes.DaysOff &&
|
|
2405
|
+
matchedVacation.VacationType != ScheduleVacationTypes.PublicHoliday &&
|
|
2406
|
+
matchedVacation.VacationType != ScheduleVacationTypes.Events) {
|
|
2489
2407
|
if (matchedVacation.Color) {
|
|
2490
|
-
cellElement.style.backgroundColor =
|
|
2408
|
+
cellElement.style.backgroundColor = matchedVacation.Color + '99';
|
|
2491
2409
|
cellElement.style.color = '#FFFFFF';
|
|
2492
2410
|
}
|
|
2493
2411
|
else {
|
|
@@ -2520,7 +2438,9 @@ class HREmployeeCalendarComponent {
|
|
|
2520
2438
|
offDayOrPublicHolidaySpan.style.right = '0';
|
|
2521
2439
|
offDayOrPublicHolidaySpan.title = matchedOffOrPublicHolidayBullet.Description;
|
|
2522
2440
|
if (matchedVacation) {
|
|
2523
|
-
if (matchedVacation.VacationType != ScheduleVacationTypes.DaysOff &&
|
|
2441
|
+
if (matchedVacation.VacationType != ScheduleVacationTypes.DaysOff &&
|
|
2442
|
+
matchedVacation.VacationType != ScheduleVacationTypes.PublicHoliday &&
|
|
2443
|
+
matchedVacation.VacationType != ScheduleVacationTypes.Events) {
|
|
2524
2444
|
if (isInRange) {
|
|
2525
2445
|
offDayOrPublicHolidaySpan.style.right = '8px';
|
|
2526
2446
|
}
|
|
@@ -2550,51 +2470,15 @@ class HREmployeeCalendarComponent {
|
|
|
2550
2470
|
event.component.option('value', null);
|
|
2551
2471
|
}
|
|
2552
2472
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREmployeeCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2553
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREmployeeCalendarComponent, isStandalone: true, selector: "hr-employee-calendar", inputs: { showEvents: "showEvents", showUpComingVacations: "showUpComingVacations", scheduleCalenderVacation: "scheduleCalenderVacation", minDate: "minDate", maxDate: "maxDate", legendContainerClass: "legendContainerClass", legendRowClass: "legendRowClass", legendItemClass: "legendItemClass", legendDotClass: "legendDotClass", legendLabelClass: "legendLabelClass", publicHolidayDotClass: "publicHolidayDotClass", dayOffDotClass: "dayOffDotClass", eventsDotClass: "eventsDotClass", vacationsContainerClass: "vacationsContainerClass", vacationsItemClass: "vacationsItemClass", vacationsIconClass: "vacationsIconClass", calendarContainerClass: "calendarContainerClass", calendarClass: "calendarClass" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div [class]=\"legendContainerClass\">\
|
|
2473
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HREmployeeCalendarComponent, isStandalone: true, selector: "hr-employee-calendar", inputs: { showEvents: { classPropertyName: "showEvents", publicName: "showEvents", isSignal: true, isRequired: false, transformFunction: null }, showUpComingVacations: { classPropertyName: "showUpComingVacations", publicName: "showUpComingVacations", isSignal: true, isRequired: false, transformFunction: null }, scheduleCalenderVacation: { classPropertyName: "scheduleCalenderVacation", publicName: "scheduleCalenderVacation", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, legendContainerClass: { classPropertyName: "legendContainerClass", publicName: "legendContainerClass", isSignal: true, isRequired: false, transformFunction: null }, legendRowClass: { classPropertyName: "legendRowClass", publicName: "legendRowClass", isSignal: true, isRequired: false, transformFunction: null }, legendItemClass: { classPropertyName: "legendItemClass", publicName: "legendItemClass", isSignal: true, isRequired: false, transformFunction: null }, legendDotClass: { classPropertyName: "legendDotClass", publicName: "legendDotClass", isSignal: true, isRequired: false, transformFunction: null }, legendLabelClass: { classPropertyName: "legendLabelClass", publicName: "legendLabelClass", isSignal: true, isRequired: false, transformFunction: null }, publicHolidayDotClass: { classPropertyName: "publicHolidayDotClass", publicName: "publicHolidayDotClass", isSignal: true, isRequired: false, transformFunction: null }, dayOffDotClass: { classPropertyName: "dayOffDotClass", publicName: "dayOffDotClass", isSignal: true, isRequired: false, transformFunction: null }, eventsDotClass: { classPropertyName: "eventsDotClass", publicName: "eventsDotClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsContainerClass: { classPropertyName: "vacationsContainerClass", publicName: "vacationsContainerClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsItemClass: { classPropertyName: "vacationsItemClass", publicName: "vacationsItemClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsIconClass: { classPropertyName: "vacationsIconClass", publicName: "vacationsIconClass", isSignal: true, isRequired: false, transformFunction: null }, calendarContainerClass: { classPropertyName: "calendarContainerClass", publicName: "calendarContainerClass", isSignal: true, isRequired: false, transformFunction: null }, calendarClass: { classPropertyName: "calendarClass", publicName: "calendarClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div [class]=\"legendContainerClass()\">\n <div [class]=\"legendRowClass()\">\n <div [class]=\"legendItemClass() + ' me-4'\">\n <div [class]=\"legendDotClass() + ' ' + publicHolidayDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'PublicHoliday' | translate }}</p>\n </div>\n </div>\n <div [class]=\"legendItemClass()\">\n <div [class]=\"legendDotClass() + ' ' + dayOffDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'DayOff' | translate }}</p>\n </div>\n </div>\n @if (showEvents()) {\n <div [class]=\"legendItemClass() + ' ms-4'\">\n <div [class]=\"legendDotClass() + ' ' + eventsDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'Events' | translate }}</p>\n </div>\n </div>\n }\n </div>\n @if (showUpComingVacations()) {\n <div [class]=\"vacationsContainerClass()\">\n <div [class]=\"vacationsItemClass()\">\n <fa-icon [icon]=\"squreCheckIcon\" [class]=\"vacationsIconClass()\"></fa-icon>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'ScheduledVacations' | translate }}</p>\n </div>\n </div>\n </div>\n }\n</div>\n\n<div [class]=\"calendarContainerClass()\">\n <dx-calendar\n #calendar\n [class]=\"calendarClass()\"\n [selectionMode]=\"'multiple'\"\n [cellTemplate]=\"customCellTemplate\"\n [showWeekNumbers]=\"false\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"\n (onValueChanged)=\"preventInteraction($event)\"\n ></dx-calendar>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DxCalendarModule }, { kind: "component", type: i1$1.DxCalendarComponent, selector: "dx-calendar", inputs: ["accessKey", "activeStateEnabled", "cellTemplate", "dateSerializationFormat", "disabled", "disabledDates", "elementAttr", "firstDayOfWeek", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "max", "maxZoomLevel", "min", "minZoomLevel", "name", "readOnly", "rtlEnabled", "selectionMode", "selectWeekOnClick", "showTodayButton", "showWeekNumbers", "tabIndex", "todayButtonText", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "weekNumberRule", "width", "zoomLevel"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "cellTemplateChange", "dateSerializationFormatChange", "disabledChange", "disabledDatesChange", "elementAttrChange", "firstDayOfWeekChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "maxChange", "maxZoomLevelChange", "minChange", "minZoomLevelChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "selectionModeChange", "selectWeekOnClickChange", "showTodayButtonChange", "showWeekNumbersChange", "tabIndexChange", "todayButtonTextChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "weekNumberRuleChange", "widthChange", "zoomLevelChange", "onBlur"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2554
2474
|
}
|
|
2555
2475
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HREmployeeCalendarComponent, decorators: [{
|
|
2556
2476
|
type: Component,
|
|
2557
|
-
args: [{ standalone: true, selector: 'hr-employee-calendar', imports: [DxCalendarModule, HRTranslatePipe, FontAwesomeModule], template: "<div [class]=\"legendContainerClass\">\
|
|
2477
|
+
args: [{ standalone: true, selector: 'hr-employee-calendar', imports: [DxCalendarModule, HRTranslatePipe, FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"legendContainerClass()\">\n <div [class]=\"legendRowClass()\">\n <div [class]=\"legendItemClass() + ' me-4'\">\n <div [class]=\"legendDotClass() + ' ' + publicHolidayDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'PublicHoliday' | translate }}</p>\n </div>\n </div>\n <div [class]=\"legendItemClass()\">\n <div [class]=\"legendDotClass() + ' ' + dayOffDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'DayOff' | translate }}</p>\n </div>\n </div>\n @if (showEvents()) {\n <div [class]=\"legendItemClass() + ' ms-4'\">\n <div [class]=\"legendDotClass() + ' ' + eventsDotClass()\"></div>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'Events' | translate }}</p>\n </div>\n </div>\n }\n </div>\n @if (showUpComingVacations()) {\n <div [class]=\"vacationsContainerClass()\">\n <div [class]=\"vacationsItemClass()\">\n <fa-icon [icon]=\"squreCheckIcon\" [class]=\"vacationsIconClass()\"></fa-icon>\n <div [class]=\"legendLabelClass()\">\n <p>{{ 'ScheduledVacations' | translate }}</p>\n </div>\n </div>\n </div>\n }\n</div>\n\n<div [class]=\"calendarContainerClass()\">\n <dx-calendar\n #calendar\n [class]=\"calendarClass()\"\n [selectionMode]=\"'multiple'\"\n [cellTemplate]=\"customCellTemplate\"\n [showWeekNumbers]=\"false\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"\n (onValueChanged)=\"preventInteraction($event)\"\n ></dx-calendar>\n</div>\n" }]
|
|
2558
2478
|
}], propDecorators: { calendar: [{
|
|
2559
2479
|
type: ViewChild,
|
|
2560
2480
|
args: ['calendar']
|
|
2561
|
-
}], showEvents: [{
|
|
2562
|
-
type: Input
|
|
2563
|
-
}], showUpComingVacations: [{
|
|
2564
|
-
type: Input
|
|
2565
|
-
}], scheduleCalenderVacation: [{
|
|
2566
|
-
type: Input
|
|
2567
|
-
}], minDate: [{
|
|
2568
|
-
type: Input
|
|
2569
|
-
}], maxDate: [{
|
|
2570
|
-
type: Input
|
|
2571
|
-
}], legendContainerClass: [{
|
|
2572
|
-
type: Input
|
|
2573
|
-
}], legendRowClass: [{
|
|
2574
|
-
type: Input
|
|
2575
|
-
}], legendItemClass: [{
|
|
2576
|
-
type: Input
|
|
2577
|
-
}], legendDotClass: [{
|
|
2578
|
-
type: Input
|
|
2579
|
-
}], legendLabelClass: [{
|
|
2580
|
-
type: Input
|
|
2581
|
-
}], publicHolidayDotClass: [{
|
|
2582
|
-
type: Input
|
|
2583
|
-
}], dayOffDotClass: [{
|
|
2584
|
-
type: Input
|
|
2585
|
-
}], eventsDotClass: [{
|
|
2586
|
-
type: Input
|
|
2587
|
-
}], vacationsContainerClass: [{
|
|
2588
|
-
type: Input
|
|
2589
|
-
}], vacationsItemClass: [{
|
|
2590
|
-
type: Input
|
|
2591
|
-
}], vacationsIconClass: [{
|
|
2592
|
-
type: Input
|
|
2593
|
-
}], calendarContainerClass: [{
|
|
2594
|
-
type: Input
|
|
2595
|
-
}], calendarClass: [{
|
|
2596
|
-
type: Input
|
|
2597
|
-
}] } });
|
|
2481
|
+
}], showEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEvents", required: false }] }], showUpComingVacations: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUpComingVacations", required: false }] }], scheduleCalenderVacation: [{ type: i0.Input, args: [{ isSignal: true, alias: "scheduleCalenderVacation", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], legendContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendContainerClass", required: false }] }], legendRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendRowClass", required: false }] }], legendItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemClass", required: false }] }], legendDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendDotClass", required: false }] }], legendLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendLabelClass", required: false }] }], publicHolidayDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "publicHolidayDotClass", required: false }] }], dayOffDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOffDotClass", required: false }] }], eventsDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsDotClass", required: false }] }], vacationsContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsContainerClass", required: false }] }], vacationsItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsItemClass", required: false }] }], vacationsIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsIconClass", required: false }] }], calendarContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarContainerClass", required: false }] }], calendarClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarClass", required: false }] }] } });
|
|
2598
2482
|
|
|
2599
2483
|
class MyCalendarWidgetComponent {
|
|
2600
2484
|
baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : /* istanbul ignore next */ []));
|
|
@@ -2635,15 +2519,14 @@ class MyCalendarWidgetComponent {
|
|
|
2635
2519
|
VacationType: ScheduleVacationTypes.Vacations,
|
|
2636
2520
|
Description: v.VacationTypeName,
|
|
2637
2521
|
Color: v.Color,
|
|
2638
|
-
VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate }
|
|
2522
|
+
VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate },
|
|
2639
2523
|
})) ?? [];
|
|
2640
|
-
const mergedVacations = this.mergeConsecutiveVacations([...this.hrVacations(), ...pendingVacations]
|
|
2641
|
-
.sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime()));
|
|
2524
|
+
const mergedVacations = this.mergeConsecutiveVacations([...this.hrVacations(), ...pendingVacations].sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime()));
|
|
2642
2525
|
const events = this.datasource()?.PendingEventRequests?.map(ev => ({
|
|
2643
2526
|
VacationType: ScheduleVacationTypes.Events,
|
|
2644
2527
|
Description: ev.Description,
|
|
2645
2528
|
Color: this.eventsColor(),
|
|
2646
|
-
VacationDays: { StartDate: ev.StartDate, EndDate: ev.EndDate }
|
|
2529
|
+
VacationDays: { StartDate: ev.StartDate, EndDate: ev.EndDate },
|
|
2647
2530
|
})) ?? [];
|
|
2648
2531
|
return [...mergedVacations, ...this.baseCalendarData(), ...events];
|
|
2649
2532
|
}, ...(ngDevMode ? [{ debugName: "scheduleCalenderVacation" }] : /* istanbul ignore next */ []));
|
|
@@ -2686,20 +2569,20 @@ class MyCalendarWidgetComponent {
|
|
|
2686
2569
|
VacationType: ScheduleVacationTypes.PublicHoliday,
|
|
2687
2570
|
Description: ph.Description,
|
|
2688
2571
|
Color: this.publicHolidayColor(),
|
|
2689
|
-
VacationDays: { StartDate: ph.StartDate, EndDate: ph.EndDate }
|
|
2572
|
+
VacationDays: { StartDate: ph.StartDate, EndDate: ph.EndDate },
|
|
2690
2573
|
})),
|
|
2691
2574
|
...data.OffDays.map(od => ({
|
|
2692
2575
|
VacationType: ScheduleVacationTypes.DaysOff,
|
|
2693
2576
|
Description: this.translatePipe.transform('DayOff'),
|
|
2694
2577
|
Color: this.dayOffColor(),
|
|
2695
|
-
VacationDays: { StartDate: od, EndDate: od }
|
|
2696
|
-
}))
|
|
2578
|
+
VacationDays: { StartDate: od, EndDate: od },
|
|
2579
|
+
})),
|
|
2697
2580
|
]);
|
|
2698
2581
|
this.hrVacations.set((data.Vacations ?? []).map(v => ({
|
|
2699
2582
|
VacationType: ScheduleVacationTypes.Vacations,
|
|
2700
2583
|
Description: v.VacationTypeName,
|
|
2701
2584
|
Color: v.Color,
|
|
2702
|
-
VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate }
|
|
2585
|
+
VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate },
|
|
2703
2586
|
})));
|
|
2704
2587
|
this.calendarLoaded.set(true);
|
|
2705
2588
|
}
|
|
@@ -2722,7 +2605,7 @@ class MyCalendarWidgetComponent {
|
|
|
2722
2605
|
grouped.get(key).push(v);
|
|
2723
2606
|
}
|
|
2724
2607
|
const result = [];
|
|
2725
|
-
grouped.forEach(
|
|
2608
|
+
grouped.forEach(items => {
|
|
2726
2609
|
items.sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime());
|
|
2727
2610
|
let merged = { ...items[0], VacationDays: { ...items[0].VacationDays } };
|
|
2728
2611
|
for (let i = 1; i < items.length; i++) {
|
|
@@ -2746,40 +2629,30 @@ class MyCalendarWidgetComponent {
|
|
|
2746
2629
|
return result.sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime());
|
|
2747
2630
|
}
|
|
2748
2631
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyCalendarWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2749
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyCalendarWidgetComponent, isStandalone: true, selector: "hr-my-calendar-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, headerContainerClass: { classPropertyName: "headerContainerClass", publicName: "headerContainerClass", isSignal: true, isRequired: false, transformFunction: null }, datasource: { classPropertyName: "datasource", publicName: "datasource", isSignal: true, isRequired: false, transformFunction: null }, legendContainerClass: { classPropertyName: "legendContainerClass", publicName: "legendContainerClass", isSignal: true, isRequired: false, transformFunction: null }, legendRowClass: { classPropertyName: "legendRowClass", publicName: "legendRowClass", isSignal: true, isRequired: false, transformFunction: null }, legendItemClass: { classPropertyName: "legendItemClass", publicName: "legendItemClass", isSignal: true, isRequired: false, transformFunction: null }, legendDotClass: { classPropertyName: "legendDotClass", publicName: "legendDotClass", isSignal: true, isRequired: false, transformFunction: null }, legendLabelClass: { classPropertyName: "legendLabelClass", publicName: "legendLabelClass", isSignal: true, isRequired: false, transformFunction: null }, publicHolidayDotClass: { classPropertyName: "publicHolidayDotClass", publicName: "publicHolidayDotClass", isSignal: true, isRequired: false, transformFunction: null }, dayOffDotClass: { classPropertyName: "dayOffDotClass", publicName: "dayOffDotClass", isSignal: true, isRequired: false, transformFunction: null }, eventsDotClass: { classPropertyName: "eventsDotClass", publicName: "eventsDotClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsContainerClass: { classPropertyName: "vacationsContainerClass", publicName: "vacationsContainerClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsItemClass: { classPropertyName: "vacationsItemClass", publicName: "vacationsItemClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsIconClass: { classPropertyName: "vacationsIconClass", publicName: "vacationsIconClass", isSignal: true, isRequired: false, transformFunction: null }, calendarContainerClass: { classPropertyName: "calendarContainerClass", publicName: "calendarContainerClass", isSignal: true, isRequired: false, transformFunction: null }, calendarClass: { classPropertyName: "calendarClass", publicName: "calendarClass", isSignal: true, isRequired: false, transformFunction: null }, publicHolidayColor: { classPropertyName: "publicHolidayColor", publicName: "publicHolidayColor", isSignal: true, isRequired: false, transformFunction: null }, dayOffColor: { classPropertyName: "dayOffColor", publicName: "dayOffColor", isSignal: true, isRequired: false, transformFunction: null }, eventsColor: { classPropertyName: "eventsColor", publicName: "eventsColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, viewQueries: [{ propertyName: "hrCalendar", first: true, predicate: HREmployeeCalendarComponent, descendants: true }], ngImport: i0, template: "<hr-card-header\
|
|
2632
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyCalendarWidgetComponent, isStandalone: true, selector: "hr-my-calendar-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, headerContainerClass: { classPropertyName: "headerContainerClass", publicName: "headerContainerClass", isSignal: true, isRequired: false, transformFunction: null }, datasource: { classPropertyName: "datasource", publicName: "datasource", isSignal: true, isRequired: false, transformFunction: null }, legendContainerClass: { classPropertyName: "legendContainerClass", publicName: "legendContainerClass", isSignal: true, isRequired: false, transformFunction: null }, legendRowClass: { classPropertyName: "legendRowClass", publicName: "legendRowClass", isSignal: true, isRequired: false, transformFunction: null }, legendItemClass: { classPropertyName: "legendItemClass", publicName: "legendItemClass", isSignal: true, isRequired: false, transformFunction: null }, legendDotClass: { classPropertyName: "legendDotClass", publicName: "legendDotClass", isSignal: true, isRequired: false, transformFunction: null }, legendLabelClass: { classPropertyName: "legendLabelClass", publicName: "legendLabelClass", isSignal: true, isRequired: false, transformFunction: null }, publicHolidayDotClass: { classPropertyName: "publicHolidayDotClass", publicName: "publicHolidayDotClass", isSignal: true, isRequired: false, transformFunction: null }, dayOffDotClass: { classPropertyName: "dayOffDotClass", publicName: "dayOffDotClass", isSignal: true, isRequired: false, transformFunction: null }, eventsDotClass: { classPropertyName: "eventsDotClass", publicName: "eventsDotClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsContainerClass: { classPropertyName: "vacationsContainerClass", publicName: "vacationsContainerClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsItemClass: { classPropertyName: "vacationsItemClass", publicName: "vacationsItemClass", isSignal: true, isRequired: false, transformFunction: null }, vacationsIconClass: { classPropertyName: "vacationsIconClass", publicName: "vacationsIconClass", isSignal: true, isRequired: false, transformFunction: null }, calendarContainerClass: { classPropertyName: "calendarContainerClass", publicName: "calendarContainerClass", isSignal: true, isRequired: false, transformFunction: null }, calendarClass: { classPropertyName: "calendarClass", publicName: "calendarClass", isSignal: true, isRequired: false, transformFunction: null }, publicHolidayColor: { classPropertyName: "publicHolidayColor", publicName: "publicHolidayColor", isSignal: true, isRequired: false, transformFunction: null }, dayOffColor: { classPropertyName: "dayOffColor", publicName: "dayOffColor", isSignal: true, isRequired: false, transformFunction: null }, eventsColor: { classPropertyName: "eventsColor", publicName: "eventsColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, viewQueries: [{ propertyName: "hrCalendar", first: true, predicate: HREmployeeCalendarComponent, descendants: true }], ngImport: i0, template: "<hr-card-header\n [icon]=\"calendarIcon\"\n [title]=\"'Calendar' | translate\"\n [containerClass]=\"'d-flex align-items-center mb-3 ' + headerContainerClass()\"\n></hr-card-header>\n<hr-employee-calendar\n [showEvents]=\"true\"\n [showUpComingVacations]=\"true\"\n [scheduleCalenderVacation]=\"scheduleCalenderVacation()\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [legendContainerClass]=\"legendContainerClass()\"\n [legendRowClass]=\"legendRowClass()\"\n [legendItemClass]=\"legendItemClass()\"\n [legendDotClass]=\"legendDotClass()\"\n [legendLabelClass]=\"legendLabelClass()\"\n [publicHolidayDotClass]=\"publicHolidayDotClass()\"\n [dayOffDotClass]=\"dayOffDotClass()\"\n [eventsDotClass]=\"eventsDotClass()\"\n [vacationsContainerClass]=\"vacationsContainerClass()\"\n [vacationsItemClass]=\"vacationsItemClass()\"\n [vacationsIconClass]=\"vacationsIconClass()\"\n [calendarContainerClass]=\"calendarContainerClass()\"\n [calendarClass]=\"calendarClass()\"\n></hr-employee-calendar>\n", dependencies: [{ kind: "component", type: HREmployeeCalendarComponent, selector: "hr-employee-calendar", inputs: ["showEvents", "showUpComingVacations", "scheduleCalenderVacation", "minDate", "maxDate", "legendContainerClass", "legendRowClass", "legendItemClass", "legendDotClass", "legendLabelClass", "publicHolidayDotClass", "dayOffDotClass", "eventsDotClass", "vacationsContainerClass", "vacationsItemClass", "vacationsIconClass", "calendarContainerClass", "calendarClass"] }, { kind: "component", type: HRCardHeaderComponent, selector: "hr-card-header", inputs: ["icon", "title", "containerClass", "iconClass", "titleClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2750
2633
|
}
|
|
2751
2634
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyCalendarWidgetComponent, decorators: [{
|
|
2752
2635
|
type: Component,
|
|
2753
|
-
args: [{ standalone: true, selector: 'hr-my-calendar-widget', imports: [HREmployeeCalendarComponent, HRCardHeaderComponent, HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hr-card-header\
|
|
2636
|
+
args: [{ standalone: true, selector: 'hr-my-calendar-widget', imports: [HREmployeeCalendarComponent, HRCardHeaderComponent, HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hr-card-header\n [icon]=\"calendarIcon\"\n [title]=\"'Calendar' | translate\"\n [containerClass]=\"'d-flex align-items-center mb-3 ' + headerContainerClass()\"\n></hr-card-header>\n<hr-employee-calendar\n [showEvents]=\"true\"\n [showUpComingVacations]=\"true\"\n [scheduleCalenderVacation]=\"scheduleCalenderVacation()\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [legendContainerClass]=\"legendContainerClass()\"\n [legendRowClass]=\"legendRowClass()\"\n [legendItemClass]=\"legendItemClass()\"\n [legendDotClass]=\"legendDotClass()\"\n [legendLabelClass]=\"legendLabelClass()\"\n [publicHolidayDotClass]=\"publicHolidayDotClass()\"\n [dayOffDotClass]=\"dayOffDotClass()\"\n [eventsDotClass]=\"eventsDotClass()\"\n [vacationsContainerClass]=\"vacationsContainerClass()\"\n [vacationsItemClass]=\"vacationsItemClass()\"\n [vacationsIconClass]=\"vacationsIconClass()\"\n [calendarContainerClass]=\"calendarContainerClass()\"\n [calendarClass]=\"calendarClass()\"\n></hr-employee-calendar>\n" }]
|
|
2754
2637
|
}], ctorParameters: () => [], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], headerContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerContainerClass", required: false }] }], datasource: [{ type: i0.Input, args: [{ isSignal: true, alias: "datasource", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], legendContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendContainerClass", required: false }] }], legendRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendRowClass", required: false }] }], legendItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemClass", required: false }] }], legendDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendDotClass", required: false }] }], legendLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendLabelClass", required: false }] }], publicHolidayDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "publicHolidayDotClass", required: false }] }], dayOffDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOffDotClass", required: false }] }], eventsDotClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsDotClass", required: false }] }], vacationsContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsContainerClass", required: false }] }], vacationsItemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsItemClass", required: false }] }], vacationsIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsIconClass", required: false }] }], calendarContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarContainerClass", required: false }] }], calendarClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarClass", required: false }] }], publicHolidayColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "publicHolidayColor", required: false }] }], dayOffColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOffColor", required: false }] }], eventsColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsColor", required: false }] }], hrCalendar: [{
|
|
2755
2638
|
type: ViewChild,
|
|
2756
2639
|
args: [HREmployeeCalendarComponent]
|
|
2757
2640
|
}] } });
|
|
2758
2641
|
|
|
2759
2642
|
class HRInfoFieldComponent {
|
|
2760
|
-
labelKey;
|
|
2761
|
-
value = null;
|
|
2762
|
-
labelClass = 'field-secondary-label-sm';
|
|
2763
|
-
valueClass = 'fs-14 fw-medium';
|
|
2764
|
-
fallbackValue = '—';
|
|
2643
|
+
labelKey = input.required(...(ngDevMode ? [{ debugName: "labelKey" }] : /* istanbul ignore next */ []));
|
|
2644
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
2645
|
+
labelClass = input('field-secondary-label-sm', ...(ngDevMode ? [{ debugName: "labelClass" }] : /* istanbul ignore next */ []));
|
|
2646
|
+
valueClass = input('fs-14 fw-medium', ...(ngDevMode ? [{ debugName: "valueClass" }] : /* istanbul ignore next */ []));
|
|
2647
|
+
fallbackValue = input('—', ...(ngDevMode ? [{ debugName: "fallbackValue" }] : /* istanbul ignore next */ []));
|
|
2648
|
+
displayValue = computed(() => this.value() || this.fallbackValue(), ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
|
|
2765
2649
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2766
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2650
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: HRInfoFieldComponent, isStandalone: true, selector: "hr-info-field", inputs: { labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, fallbackValue: { classPropertyName: "fallbackValue", publicName: "fallbackValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"labelClass()\">{{ labelKey() | translate }}</div>\n<div [ngClass]=\"valueClass()\" [title]=\"displayValue()\">{{ displayValue() }}</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2767
2651
|
}
|
|
2768
2652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
|
|
2769
2653
|
type: Component,
|
|
2770
|
-
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | translate}}</div>\
|
|
2771
|
-
}], propDecorators: { labelKey: [{
|
|
2772
|
-
type: Input,
|
|
2773
|
-
args: [{ required: true }]
|
|
2774
|
-
}], value: [{
|
|
2775
|
-
type: Input
|
|
2776
|
-
}], labelClass: [{
|
|
2777
|
-
type: Input
|
|
2778
|
-
}], valueClass: [{
|
|
2779
|
-
type: Input
|
|
2780
|
-
}], fallbackValue: [{
|
|
2781
|
-
type: Input
|
|
2782
|
-
}] } });
|
|
2654
|
+
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"labelClass()\">{{ labelKey() | translate }}</div>\n<div [ngClass]=\"valueClass()\" [title]=\"displayValue()\">{{ displayValue() }}</div>\n" }]
|
|
2655
|
+
}], propDecorators: { labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], fallbackValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackValue", required: false }] }] } });
|
|
2783
2656
|
|
|
2784
2657
|
class MyProfileBankInfoWidgetComponent {
|
|
2785
2658
|
isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
|
|
@@ -2788,17 +2661,17 @@ class MyProfileBankInfoWidgetComponent {
|
|
|
2788
2661
|
ngOnInit() {
|
|
2789
2662
|
this.isLoadingChanged.emit(true);
|
|
2790
2663
|
this.hrSelfWidgetsService.getBankInformation(this.baseUrl()).subscribe({
|
|
2791
|
-
next:
|
|
2664
|
+
next: response => {
|
|
2792
2665
|
this.isLoading.set(false);
|
|
2793
2666
|
this.employeeBankInformation.set(response ?? []);
|
|
2794
2667
|
this.isLoadingChanged.emit(false);
|
|
2795
2668
|
},
|
|
2796
|
-
error:
|
|
2669
|
+
error: error => {
|
|
2797
2670
|
this.isLoading.set(false);
|
|
2798
2671
|
this.employeeBankInformation.set([]);
|
|
2799
2672
|
this.isLoadingChanged.emit(false);
|
|
2800
2673
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
2801
|
-
}
|
|
2674
|
+
},
|
|
2802
2675
|
});
|
|
2803
2676
|
}
|
|
2804
2677
|
employeeBankInformation = signal([], ...(ngDevMode ? [{ debugName: "employeeBankInformation" }] : /* istanbul ignore next */ []));
|
|
@@ -2836,11 +2709,17 @@ class MyProfileBankInfoWidgetComponent {
|
|
|
2836
2709
|
return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals()) || '-';
|
|
2837
2710
|
}
|
|
2838
2711
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileBankInfoWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2839
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileBankInfoWidgetComponent, isStandalone: true, selector: "hr-my-profile-bank-info-widget", inputs: { currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, mainBadgeClass: { classPropertyName: "mainBadgeClass", publicName: "mainBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, mainBadgeTextClass: { classPropertyName: "mainBadgeTextClass", publicName: "mainBadgeTextClass", isSignal: true, isRequired: false, transformFunction: null }, triangleClass: { classPropertyName: "triangleClass", publicName: "triangleClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, rowMainPtClass: { classPropertyName: "rowMainPtClass", publicName: "rowMainPtClass", isSignal: true, isRequired: false, transformFunction: null }, rowNormalPtClass: { classPropertyName: "rowNormalPtClass", publicName: "rowNormalPtClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColClass: { classPropertyName: "responsiveTopSpacingColClass", publicName: "responsiveTopSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, bankInformationIcon: { classPropertyName: "bankInformationIcon", publicName: "bankInformationIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionHeaderVisibility: { classPropertyName: "sectionHeaderVisibility", publicName: "sectionHeaderVisibility", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { errorOccurred: "errorOccurred", isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "@if(sectionHeaderVisibility()){\
|
|
2712
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileBankInfoWidgetComponent, isStandalone: true, selector: "hr-my-profile-bank-info-widget", inputs: { currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, mainBadgeClass: { classPropertyName: "mainBadgeClass", publicName: "mainBadgeClass", isSignal: true, isRequired: false, transformFunction: null }, mainBadgeTextClass: { classPropertyName: "mainBadgeTextClass", publicName: "mainBadgeTextClass", isSignal: true, isRequired: false, transformFunction: null }, triangleClass: { classPropertyName: "triangleClass", publicName: "triangleClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, rowMainPtClass: { classPropertyName: "rowMainPtClass", publicName: "rowMainPtClass", isSignal: true, isRequired: false, transformFunction: null }, rowNormalPtClass: { classPropertyName: "rowNormalPtClass", publicName: "rowNormalPtClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColClass: { classPropertyName: "responsiveTopSpacingColClass", publicName: "responsiveTopSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, bankInformationIcon: { classPropertyName: "bankInformationIcon", publicName: "bankInformationIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionHeaderVisibility: { classPropertyName: "sectionHeaderVisibility", publicName: "sectionHeaderVisibility", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { errorOccurred: "errorOccurred", isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "@if (sectionHeaderVisibility()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"bankInformationIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n}\n@if (employeeBankInformation().length > 0) {\n @for (bankInfo of employeeBankInformation(); track bankInfo) {\n <div [class]=\"cardClass()\">\n @if (bankInfo.IsMainBank && employeeBankInformation().length > 1) {\n <div [class]=\"mainBadgeClass()\" style=\"padding-top: 2px\" [style.margin-left]=\"!isRTL() ? '-6px' : 'unset'\">\n <span [class]=\"mainBadgeTextClass()\">{{ 'MainBank' | translate }}</span>\n </div>\n\n <div\n [class]=\"triangleClass()\"\n [style.margin-left]=\"!isRTL() ? '-6px' : 'unset'\"\n [style.margin-right]=\"isRTL() ? '-5px' : '20px'\"\n [style.margin-top]=\"!isRTL() ? '7px' : '4px'\"\n >\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\n <path\n d=\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\"\n ></path>\n </svg>\n </div>\n }\n\n <div [ngClass]=\"[rowClass(), bankInfo.IsMainBank ? rowMainPtClass() : rowNormalPtClass()]\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Bank'\"\n [value]=\"bankInfo.BankName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Branch'\"\n [value]=\"bankInfo.BranchName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"responsiveTopSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'IBAN'\"\n [value]=\"bankInfo.IBAN\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'AccountNumber'\"\n [value]=\"bankInfo.AccountNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'Beneficiary'\"\n [value]=\"bankInfo.Beneficiary\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n @if (bankInfo.TransferAmount != null) {\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'TransferAmount'\"\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode() + ')'\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoBankYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2840
2713
|
}
|
|
2841
2714
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileBankInfoWidgetComponent, decorators: [{
|
|
2842
2715
|
type: Component,
|
|
2843
|
-
args: [{ selector: 'hr-my-profile-bank-info-widget', standalone: true, imports: [
|
|
2716
|
+
args: [{ selector: 'hr-my-profile-bank-info-widget', standalone: true, imports: [
|
|
2717
|
+
CommonModule,
|
|
2718
|
+
HRTranslatePipe,
|
|
2719
|
+
SkySectionDividerComponent,
|
|
2720
|
+
SkyEmptyDesignCardComponent,
|
|
2721
|
+
HRInfoFieldComponent,
|
|
2722
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (sectionHeaderVisibility()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"bankInformationIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n}\n@if (employeeBankInformation().length > 0) {\n @for (bankInfo of employeeBankInformation(); track bankInfo) {\n <div [class]=\"cardClass()\">\n @if (bankInfo.IsMainBank && employeeBankInformation().length > 1) {\n <div [class]=\"mainBadgeClass()\" style=\"padding-top: 2px\" [style.margin-left]=\"!isRTL() ? '-6px' : 'unset'\">\n <span [class]=\"mainBadgeTextClass()\">{{ 'MainBank' | translate }}</span>\n </div>\n\n <div\n [class]=\"triangleClass()\"\n [style.margin-left]=\"!isRTL() ? '-6px' : 'unset'\"\n [style.margin-right]=\"isRTL() ? '-5px' : '20px'\"\n [style.margin-top]=\"!isRTL() ? '7px' : '4px'\"\n >\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\n <path\n d=\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\"\n ></path>\n </svg>\n </div>\n }\n\n <div [ngClass]=\"[rowClass(), bankInfo.IsMainBank ? rowMainPtClass() : rowNormalPtClass()]\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Bank'\"\n [value]=\"bankInfo.BankName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Branch'\"\n [value]=\"bankInfo.BranchName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"responsiveTopSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'IBAN'\"\n [value]=\"bankInfo.IBAN\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'AccountNumber'\"\n [value]=\"bankInfo.AccountNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'Beneficiary'\"\n [value]=\"bankInfo.Beneficiary\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n @if (bankInfo.TransferAmount != null) {\n <div [class]=\"topSpacingColClass()\">\n <hr-info-field\n [labelKey]=\"'TransferAmount'\"\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode() + ')'\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoBankYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
2844
2723
|
}], propDecorators: { currencyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyCode", required: false }] }], currencyDecimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDecimals", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], mainBadgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainBadgeClass", required: false }] }], mainBadgeTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainBadgeTextClass", required: false }] }], triangleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "triangleClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], rowMainPtClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMainPtClass", required: false }] }], rowNormalPtClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowNormalPtClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], responsiveTopSpacingColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveTopSpacingColClass", required: false }] }], topSpacingColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingColClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], bankInformationIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "bankInformationIcon", required: false }] }], sectionHeaderVisibility: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionHeaderVisibility", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }] } });
|
|
2845
2724
|
|
|
2846
2725
|
class ProfilePersonalInfoMainWidgetComponent {
|
|
@@ -2873,25 +2752,31 @@ class ProfilePersonalInfoMainWidgetComponent {
|
|
|
2873
2752
|
}
|
|
2874
2753
|
this.isLoadingChanged.emit(true);
|
|
2875
2754
|
this.hrSelfWidgetsService.getPersonalInfoMainDetails(this.baseUrl()).subscribe({
|
|
2876
|
-
next:
|
|
2755
|
+
next: response => {
|
|
2877
2756
|
this.isLoading.set(false);
|
|
2878
2757
|
this.isLoadingChanged.emit(false);
|
|
2879
2758
|
this.employeePersonalInformation.set(response);
|
|
2880
2759
|
},
|
|
2881
|
-
error:
|
|
2760
|
+
error: error => {
|
|
2882
2761
|
this.isLoading.set(false);
|
|
2883
2762
|
this.isLoadingChanged.emit(false);
|
|
2884
2763
|
this.employeePersonalInformation.set(null);
|
|
2885
2764
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
2886
|
-
}
|
|
2765
|
+
},
|
|
2887
2766
|
});
|
|
2888
2767
|
}
|
|
2889
2768
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProfilePersonalInfoMainWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2890
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: ProfilePersonalInfoMainWidgetComponent, isStandalone: true, selector: "hr-my-profile-personal-info-main-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, alternateLanguage: { classPropertyName: "alternateLanguage", publicName: "alternateLanguage", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, hiddenSpacerColClass: { classPropertyName: "hiddenSpacerColClass", publicName: "hiddenSpacerColClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColumnClass: { classPropertyName: "topSpacingColumnClass", publicName: "topSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
2769
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: ProfilePersonalInfoMainWidgetComponent, isStandalone: true, selector: "hr-my-profile-personal-info-main-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, alternateLanguage: { classPropertyName: "alternateLanguage", publicName: "alternateLanguage", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, hiddenSpacerColClass: { classPropertyName: "hiddenSpacerColClass", publicName: "hiddenSpacerColClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColumnClass: { classPropertyName: "topSpacingColumnClass", publicName: "topSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"mainIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (employeePersonalInformation()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Name'\"\n [value]=\"employeePersonalInformation()!.EmployeeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'Name' | translate }} ({{ alternateLanguage() }})</div>\n @if (employeePersonalInformation()!.EmployeeNameAlternate) {\n <div [ngClass]=\"valueClass()\">{{ employeePersonalInformation()!.EmployeeNameAlternate }}</div>\n } @else {\n <div [ngClass]=\"valueClass()\">{{ '\u2014' }}</div>\n }\n </div>\n\n <div [ngClass]=\"hiddenSpacerColClass()\"></div>\n\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Nationality'\"\n [value]=\"employeePersonalInformation()!.NationalityName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'NationalNumber'\"\n [value]=\"employeePersonalInformation()!.NationalNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'SocialSecurityNumber'\"\n [value]=\"employeePersonalInformation()!.SocialSecurityNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'MaritalStatus'\"\n [value]=\"employeePersonalInformation()!.MaritalStateName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BirthDate'\"\n [value]=\"employeePersonalInformation()!.BirthDate ? (employeePersonalInformation()!.BirthDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BirthPlace'\"\n [value]=\"employeePersonalInformation()!.BirthPlace\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BloodType'\"\n [value]=\"employeePersonalInformation()!.BloodTypeCode\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Religion'\"\n [value]=\"employeePersonalInformation()!.ReligionName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'MinistryOfLaborNumber'\"\n [value]=\"employeePersonalInformation()!.MinistryOfLaborNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoMainYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2891
2770
|
}
|
|
2892
2771
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProfilePersonalInfoMainWidgetComponent, decorators: [{
|
|
2893
2772
|
type: Component,
|
|
2894
|
-
args: [{ selector: 'hr-my-profile-personal-info-main-widget', standalone: true, imports: [
|
|
2773
|
+
args: [{ selector: 'hr-my-profile-personal-info-main-widget', standalone: true, imports: [
|
|
2774
|
+
CommonModule,
|
|
2775
|
+
HRTranslatePipe,
|
|
2776
|
+
SkySectionDividerComponent,
|
|
2777
|
+
SkyEmptyDesignCardComponent,
|
|
2778
|
+
HRInfoFieldComponent,
|
|
2779
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"mainIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (employeePersonalInformation()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Name'\"\n [value]=\"employeePersonalInformation()!.EmployeeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'Name' | translate }} ({{ alternateLanguage() }})</div>\n @if (employeePersonalInformation()!.EmployeeNameAlternate) {\n <div [ngClass]=\"valueClass()\">{{ employeePersonalInformation()!.EmployeeNameAlternate }}</div>\n } @else {\n <div [ngClass]=\"valueClass()\">{{ '\u2014' }}</div>\n }\n </div>\n\n <div [ngClass]=\"hiddenSpacerColClass()\"></div>\n\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Nationality'\"\n [value]=\"employeePersonalInformation()!.NationalityName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'NationalNumber'\"\n [value]=\"employeePersonalInformation()!.NationalNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'SocialSecurityNumber'\"\n [value]=\"employeePersonalInformation()!.SocialSecurityNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'MaritalStatus'\"\n [value]=\"employeePersonalInformation()!.MaritalStateName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BirthDate'\"\n [value]=\"employeePersonalInformation()!.BirthDate ? (employeePersonalInformation()!.BirthDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BirthPlace'\"\n [value]=\"employeePersonalInformation()!.BirthPlace\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'BloodType'\"\n [value]=\"employeePersonalInformation()!.BloodTypeCode\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Religion'\"\n [value]=\"employeePersonalInformation()!.ReligionName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'MinistryOfLaborNumber'\"\n [value]=\"employeePersonalInformation()!.MinistryOfLaborNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoMainYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
2895
2780
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], alternateLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternateLanguage", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], hiddenSpacerColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenSpacerColClass", required: false }] }], topSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingColumnClass", required: false }] }], topSpacingBottomMdSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomMdSpacingColumnClass", required: false }] }], topSpacingBottomSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], mainIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
2896
2781
|
|
|
2897
2782
|
class MyProfileContactWidgetComponent {
|
|
@@ -2928,25 +2813,32 @@ class MyProfileContactWidgetComponent {
|
|
|
2928
2813
|
}
|
|
2929
2814
|
this.isLoadingChanged.emit(true);
|
|
2930
2815
|
this.hrSelfWidgetsService.getPersonalInfoContactDetails(this.baseUrl()).subscribe({
|
|
2931
|
-
next:
|
|
2816
|
+
next: response => {
|
|
2932
2817
|
this.isLoading.set(false);
|
|
2933
2818
|
this.isLoadingChanged.emit(false);
|
|
2934
2819
|
this.employeePersonalInfoContactDetails.set(response);
|
|
2935
2820
|
},
|
|
2936
|
-
error:
|
|
2821
|
+
error: error => {
|
|
2937
2822
|
this.isLoading.set(false);
|
|
2938
2823
|
this.isLoadingChanged.emit(false);
|
|
2939
2824
|
this.employeePersonalInfoContactDetails.set(null);
|
|
2940
2825
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
2941
|
-
}
|
|
2826
|
+
},
|
|
2942
2827
|
});
|
|
2943
2828
|
}
|
|
2944
2829
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileContactWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2945
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileContactWidgetComponent, isStandalone: true, selector: "hr-my-profile-contact-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactLabelClass: { classPropertyName: "emergencyContactLabelClass", publicName: "emergencyContactLabelClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactColumnClass: { classPropertyName: "emergencyContactColumnClass", publicName: "emergencyContactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactResponsiveColumnClass: { classPropertyName: "emergencyContactResponsiveColumnClass", publicName: "emergencyContactResponsiveColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, contactIcon: { classPropertyName: "contactIcon", publicName: "contactIcon", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactIcon: { classPropertyName: "emergencyContactIcon", publicName: "emergencyContactIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, showEmergencyContact: { classPropertyName: "showEmergencyContact", publicName: "showEmergencyContact", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactRowClass: { classPropertyName: "emergencyContactRowClass", publicName: "emergencyContactRowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
2830
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileContactWidgetComponent, isStandalone: true, selector: "hr-my-profile-contact-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactLabelClass: { classPropertyName: "emergencyContactLabelClass", publicName: "emergencyContactLabelClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactColumnClass: { classPropertyName: "emergencyContactColumnClass", publicName: "emergencyContactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactResponsiveColumnClass: { classPropertyName: "emergencyContactResponsiveColumnClass", publicName: "emergencyContactResponsiveColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, contactIcon: { classPropertyName: "contactIcon", publicName: "contactIcon", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactIcon: { classPropertyName: "emergencyContactIcon", publicName: "emergencyContactIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, showEmergencyContact: { classPropertyName: "showEmergencyContact", publicName: "showEmergencyContact", isSignal: true, isRequired: false, transformFunction: null }, emergencyContactRowClass: { classPropertyName: "emergencyContactRowClass", publicName: "emergencyContactRowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"contactIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (employeePersonalInfoContactDetails()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'MobileNumber'\"\n [value]=\"employeePersonalInfoContactDetails()!.MobileNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n <div class=\"mt-4\">\n <hr-info-field\n [labelKey]=\"'Email'\"\n [value]=\"employeePersonalInfoContactDetails()!.Email\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'HomePhone'\"\n [value]=\"employeePersonalInfoContactDetails()!.HomePhone\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n <div class=\"mt-4\">\n <hr-info-field\n [labelKey]=\"'BusinessEmail'\"\n [value]=\"employeePersonalInfoContactDetails()!.BusinessEmail\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n </div>\n @if (showEmergencyContact()) {\n <div [ngClass]=\"rowClass()\">\n <div class=\"col-12\">\n <div [ngClass]=\"emergencyContactLabelClass()\">• {{ 'EmergencyContact' | translate }}</div>\n </div>\n </div>\n <div [ngClass]=\"emergencyContactRowClass()\">\n <div [ngClass]=\"emergencyContactColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Name'\"\n [value]=\"\n employeePersonalInfoContactDetails()!.EmergencyContact?.Name || employeePersonalInfoContactDetails()!.EmergencyContactLegacy\n \"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"emergencyContactColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Relation'\"\n [value]=\"employeePersonalInfoContactDetails()!.EmergencyContact?.Relation\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"emergencyContactResponsiveColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Phone'\"\n [value]=\"employeePersonalInfoContactDetails()!.EmergencyContact?.PhoneNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n }\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoContactYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2946
2831
|
}
|
|
2947
2832
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileContactWidgetComponent, decorators: [{
|
|
2948
2833
|
type: Component,
|
|
2949
|
-
args: [{ selector: 'hr-my-profile-contact-widget', standalone: true, imports: [
|
|
2834
|
+
args: [{ selector: 'hr-my-profile-contact-widget', standalone: true, imports: [
|
|
2835
|
+
CommonModule,
|
|
2836
|
+
FontAwesomeModule,
|
|
2837
|
+
HRTranslatePipe,
|
|
2838
|
+
SkySectionDividerComponent,
|
|
2839
|
+
SkyEmptyDesignCardComponent,
|
|
2840
|
+
HRInfoFieldComponent,
|
|
2841
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"contactIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (employeePersonalInfoContactDetails()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'MobileNumber'\"\n [value]=\"employeePersonalInfoContactDetails()!.MobileNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n <div class=\"mt-4\">\n <hr-info-field\n [labelKey]=\"'Email'\"\n [value]=\"employeePersonalInfoContactDetails()!.Email\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'HomePhone'\"\n [value]=\"employeePersonalInfoContactDetails()!.HomePhone\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n <div class=\"mt-4\">\n <hr-info-field\n [labelKey]=\"'BusinessEmail'\"\n [value]=\"employeePersonalInfoContactDetails()!.BusinessEmail\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n </div>\n @if (showEmergencyContact()) {\n <div [ngClass]=\"rowClass()\">\n <div class=\"col-12\">\n <div [ngClass]=\"emergencyContactLabelClass()\">• {{ 'EmergencyContact' | translate }}</div>\n </div>\n </div>\n <div [ngClass]=\"emergencyContactRowClass()\">\n <div [ngClass]=\"emergencyContactColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Name'\"\n [value]=\"\n employeePersonalInfoContactDetails()!.EmergencyContact?.Name || employeePersonalInfoContactDetails()!.EmergencyContactLegacy\n \"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"emergencyContactColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Relation'\"\n [value]=\"employeePersonalInfoContactDetails()!.EmergencyContact?.Relation\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"emergencyContactResponsiveColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Phone'\"\n [value]=\"employeePersonalInfoContactDetails()!.EmergencyContact?.PhoneNumber\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n }\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoContactYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
2950
2842
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], responsiveTopSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveTopSpacingColumnClass", required: false }] }], topSpacingBottomMdSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomMdSpacingColumnClass", required: false }] }], topSpacingBottomSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emergencyContactLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emergencyContactLabelClass", required: false }] }], emergencyContactColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emergencyContactColumnClass", required: false }] }], emergencyContactResponsiveColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emergencyContactResponsiveColumnClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], contactIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactIcon", required: false }] }], emergencyContactIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "emergencyContactIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], showEmergencyContact: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEmergencyContact", required: false }] }], emergencyContactRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emergencyContactRowClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
2951
2843
|
|
|
2952
2844
|
class MyProfileLanguagesWidgetComponent {
|
|
@@ -2973,19 +2865,19 @@ class MyProfileLanguagesWidgetComponent {
|
|
|
2973
2865
|
}
|
|
2974
2866
|
this.isLoadingChanged.emit(true);
|
|
2975
2867
|
this.hrSelfWidgetsService.getPersonalInfoLanguages(this.baseUrl()).subscribe({
|
|
2976
|
-
next:
|
|
2868
|
+
next: response => {
|
|
2977
2869
|
this.isLoading.set(false);
|
|
2978
2870
|
this.isLoadingChanged.emit(false);
|
|
2979
2871
|
this.languages.set(response ?? []);
|
|
2980
2872
|
this.emitHasData();
|
|
2981
2873
|
},
|
|
2982
|
-
error:
|
|
2874
|
+
error: error => {
|
|
2983
2875
|
this.isLoading.set(false);
|
|
2984
2876
|
this.languages.set([]);
|
|
2985
2877
|
this.emitHasData();
|
|
2986
2878
|
this.isLoadingChanged.emit(false);
|
|
2987
2879
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
2988
|
-
}
|
|
2880
|
+
},
|
|
2989
2881
|
});
|
|
2990
2882
|
}
|
|
2991
2883
|
emitHasData() {
|
|
@@ -2995,11 +2887,11 @@ class MyProfileLanguagesWidgetComponent {
|
|
|
2995
2887
|
return this.languages()?.join(', ') || '-';
|
|
2996
2888
|
}
|
|
2997
2889
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileLanguagesWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2998
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileLanguagesWidgetComponent, isStandalone: true, selector: "hr-my-profile-languages-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, contentTextClass: { classPropertyName: "contentTextClass", publicName: "contentTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, languagesIcon: { classPropertyName: "languagesIcon", publicName: "languagesIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
2890
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileLanguagesWidgetComponent, isStandalone: true, selector: "hr-my-profile-languages-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, contentTextClass: { classPropertyName: "contentTextClass", publicName: "contentTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, languagesIcon: { classPropertyName: "languagesIcon", publicName: "languagesIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"languagesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if ((languages()?.length ?? 0) > 0) {\n <div [ngClass]=\"contentTextClass()\">\n {{ getLanguages() }}\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoLanguagesYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2999
2891
|
}
|
|
3000
2892
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileLanguagesWidgetComponent, decorators: [{
|
|
3001
2893
|
type: Component,
|
|
3002
|
-
args: [{ selector: 'hr-my-profile-languages-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider
|
|
2894
|
+
args: [{ selector: 'hr-my-profile-languages-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"languagesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if ((languages()?.length ?? 0) > 0) {\n <div [ngClass]=\"contentTextClass()\">\n {{ getLanguages() }}\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoLanguagesYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
3003
2895
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], contentTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTextClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], hasDataChange: [{ type: i0.Output, args: ["hasDataChange"] }], languagesIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "languagesIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3004
2896
|
|
|
3005
2897
|
class MyProfileOtherNationalitiesWidgetComponent {
|
|
@@ -3027,19 +2919,19 @@ class MyProfileOtherNationalitiesWidgetComponent {
|
|
|
3027
2919
|
}
|
|
3028
2920
|
this.isLoadingChanged.emit(true);
|
|
3029
2921
|
this.hrSelfWidgetsService.getPersonalInfoOtherNationalities(this.baseUrl()).subscribe({
|
|
3030
|
-
next:
|
|
2922
|
+
next: response => {
|
|
3031
2923
|
this.isLoading.set(false);
|
|
3032
2924
|
this.isLoadingChanged.emit(false);
|
|
3033
2925
|
this.personalInfo.set(response ?? []);
|
|
3034
2926
|
this.emitHasData();
|
|
3035
2927
|
},
|
|
3036
|
-
error:
|
|
2928
|
+
error: error => {
|
|
3037
2929
|
this.isLoading.set(false);
|
|
3038
2930
|
this.isLoadingChanged.emit(false);
|
|
3039
2931
|
this.personalInfo.set([]);
|
|
3040
2932
|
this.emitHasData();
|
|
3041
2933
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3042
|
-
}
|
|
2934
|
+
},
|
|
3043
2935
|
});
|
|
3044
2936
|
}
|
|
3045
2937
|
emitHasData() {
|
|
@@ -3049,11 +2941,11 @@ class MyProfileOtherNationalitiesWidgetComponent {
|
|
|
3049
2941
|
return this.personalInfo()?.join(', ') || '-';
|
|
3050
2942
|
}
|
|
3051
2943
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileOtherNationalitiesWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3052
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileOtherNationalitiesWidgetComponent, isStandalone: true, selector: "hr-my-profile-other-nationalities-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, contentTextClass: { classPropertyName: "contentTextClass", publicName: "contentTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextKey: { classPropertyName: "emptyStateTextKey", publicName: "emptyStateTextKey", isSignal: true, isRequired: false, transformFunction: null }, otherNationalitiesIcon: { classPropertyName: "otherNationalitiesIcon", publicName: "otherNationalitiesIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
2944
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileOtherNationalitiesWidgetComponent, isStandalone: true, selector: "hr-my-profile-other-nationalities-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, contentTextClass: { classPropertyName: "contentTextClass", publicName: "contentTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextKey: { classPropertyName: "emptyStateTextKey", publicName: "emptyStateTextKey", isSignal: true, isRequired: false, transformFunction: null }, otherNationalitiesIcon: { classPropertyName: "otherNationalitiesIcon", publicName: "otherNationalitiesIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"otherNationalitiesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if ((personalInfo()?.length ?? 0) > 0) {\n <div [ngClass]=\"contentTextClass()\">\n {{ getOtherNationalities() }}\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : (emptyStateTextKey() | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3053
2945
|
}
|
|
3054
2946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileOtherNationalitiesWidgetComponent, decorators: [{
|
|
3055
2947
|
type: Component,
|
|
3056
|
-
args: [{ selector: 'hr-my-profile-other-nationalities-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider
|
|
2948
|
+
args: [{ selector: 'hr-my-profile-other-nationalities-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"otherNationalitiesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if ((personalInfo()?.length ?? 0) > 0) {\n <div [ngClass]=\"contentTextClass()\">\n {{ getOtherNationalities() }}\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : (emptyStateTextKey() | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
3057
2949
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], contentTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTextClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], emptyStateTextKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextKey", required: false }] }], hasDataChange: [{ type: i0.Output, args: ["hasDataChange"] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], otherNationalitiesIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherNationalitiesIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }] } });
|
|
3058
2950
|
|
|
3059
2951
|
class MyProfileAddressWidgetComponent {
|
|
@@ -3083,25 +2975,31 @@ class MyProfileAddressWidgetComponent {
|
|
|
3083
2975
|
}
|
|
3084
2976
|
this.isLoadingChanged.emit(true);
|
|
3085
2977
|
this.hrSelfWidgetsService.getPersonalInfoAddressDetails(this.baseUrl()).subscribe({
|
|
3086
|
-
next:
|
|
2978
|
+
next: response => {
|
|
3087
2979
|
this.isLoading.set(false);
|
|
3088
2980
|
this.isLoadingChanged.emit(false);
|
|
3089
2981
|
this.personalInfoAddressDetails.set(response);
|
|
3090
2982
|
},
|
|
3091
|
-
error:
|
|
2983
|
+
error: error => {
|
|
3092
2984
|
this.isLoading.set(false);
|
|
3093
2985
|
this.isLoadingChanged.emit(false);
|
|
3094
2986
|
this.personalInfoAddressDetails.set(null);
|
|
3095
2987
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3096
|
-
}
|
|
2988
|
+
},
|
|
3097
2989
|
});
|
|
3098
2990
|
}
|
|
3099
2991
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileAddressWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileAddressWidgetComponent, isStandalone: true, selector: "hr-my-profile-address-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, addressIcon: { classPropertyName: "addressIcon", publicName: "addressIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
2992
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileAddressWidgetComponent, isStandalone: true, selector: "hr-my-profile-address-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, addressIcon: { classPropertyName: "addressIcon", publicName: "addressIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"addressIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (personalInfoAddressDetails()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Address'\"\n [value]=\"personalInfoAddressDetails()!.Address\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'City'\"\n [value]=\"personalInfoAddressDetails()!.City\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'P.OBox'\"\n [value]=\"personalInfoAddressDetails()!.POBox\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'PostalCode'\"\n [value]=\"personalInfoAddressDetails()!.PostalCode\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoAddressYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3101
2993
|
}
|
|
3102
2994
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileAddressWidgetComponent, decorators: [{
|
|
3103
2995
|
type: Component,
|
|
3104
|
-
args: [{ selector: 'hr-my-profile-address-widget', standalone: true, imports: [
|
|
2996
|
+
args: [{ selector: 'hr-my-profile-address-widget', standalone: true, imports: [
|
|
2997
|
+
CommonModule,
|
|
2998
|
+
HRTranslatePipe,
|
|
2999
|
+
SkySectionDividerComponent,
|
|
3000
|
+
SkyEmptyDesignCardComponent,
|
|
3001
|
+
HRInfoFieldComponent,
|
|
3002
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"addressIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (personalInfoAddressDetails()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Address'\"\n [value]=\"personalInfoAddressDetails()!.Address\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'City'\"\n [value]=\"personalInfoAddressDetails()!.City\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'P.OBox'\"\n [value]=\"personalInfoAddressDetails()!.POBox\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'PostalCode'\"\n [value]=\"personalInfoAddressDetails()!.PostalCode\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoAddressYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
3105
3003
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], responsiveTopSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveTopSpacingColumnClass", required: false }] }], topSpacingBottomSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], addressIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addressIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3106
3004
|
|
|
3107
3005
|
class MyProfileJobInfoWidgetComponent {
|
|
@@ -3132,25 +3030,31 @@ class MyProfileJobInfoWidgetComponent {
|
|
|
3132
3030
|
}
|
|
3133
3031
|
this.isLoadingChanged.emit(true);
|
|
3134
3032
|
this.hrSelfWidgetsService.getJobInformationMain(this.baseUrl()).subscribe({
|
|
3135
|
-
next:
|
|
3033
|
+
next: response => {
|
|
3136
3034
|
this.isLoading.set(false);
|
|
3137
3035
|
this.jobInformationMain.set(response);
|
|
3138
3036
|
this.isLoadingChanged.emit(false);
|
|
3139
3037
|
},
|
|
3140
|
-
error:
|
|
3038
|
+
error: error => {
|
|
3141
3039
|
this.isLoading.set(false);
|
|
3142
3040
|
this.jobInformationMain.set(null);
|
|
3143
3041
|
this.isLoadingChanged.emit(false);
|
|
3144
3042
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3145
|
-
}
|
|
3043
|
+
},
|
|
3146
3044
|
});
|
|
3147
3045
|
}
|
|
3148
3046
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileJobInfoWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3149
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileJobInfoWidgetComponent, isStandalone: true, selector: "hr-my-profile-job-info-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3047
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileJobInfoWidgetComponent, isStandalone: true, selector: "hr-my-profile-job-info-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"mainIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (jobInformationMain()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'AdminUnit'\"\n [value]=\"jobInformationMain()!.AdminUnitName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Position'\"\n [value]=\"jobInformationMain()!.PositionName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Grade'\"\n [value]=\"jobInformationMain()!.GradeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'JoiningDate'\"\n [value]=\"jobInformationMain()!.JoiningDate ? (jobInformationMain()!.JoiningDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'CorporateJoiningDate'\"\n [value]=\"jobInformationMain()!.CorporateJoiningDate ? (jobInformationMain()!.CorporateJoiningDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Sponsor'\"\n [value]=\"jobInformationMain()!.SponsorName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoJobMainYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3150
3048
|
}
|
|
3151
3049
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileJobInfoWidgetComponent, decorators: [{
|
|
3152
3050
|
type: Component,
|
|
3153
|
-
args: [{ selector: 'hr-my-profile-job-info-widget', standalone: true, imports: [
|
|
3051
|
+
args: [{ selector: 'hr-my-profile-job-info-widget', standalone: true, imports: [
|
|
3052
|
+
CommonModule,
|
|
3053
|
+
HRTranslatePipe,
|
|
3054
|
+
SkySectionDividerComponent,
|
|
3055
|
+
SkyEmptyDesignCardComponent,
|
|
3056
|
+
HRInfoFieldComponent,
|
|
3057
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"mainIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (jobInformationMain()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'AdminUnit'\"\n [value]=\"jobInformationMain()!.AdminUnitName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'Position'\"\n [value]=\"jobInformationMain()!.PositionName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Grade'\"\n [value]=\"jobInformationMain()!.GradeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'JoiningDate'\"\n [value]=\"jobInformationMain()!.JoiningDate ? (jobInformationMain()!.JoiningDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'CorporateJoiningDate'\"\n [value]=\"jobInformationMain()!.CorporateJoiningDate ? (jobInformationMain()!.CorporateJoiningDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'Sponsor'\"\n [value]=\"jobInformationMain()!.SponsorName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoJobMainYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
3154
3058
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], responsiveTopSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveTopSpacingColumnClass", required: false }] }], topSpacingBottomMdSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomMdSpacingColumnClass", required: false }] }], topSpacingBottomSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], mainIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3155
3059
|
|
|
3156
3060
|
class MyProfileContractWidgetComponent {
|
|
@@ -3181,25 +3085,31 @@ class MyProfileContractWidgetComponent {
|
|
|
3181
3085
|
}
|
|
3182
3086
|
this.isLoadingChanged.emit(true);
|
|
3183
3087
|
this.hrSelfWidgetsService.getJobInformationContract(this.baseUrl()).subscribe({
|
|
3184
|
-
next:
|
|
3088
|
+
next: response => {
|
|
3185
3089
|
this.isLoading.set(false);
|
|
3186
3090
|
this.jobInformationContract.set(response);
|
|
3187
3091
|
this.isLoadingChanged.emit(false);
|
|
3188
3092
|
},
|
|
3189
|
-
error:
|
|
3093
|
+
error: error => {
|
|
3190
3094
|
this.isLoading.set(false);
|
|
3191
3095
|
this.jobInformationContract.set(null);
|
|
3192
3096
|
this.isLoadingChanged.emit(false);
|
|
3193
3097
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3194
|
-
}
|
|
3098
|
+
},
|
|
3195
3099
|
});
|
|
3196
3100
|
}
|
|
3197
3101
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileContractWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3198
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileContractWidgetComponent, isStandalone: true, selector: "hr-my-profile-contract-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, contractIcon: { classPropertyName: "contractIcon", publicName: "contractIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileContractWidgetComponent, isStandalone: true, selector: "hr-my-profile-contract-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, responsiveTopSpacingColumnClass: { classPropertyName: "responsiveTopSpacingColumnClass", publicName: "responsiveTopSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomMdSpacingColumnClass: { classPropertyName: "topSpacingBottomMdSpacingColumnClass", publicName: "topSpacingBottomMdSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingBottomSpacingColumnClass: { classPropertyName: "topSpacingBottomSpacingColumnClass", publicName: "topSpacingBottomSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, contractIcon: { classPropertyName: "contractIcon", publicName: "contractIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"contractIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (jobInformationContract()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractType'\"\n [value]=\"jobInformationContract()!.ContractTypeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractStartDate'\"\n [value]=\"jobInformationContract()!.ContractStartDate ? (jobInformationContract()!.ContractStartDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractEndDate'\"\n [value]=\"jobInformationContract()!.ContractEndDate ? (jobInformationContract()!.ContractEndDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractMaritalStatus'\"\n [value]=\"jobInformationContract()!.ContractMaritalStateName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractDependentsCount'\"\n [value]=\"jobInformationContract()!.ContractDependentsCount?.toString()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoJobContractYet' | translate)\"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3199
3103
|
}
|
|
3200
3104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileContractWidgetComponent, decorators: [{
|
|
3201
3105
|
type: Component,
|
|
3202
|
-
args: [{ selector: 'hr-my-profile-contract-widget', standalone: true, imports: [
|
|
3106
|
+
args: [{ selector: 'hr-my-profile-contract-widget', standalone: true, imports: [
|
|
3107
|
+
CommonModule,
|
|
3108
|
+
HRTranslatePipe,
|
|
3109
|
+
SkySectionDividerComponent,
|
|
3110
|
+
SkyEmptyDesignCardComponent,
|
|
3111
|
+
HRInfoFieldComponent,
|
|
3112
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"contractIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (jobInformationContract()) {\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractType'\"\n [value]=\"jobInformationContract()!.ContractTypeName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"columnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractStartDate'\"\n [value]=\"jobInformationContract()!.ContractStartDate ? (jobInformationContract()!.ContractStartDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"responsiveTopSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractEndDate'\"\n [value]=\"jobInformationContract()!.ContractEndDate ? (jobInformationContract()!.ContractEndDate | date: 'dd/MM/yyyy') : null\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractMaritalStatus'\"\n [value]=\"jobInformationContract()!.ContractMaritalStateName\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass()\">\n <hr-info-field\n [labelKey]=\"'ContractDependentsCount'\"\n [value]=\"jobInformationContract()!.ContractDependentsCount?.toString()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoJobContractYet' | translate)\"\n ></sky-empty-design-card>\n}\n" }]
|
|
3203
3113
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], responsiveTopSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveTopSpacingColumnClass", required: false }] }], topSpacingBottomMdSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomMdSpacingColumnClass", required: false }] }], topSpacingBottomSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingBottomSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], contractIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "contractIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3204
3114
|
|
|
3205
3115
|
class MyProfileSalaryWidgetComponent {
|
|
@@ -3232,17 +3142,17 @@ class MyProfileSalaryWidgetComponent {
|
|
|
3232
3142
|
}
|
|
3233
3143
|
this.isLoadingChanged.emit(true);
|
|
3234
3144
|
this.hrSelfWidgetsService.getJobInformationSalary(this.baseUrl()).subscribe({
|
|
3235
|
-
next:
|
|
3145
|
+
next: response => {
|
|
3236
3146
|
this.isLoading.set(false);
|
|
3237
3147
|
this.jobInformationSalary.set(response);
|
|
3238
3148
|
this.isLoadingChanged.emit(false);
|
|
3239
3149
|
},
|
|
3240
|
-
error:
|
|
3150
|
+
error: error => {
|
|
3241
3151
|
this.isLoading.set(false);
|
|
3242
3152
|
this.jobInformationSalary.set(null);
|
|
3243
3153
|
this.isLoadingChanged.emit(false);
|
|
3244
3154
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3245
|
-
}
|
|
3155
|
+
},
|
|
3246
3156
|
});
|
|
3247
3157
|
}
|
|
3248
3158
|
get basicSalary() {
|
|
@@ -3258,11 +3168,11 @@ class MyProfileSalaryWidgetComponent {
|
|
|
3258
3168
|
return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals()) || '�';
|
|
3259
3169
|
}
|
|
3260
3170
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileSalaryWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3261
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileSalaryWidgetComponent, isStandalone: true, selector: "hr-my-profile-salary-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, grossSalaryColumnClass: { classPropertyName: "grossSalaryColumnClass", publicName: "grossSalaryColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, currencyClass: { classPropertyName: "currencyClass", publicName: "currencyClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, salaryIcon: { classPropertyName: "salaryIcon", publicName: "salaryIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if(jobInformationSalary()){\
|
|
3171
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileSalaryWidgetComponent, isStandalone: true, selector: "hr-my-profile-salary-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, grossSalaryColumnClass: { classPropertyName: "grossSalaryColumnClass", publicName: "grossSalaryColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, currencyClass: { classPropertyName: "currencyClass", publicName: "currencyClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, salaryIcon: { classPropertyName: "salaryIcon", publicName: "salaryIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if (jobInformationSalary()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"salaryIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'BasicSalary' | translate }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(basicSalary) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n\n @for (allowance of allowances; track allowance) {\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ allowance.AllowanceName }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(allowance.AllowanceAmount) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n }\n\n <div [ngClass]=\"grossSalaryColumnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'GrossSalary' | translate }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(jobInformationSalary()!.GrossSalary) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3262
3172
|
}
|
|
3263
3173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileSalaryWidgetComponent, decorators: [{
|
|
3264
3174
|
type: Component,
|
|
3265
|
-
args: [{ selector: 'hr-my-profile-salary-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(jobInformationSalary()){\
|
|
3175
|
+
args: [{ selector: 'hr-my-profile-salary-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (jobInformationSalary()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"salaryIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'BasicSalary' | translate }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(basicSalary) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n\n @for (allowance of allowances; track allowance) {\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ allowance.AllowanceName }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(allowance.AllowanceAmount) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n }\n\n <div [ngClass]=\"grossSalaryColumnClass()\">\n <div [ngClass]=\"labelClass()\">{{ 'GrossSalary' | translate }}</div>\n <div [ngClass]=\"valueClass()\">\n {{ formatAmount(jobInformationSalary()!.GrossSalary) }}\n <span [ngClass]=\"currencyClass()\">{{ currencyCode() }}</span>\n </div>\n </div>\n </div>\n}\n" }]
|
|
3266
3176
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], currencyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyCode", required: false }] }], currencyDecimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDecimals", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], grossSalaryColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "grossSalaryColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], currencyClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], salaryIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "salaryIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3267
3177
|
|
|
3268
3178
|
class MyProfileServiceChargeWidgetComponent {
|
|
@@ -3292,17 +3202,17 @@ class MyProfileServiceChargeWidgetComponent {
|
|
|
3292
3202
|
}
|
|
3293
3203
|
this.isLoadingChanged.emit(true);
|
|
3294
3204
|
this.hrSelfWidgetsService.getJobInformationServiceCharge(this.baseUrl()).subscribe({
|
|
3295
|
-
next:
|
|
3205
|
+
next: response => {
|
|
3296
3206
|
this.isLoading.set(false);
|
|
3297
3207
|
this.jobInformationServiceCharge.set(response);
|
|
3298
3208
|
this.isLoadingChanged.emit(false);
|
|
3299
3209
|
},
|
|
3300
|
-
error:
|
|
3210
|
+
error: error => {
|
|
3301
3211
|
this.isLoading.set(false);
|
|
3302
3212
|
this.jobInformationServiceCharge.set(null);
|
|
3303
3213
|
this.isLoadingChanged.emit(false);
|
|
3304
3214
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3305
|
-
}
|
|
3215
|
+
},
|
|
3306
3216
|
});
|
|
3307
3217
|
}
|
|
3308
3218
|
get modeLabelKey() {
|
|
@@ -3326,79 +3236,74 @@ class MyProfileServiceChargeWidgetComponent {
|
|
|
3326
3236
|
if (!current || current.ServiceChargeValue == null) {
|
|
3327
3237
|
return '—';
|
|
3328
3238
|
}
|
|
3329
|
-
if (ServiceChargeEntitlementMode[current.ServiceChargeEntitlementMode] ===
|
|
3330
|
-
ServiceChargeEntitlementMode.FixedAmount) {
|
|
3239
|
+
if (ServiceChargeEntitlementMode[current.ServiceChargeEntitlementMode] === ServiceChargeEntitlementMode.FixedAmount) {
|
|
3331
3240
|
return `${this.commonMethodsService.currencyDecimalFormat(current.ServiceChargeValue, 4)} (${this.currencyCode()})`;
|
|
3332
3241
|
}
|
|
3333
3242
|
return this.commonMethodsService.currencyDecimalFormat(current.ServiceChargeValue, 2) || '—';
|
|
3334
3243
|
}
|
|
3335
3244
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileServiceChargeWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3336
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileServiceChargeWidgetComponent, isStandalone: true, selector: "hr-my-profile-charge-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, serviceChargeIcon: { classPropertyName: "serviceChargeIcon", publicName: "serviceChargeIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if(jobInformationServiceCharge()){\
|
|
3245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileServiceChargeWidgetComponent, isStandalone: true, selector: "hr-my-profile-charge-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, serviceChargeIcon: { classPropertyName: "serviceChargeIcon", publicName: "serviceChargeIcon", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if (jobInformationServiceCharge()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"serviceChargeIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ modeLabelKey | translate }}</div>\n <div [ngClass]=\"valueClass()\">{{ value }}</div>\n </div>\n </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3337
3246
|
}
|
|
3338
3247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileServiceChargeWidgetComponent, decorators: [{
|
|
3339
3248
|
type: Component,
|
|
3340
|
-
args: [{ selector: 'hr-my-profile-charge-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(jobInformationServiceCharge()){\
|
|
3249
|
+
args: [{ selector: 'hr-my-profile-charge-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (jobInformationServiceCharge()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"serviceChargeIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n <div [ngClass]=\"rowClass()\">\n <div [ngClass]=\"columnClass()\">\n <div [ngClass]=\"labelClass()\">{{ modeLabelKey | translate }}</div>\n <div [ngClass]=\"valueClass()\">{{ value }}</div>\n </div>\n </div>\n}\n" }]
|
|
3341
3250
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], currencyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyCode", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], serviceChargeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "serviceChargeIcon", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3342
3251
|
|
|
3343
3252
|
class HRNextWeekVacationInsightsPopupComponent {
|
|
3344
|
-
http;
|
|
3345
3253
|
dataGrid;
|
|
3346
|
-
popupVisible = false;
|
|
3347
|
-
popupType = VacationPopupType.Upcoming;
|
|
3348
|
-
baseUrl = '';
|
|
3349
|
-
width = '700px';
|
|
3350
|
-
height = '480px';
|
|
3351
|
-
gridHeight = '320px';
|
|
3352
|
-
pageSize = 20;
|
|
3353
|
-
showProperty = false;
|
|
3354
|
-
closePopupClickHandler =
|
|
3254
|
+
popupVisible = input(false, ...(ngDevMode ? [{ debugName: "popupVisible" }] : /* istanbul ignore next */ []));
|
|
3255
|
+
popupType = input(VacationPopupType.Upcoming, ...(ngDevMode ? [{ debugName: "popupType" }] : /* istanbul ignore next */ []));
|
|
3256
|
+
baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : /* istanbul ignore next */ []));
|
|
3257
|
+
width = input('700px', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
3258
|
+
height = input('480px', ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
|
|
3259
|
+
gridHeight = input('320px', ...(ngDevMode ? [{ debugName: "gridHeight" }] : /* istanbul ignore next */ []));
|
|
3260
|
+
pageSize = input(20, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
|
|
3261
|
+
showProperty = input(false, ...(ngDevMode ? [{ debugName: "showProperty" }] : /* istanbul ignore next */ []));
|
|
3262
|
+
closePopupClickHandler = output();
|
|
3355
3263
|
popupTitle = '';
|
|
3356
3264
|
popupSubTitle = '';
|
|
3357
3265
|
keyExpr = 'EmployeeNumber';
|
|
3358
3266
|
VacationPopupType = VacationPopupType;
|
|
3359
|
-
dataSource = null;
|
|
3267
|
+
dataSource = signal(null, ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
|
|
3360
3268
|
xMarkIcon = faXmark;
|
|
3361
|
-
searchValue = '';
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
ngOnChanges(changes) {
|
|
3366
|
-
if (changes['popupVisible']?.currentValue === true) {
|
|
3269
|
+
searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
|
|
3270
|
+
http = inject(HttpClient);
|
|
3271
|
+
initDataSourceEffect = effect(() => {
|
|
3272
|
+
if (this.popupVisible()) {
|
|
3367
3273
|
this.initDataSource();
|
|
3368
3274
|
}
|
|
3369
|
-
}
|
|
3275
|
+
}, ...(ngDevMode ? [{ debugName: "initDataSourceEffect" }] : /* istanbul ignore next */ []));
|
|
3370
3276
|
initDataSource() {
|
|
3371
|
-
this.dataSource
|
|
3277
|
+
this.dataSource.set(new CustomStore({
|
|
3372
3278
|
key: this.keyExpr,
|
|
3373
|
-
load:
|
|
3279
|
+
load: loadOptions => {
|
|
3374
3280
|
const skip = loadOptions.skip ?? 0;
|
|
3375
|
-
const pageIndex = Math.floor(skip / this.pageSize) + 1;
|
|
3281
|
+
const pageIndex = Math.floor(skip / this.pageSize()) + 1;
|
|
3376
3282
|
let params = new HttpParams()
|
|
3377
3283
|
.set('ShowDirectSubordinatesOnly', 'false')
|
|
3378
3284
|
.set('LoadOptions.PageIndex', pageIndex.toString())
|
|
3379
|
-
.set('LoadOptions.PageSize', this.pageSize.toString());
|
|
3380
|
-
if (this.searchValue) {
|
|
3381
|
-
params = params.set('LoadOptions.SearchValue', this.searchValue);
|
|
3285
|
+
.set('LoadOptions.PageSize', this.pageSize().toString());
|
|
3286
|
+
if (this.searchValue()) {
|
|
3287
|
+
params = params.set('LoadOptions.SearchValue', this.searchValue());
|
|
3382
3288
|
}
|
|
3383
|
-
return lastValueFrom(this.http.get(this.baseUrl, { params }))
|
|
3384
|
-
.then((response) => {
|
|
3289
|
+
return lastValueFrom(this.http.get(this.baseUrl(), { params })).then((response) => {
|
|
3385
3290
|
const items = response.ResponseData?.Data ?? [];
|
|
3386
3291
|
const totalCount = response.ResponseData?.TotalCount ?? 0;
|
|
3387
3292
|
return { data: items, totalCount };
|
|
3388
3293
|
});
|
|
3389
|
-
}
|
|
3390
|
-
});
|
|
3294
|
+
},
|
|
3295
|
+
}));
|
|
3391
3296
|
}
|
|
3392
3297
|
onSearchValueChanged(e) {
|
|
3393
|
-
this.searchValue
|
|
3298
|
+
this.searchValue.set(e.value ?? '');
|
|
3394
3299
|
this.initDataSource();
|
|
3395
3300
|
}
|
|
3396
3301
|
getPopupTitle() {
|
|
3397
|
-
return this.popupSubTitle || (this.popupType === VacationPopupType.Upcoming ? 'UpcomingVacations' : 'ExpectedToReturn');
|
|
3302
|
+
return (this.popupSubTitle || (this.popupType() === VacationPopupType.Upcoming ? 'UpcomingVacations' : 'ExpectedToReturn'));
|
|
3398
3303
|
}
|
|
3399
3304
|
onPopupClose() {
|
|
3400
|
-
this.searchValue
|
|
3401
|
-
this.dataSource
|
|
3305
|
+
this.searchValue.set('');
|
|
3306
|
+
this.dataSource.set(null);
|
|
3402
3307
|
this.closePopupClickHandler.emit();
|
|
3403
3308
|
}
|
|
3404
3309
|
onHidden() {
|
|
@@ -3408,41 +3313,31 @@ class HRNextWeekVacationInsightsPopupComponent {
|
|
|
3408
3313
|
return {
|
|
3409
3314
|
EmployeePhotoKey: item.PhotoPath || null,
|
|
3410
3315
|
EmployeePhotoFailed: item.FailedToLoadPhoto || false,
|
|
3411
|
-
EmployeeNameInitials: item.EmployeeNameInitials || ''
|
|
3316
|
+
EmployeeNameInitials: item.EmployeeNameInitials || '',
|
|
3412
3317
|
};
|
|
3413
3318
|
}
|
|
3414
3319
|
handleEmployeePhotoError(employee) {
|
|
3415
3320
|
employee.FailedToLoadPhoto = true;
|
|
3416
3321
|
}
|
|
3417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRNextWeekVacationInsightsPopupComponent, deps: [
|
|
3418
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRNextWeekVacationInsightsPopupComponent, isStandalone: true, selector: "hr-next-week-vacation-insights-popup", inputs: { popupVisible: "popupVisible", popupType: "popupType", baseUrl: "baseUrl", width: "width", height: "height", gridHeight: "gridHeight", pageSize: "pageSize", showProperty: "showProperty" }, outputs: { closePopupClickHandler: "closePopupClickHandler" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-popup [visible]=\"popupVisible\"\r\n [height]=\"height\"\r\n [minHeight]=\"'40%'\"\r\n [maxHeight]=\"'70%'\"\r\n [width]=\"width\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"false\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n titleTemplate=\"title\"\r\n [showTitle]=\"true\"\r\n (onHidden)=\"onHidden()\">\r\n\r\n <div *dxTemplate=\"let data of 'title'\">\r\n <div class=\"d-flex justify-content-between align-items-center my-0\">\r\n <p class=\"fs-16 fw-meduim text-ellipsis-one-line\">\r\n <span class=\"text-dark-gray\">{{popupTitle ? (popupTitle | translate) : ('NextWeekVacationInsights' | translate)}}</span>\r\n <span class=\"mx-2 text-primary\">({{getPopupTitle() | translate}})</span>\r\n </p>\r\n <div class=\"py-2\" (click)=\"onPopupClose()\">\r\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 text-dark-gray cursor-pointer\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *dxTemplate=\"let d of 'popup-content'\">\r\n <div class=\"mb-2 d-flex justify-content-end\">\r\n <dx-text-box [width]=\"'250px'\"\r\n mode=\"search\"\r\n [value]=\"searchValue\"\r\n [placeholder]=\"'Search...' | translate\"\r\n (onValueChanged)=\"onSearchValueChanged($event)\">\r\n </dx-text-box>\r\n </div>\r\n @if(dataSource){\r\n <dx-data-grid class=\"popup-data-grid\"\r\n [dataSource]=\"dataSource\"\r\n [showBorders]=\"false\"\r\n [showRowLines]=\"false\"\r\n [showColumnLines]=\"false\"\r\n [columnAutoWidth]=\"true\"\r\n [wordWrapEnabled]=\"true\"\r\n [height]=\"gridHeight\"\r\n [allowColumnReordering]=\"false\"\r\n [remoteOperations]=\"{paging: true}\">\r\n\r\n <dxo-data-grid-sorting mode=\"none\"></dxo-data-grid-sorting>\r\n\r\n <dxo-data-grid-scrolling mode=\"infinite\"\r\n [useNative]=\"false\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n showScrollbar=\"always\">\r\n </dxo-data-grid-scrolling>\r\n\r\n <dxo-data-grid-paging [enabled]=\"true\" [pageSize]=\"pageSize\"></dxo-data-grid-paging>\r\n\r\n <dxi-data-grid-column caption=\"{{'Employee' | translate}}\"\r\n dataField=\"EmployeeName\"\r\n cellTemplate=\"employeeCellTemplate\"\r\n [minWidth]=\"250\">\r\n </dxi-data-grid-column>\r\n\r\n @if(popupType === VacationPopupType.Upcoming){\r\n <dxi-data-grid-column caption=\"{{'StartDate' | translate}}\"\r\n dataField=\"VacationStartDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"left\">\r\n </dxi-data-grid-column>\r\n <dxi-data-grid-column caption=\"{{'EndDate' | translate}}\"\r\n dataField=\"VacationEndDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"left\">\r\n </dxi-data-grid-column>\r\n }@else{\r\n <dxi-data-grid-column caption=\"{{'ReturnDate' | translate}}\"\r\n dataField=\"ReturnDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"left\">\r\n </dxi-data-grid-column>\r\n }\r\n\r\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\r\n <div class=\"d-flex align-items-center\">\r\n <bayan-employee-badge\r\n [badge]=\"getEmployeeBadge(cell.data)\"\r\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\r\n imageClass=\"rounded-circle\"\r\n [width]=\"'40px'\"\r\n [height]=\"'40px'\"\r\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\">\r\n </bayan-employee-badge>\r\n <div class=\"d-flex flex-column ms-1\">\r\n <div class=\"d-flex flex-row ms-2\">\r\n @if(showProperty){\r\n <span class=\"property-badge cursor-pointer me-1\" [title]=\"cell.data.PropertyName\" [innerHTML]=\"cell.data.PropertySymbol\"></span>\r\n }\r\n <span class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\r\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\"\r\n [innerHTML]=\"(cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName) | highlight:searchValue\">\r\n </span>\r\n </div>\r\n <p class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\"\r\n [innerHTML]=\"cell.data.EmployeeAdminUnitName | highlight:searchValue\">\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </dx-data-grid>\r\n }\r\n </div>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxDataGridModule }, { kind: "component", type: i2.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "aiIntegration", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onAIColumnRequestCreating", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "aiIntegrationChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i5.DxiDataGridColumnComponent, selector: "dxi-data-grid-column", inputs: ["ai", "alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i5.DxoDataGridPagingComponent, selector: "dxo-data-grid-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i5.DxoDataGridScrollingComponent, selector: "dxo-data-grid-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i5.DxoDataGridSortingComponent, selector: "dxo-data-grid-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }] });
|
|
3322
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRNextWeekVacationInsightsPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3323
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRNextWeekVacationInsightsPopupComponent, isStandalone: true, selector: "hr-next-week-vacation-insights-popup", inputs: { popupVisible: { classPropertyName: "popupVisible", publicName: "popupVisible", isSignal: true, isRequired: false, transformFunction: null }, popupType: { classPropertyName: "popupType", publicName: "popupType", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, gridHeight: { classPropertyName: "gridHeight", publicName: "gridHeight", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closePopupClickHandler: "closePopupClickHandler" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DxDataGridComponent, descendants: true }], ngImport: i0, template: "<dx-popup\n [visible]=\"popupVisible()\"\n [height]=\"height()\"\n [minHeight]=\"'40%'\"\n [maxHeight]=\"'70%'\"\n [width]=\"width()\"\n contentTemplate=\"popup-content\"\n [showCloseButton]=\"false\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n titleTemplate=\"title\"\n [showTitle]=\"true\"\n (onHidden)=\"onHidden()\"\n>\n <div *dxTemplate=\"let data of 'title'\">\n <div class=\"d-flex justify-content-between align-items-center my-0\">\n <p class=\"fs-16 fw-meduim text-ellipsis-one-line\">\n <span class=\"text-dark-gray\">{{ popupTitle ? (popupTitle | translate) : ('NextWeekVacationInsights' | translate) }}</span>\n <span class=\"mx-2 text-primary\">({{ getPopupTitle() | translate }})</span>\n </p>\n <div class=\"py-2\" (click)=\"onPopupClose()\">\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 text-dark-gray cursor-pointer\"></fa-icon>\n </div>\n </div>\n </div>\n\n <div *dxTemplate=\"let d of 'popup-content'\">\n <div class=\"mb-2 d-flex justify-content-end\">\n <dx-text-box\n [width]=\"'250px'\"\n mode=\"search\"\n [value]=\"searchValue()\"\n [placeholder]=\"'Search...' | translate\"\n (onValueChanged)=\"onSearchValueChanged($event)\"\n ></dx-text-box>\n </div>\n @if (dataSource()) {\n <dx-data-grid\n class=\"popup-data-grid\"\n [dataSource]=\"dataSource()\"\n [showBorders]=\"false\"\n [showRowLines]=\"false\"\n [showColumnLines]=\"false\"\n [columnAutoWidth]=\"true\"\n [wordWrapEnabled]=\"true\"\n [height]=\"gridHeight()\"\n [allowColumnReordering]=\"false\"\n [remoteOperations]=\"{ paging: true }\"\n >\n <dxo-data-grid-sorting mode=\"none\"></dxo-data-grid-sorting>\n\n <dxo-data-grid-scrolling\n mode=\"infinite\"\n [useNative]=\"false\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n showScrollbar=\"always\"\n ></dxo-data-grid-scrolling>\n\n <dxo-data-grid-paging [enabled]=\"true\" [pageSize]=\"pageSize()\"></dxo-data-grid-paging>\n\n <dxi-data-grid-column\n caption=\"{{ 'Employee' | translate }}\"\n dataField=\"EmployeeName\"\n cellTemplate=\"employeeCellTemplate\"\n [minWidth]=\"250\"\n ></dxi-data-grid-column>\n\n @if (popupType() === VacationPopupType.Upcoming) {\n <dxi-data-grid-column\n caption=\"{{ 'StartDate' | translate }}\"\n dataField=\"VacationStartDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n <dxi-data-grid-column\n caption=\"{{ 'EndDate' | translate }}\"\n dataField=\"VacationEndDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n } @else {\n <dxi-data-grid-column\n caption=\"{{ 'ReturnDate' | translate }}\"\n dataField=\"ReturnDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n }\n\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\n <div class=\"d-flex align-items-center\">\n <bayan-employee-badge\n [badge]=\"getEmployeeBadge(cell.data)\"\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\n imageClass=\"rounded-circle\"\n [width]=\"'40px'\"\n [height]=\"'40px'\"\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\"\n ></bayan-employee-badge>\n <div class=\"d-flex flex-column ms-1\">\n <div class=\"d-flex flex-row ms-2\">\n @if (showProperty()) {\n <span\n class=\"property-badge cursor-pointer me-1\"\n [title]=\"cell.data.PropertyName\"\n [innerHTML]=\"cell.data.PropertySymbol\"\n ></span>\n }\n <span\n class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\"\n [innerHTML]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName | highlight: searchValue()\"\n ></span>\n </div>\n <p\n class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\"\n [innerHTML]=\"cell.data.EmployeeAdminUnitName | highlight: searchValue()\"\n ></p>\n </div>\n </div>\n </div>\n </dx-data-grid>\n }\n </div>\n</dx-popup>\n", dependencies: [{ kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxDataGridModule }, { kind: "component", type: i1$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "aiIntegration", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onAIColumnRequestCreating", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "aiIntegrationChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i4.DxiDataGridColumnComponent, selector: "dxi-data-grid-column", inputs: ["ai", "alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i4.DxoDataGridPagingComponent, selector: "dxo-data-grid-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i4.DxoDataGridScrollingComponent, selector: "dxo-data-grid-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i4.DxoDataGridSortingComponent, selector: "dxo-data-grid-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3419
3324
|
}
|
|
3420
3325
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRNextWeekVacationInsightsPopupComponent, decorators: [{
|
|
3421
3326
|
type: Component,
|
|
3422
|
-
args: [{ selector: 'hr-next-week-vacation-insights-popup', standalone: true, imports: [
|
|
3423
|
-
|
|
3424
|
-
|
|
3327
|
+
args: [{ selector: 'hr-next-week-vacation-insights-popup', standalone: true, imports: [
|
|
3328
|
+
DxPopupModule,
|
|
3329
|
+
HRTranslatePipe,
|
|
3330
|
+
CommonModule,
|
|
3331
|
+
FontAwesomeModule,
|
|
3332
|
+
DxDataGridModule,
|
|
3333
|
+
BayanEmployeeBadgeComponent,
|
|
3334
|
+
DxTextBoxModule,
|
|
3335
|
+
HighlightPipe,
|
|
3336
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\n [visible]=\"popupVisible()\"\n [height]=\"height()\"\n [minHeight]=\"'40%'\"\n [maxHeight]=\"'70%'\"\n [width]=\"width()\"\n contentTemplate=\"popup-content\"\n [showCloseButton]=\"false\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n titleTemplate=\"title\"\n [showTitle]=\"true\"\n (onHidden)=\"onHidden()\"\n>\n <div *dxTemplate=\"let data of 'title'\">\n <div class=\"d-flex justify-content-between align-items-center my-0\">\n <p class=\"fs-16 fw-meduim text-ellipsis-one-line\">\n <span class=\"text-dark-gray\">{{ popupTitle ? (popupTitle | translate) : ('NextWeekVacationInsights' | translate) }}</span>\n <span class=\"mx-2 text-primary\">({{ getPopupTitle() | translate }})</span>\n </p>\n <div class=\"py-2\" (click)=\"onPopupClose()\">\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 text-dark-gray cursor-pointer\"></fa-icon>\n </div>\n </div>\n </div>\n\n <div *dxTemplate=\"let d of 'popup-content'\">\n <div class=\"mb-2 d-flex justify-content-end\">\n <dx-text-box\n [width]=\"'250px'\"\n mode=\"search\"\n [value]=\"searchValue()\"\n [placeholder]=\"'Search...' | translate\"\n (onValueChanged)=\"onSearchValueChanged($event)\"\n ></dx-text-box>\n </div>\n @if (dataSource()) {\n <dx-data-grid\n class=\"popup-data-grid\"\n [dataSource]=\"dataSource()\"\n [showBorders]=\"false\"\n [showRowLines]=\"false\"\n [showColumnLines]=\"false\"\n [columnAutoWidth]=\"true\"\n [wordWrapEnabled]=\"true\"\n [height]=\"gridHeight()\"\n [allowColumnReordering]=\"false\"\n [remoteOperations]=\"{ paging: true }\"\n >\n <dxo-data-grid-sorting mode=\"none\"></dxo-data-grid-sorting>\n\n <dxo-data-grid-scrolling\n mode=\"infinite\"\n [useNative]=\"false\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n showScrollbar=\"always\"\n ></dxo-data-grid-scrolling>\n\n <dxo-data-grid-paging [enabled]=\"true\" [pageSize]=\"pageSize()\"></dxo-data-grid-paging>\n\n <dxi-data-grid-column\n caption=\"{{ 'Employee' | translate }}\"\n dataField=\"EmployeeName\"\n cellTemplate=\"employeeCellTemplate\"\n [minWidth]=\"250\"\n ></dxi-data-grid-column>\n\n @if (popupType() === VacationPopupType.Upcoming) {\n <dxi-data-grid-column\n caption=\"{{ 'StartDate' | translate }}\"\n dataField=\"VacationStartDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n <dxi-data-grid-column\n caption=\"{{ 'EndDate' | translate }}\"\n dataField=\"VacationEndDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n } @else {\n <dxi-data-grid-column\n caption=\"{{ 'ReturnDate' | translate }}\"\n dataField=\"ReturnDate\"\n dataType=\"date\"\n format=\"dd/MM/yyyy\"\n [width]=\"120\"\n alignment=\"left\"\n ></dxi-data-grid-column>\n }\n\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\n <div class=\"d-flex align-items-center\">\n <bayan-employee-badge\n [badge]=\"getEmployeeBadge(cell.data)\"\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\n imageClass=\"rounded-circle\"\n [width]=\"'40px'\"\n [height]=\"'40px'\"\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\"\n ></bayan-employee-badge>\n <div class=\"d-flex flex-column ms-1\">\n <div class=\"d-flex flex-row ms-2\">\n @if (showProperty()) {\n <span\n class=\"property-badge cursor-pointer me-1\"\n [title]=\"cell.data.PropertyName\"\n [innerHTML]=\"cell.data.PropertySymbol\"\n ></span>\n }\n <span\n class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\"\n [innerHTML]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName | highlight: searchValue()\"\n ></span>\n </div>\n <p\n class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\"\n [innerHTML]=\"cell.data.EmployeeAdminUnitName | highlight: searchValue()\"\n ></p>\n </div>\n </div>\n </div>\n </dx-data-grid>\n }\n </div>\n</dx-popup>\n" }]
|
|
3337
|
+
}], propDecorators: { dataGrid: [{
|
|
3425
3338
|
type: ViewChild,
|
|
3426
3339
|
args: [DxDataGridComponent, { static: false }]
|
|
3427
|
-
}], popupVisible: [{
|
|
3428
|
-
type: Input
|
|
3429
|
-
}], popupType: [{
|
|
3430
|
-
type: Input
|
|
3431
|
-
}], baseUrl: [{
|
|
3432
|
-
type: Input
|
|
3433
|
-
}], width: [{
|
|
3434
|
-
type: Input
|
|
3435
|
-
}], height: [{
|
|
3436
|
-
type: Input
|
|
3437
|
-
}], gridHeight: [{
|
|
3438
|
-
type: Input
|
|
3439
|
-
}], pageSize: [{
|
|
3440
|
-
type: Input
|
|
3441
|
-
}], showProperty: [{
|
|
3442
|
-
type: Input
|
|
3443
|
-
}], closePopupClickHandler: [{
|
|
3444
|
-
type: Output
|
|
3445
|
-
}] } });
|
|
3340
|
+
}], popupVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupVisible", required: false }] }], popupType: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupType", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], gridHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridHeight", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], showProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProperty", required: false }] }], closePopupClickHandler: [{ type: i0.Output, args: ["closePopupClickHandler"] }] } });
|
|
3446
3341
|
|
|
3447
3342
|
class MyNextWeekVacationInsightsWidgetComponent {
|
|
3448
3343
|
baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : /* istanbul ignore next */ []));
|
|
@@ -3464,31 +3359,32 @@ class MyNextWeekVacationInsightsWidgetComponent {
|
|
|
3464
3359
|
Id: 1,
|
|
3465
3360
|
Title: '',
|
|
3466
3361
|
Value: 0,
|
|
3467
|
-
Icon: faPlaneDeparture
|
|
3362
|
+
Icon: faPlaneDeparture,
|
|
3468
3363
|
}, ...(ngDevMode ? [{ debugName: "upcomingVacationsBadge" }] : /* istanbul ignore next */ []));
|
|
3469
3364
|
expectedToReturnBadge = signal({
|
|
3470
3365
|
Id: 2,
|
|
3471
3366
|
Title: '',
|
|
3472
3367
|
Value: 0,
|
|
3473
|
-
Icon: faPlaneArrival
|
|
3368
|
+
Icon: faPlaneArrival,
|
|
3474
3369
|
}, ...(ngDevMode ? [{ debugName: "expectedToReturnBadge" }] : /* istanbul ignore next */ []));
|
|
3475
3370
|
selfWidgetsService = inject(HRSelfWidgetsService);
|
|
3476
3371
|
translatePipe = inject(HRTranslatePipe);
|
|
3477
|
-
|
|
3372
|
+
loadVacationSummaryEffect = effect(() => {
|
|
3373
|
+
const baseUrl = this.baseUrl();
|
|
3478
3374
|
this.initBadges(0, 0);
|
|
3479
|
-
this.loadVacationSummary();
|
|
3480
|
-
}
|
|
3481
|
-
loadVacationSummary() {
|
|
3375
|
+
this.loadVacationSummary(baseUrl);
|
|
3376
|
+
}, ...(ngDevMode ? [{ debugName: "loadVacationSummaryEffect" }] : /* istanbul ignore next */ []));
|
|
3377
|
+
loadVacationSummary(baseUrl) {
|
|
3482
3378
|
this.isLoadingChanged.emit(true);
|
|
3483
|
-
this.selfWidgetsService.getVacationSummary(
|
|
3484
|
-
next:
|
|
3379
|
+
this.selfWidgetsService.getVacationSummary(baseUrl).subscribe({
|
|
3380
|
+
next: response => {
|
|
3485
3381
|
const data = response.ResponseData;
|
|
3486
3382
|
this.initBadges(data.UpcomingVacationsCount, data.ExpectedToReturnCount);
|
|
3487
3383
|
this.isLoadingChanged.emit(false);
|
|
3488
3384
|
},
|
|
3489
3385
|
error: () => {
|
|
3490
3386
|
this.isLoadingChanged.emit(false);
|
|
3491
|
-
}
|
|
3387
|
+
},
|
|
3492
3388
|
});
|
|
3493
3389
|
}
|
|
3494
3390
|
openPopup(type) {
|
|
@@ -3513,21 +3409,27 @@ class MyNextWeekVacationInsightsWidgetComponent {
|
|
|
3513
3409
|
Id: 1,
|
|
3514
3410
|
Title: this.translatePipe.transform('UpcomingVacations'),
|
|
3515
3411
|
Value: upcomingVacations,
|
|
3516
|
-
Icon: faPlaneDeparture
|
|
3412
|
+
Icon: faPlaneDeparture,
|
|
3517
3413
|
});
|
|
3518
3414
|
this.expectedToReturnBadge.set({
|
|
3519
3415
|
Id: 2,
|
|
3520
3416
|
Title: this.translatePipe.transform('ExpectedToReturn'),
|
|
3521
3417
|
Value: expectedToReturn,
|
|
3522
|
-
Icon: faPlaneArrival
|
|
3418
|
+
Icon: faPlaneArrival,
|
|
3523
3419
|
});
|
|
3524
3420
|
}
|
|
3525
3421
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyNextWeekVacationInsightsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3526
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyNextWeekVacationInsightsWidgetComponent, isStandalone: true, selector: "hr-my-next-week-vacation-insights-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, disabledValueClass: { classPropertyName: "disabledValueClass", publicName: "disabledValueClass", isSignal: true, isRequired: false, transformFunction: null }, upcomingContainerClass: { classPropertyName: "upcomingContainerClass", publicName: "upcomingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, expectedContainerClass: { classPropertyName: "expectedContainerClass", publicName: "expectedContainerClass", isSignal: true, isRequired: false, transformFunction: null }, firstRowClass: { classPropertyName: "firstRowClass", publicName: "firstRowClass", isSignal: true, isRequired: false, transformFunction: null }, secondRowClass: { classPropertyName: "secondRowClass", publicName: "secondRowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"cardClass()\">\
|
|
3422
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyNextWeekVacationInsightsWidgetComponent, isStandalone: true, selector: "hr-my-next-week-vacation-insights-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, showProperty: { classPropertyName: "showProperty", publicName: "showProperty", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, disabledValueClass: { classPropertyName: "disabledValueClass", publicName: "disabledValueClass", isSignal: true, isRequired: false, transformFunction: null }, upcomingContainerClass: { classPropertyName: "upcomingContainerClass", publicName: "upcomingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, expectedContainerClass: { classPropertyName: "expectedContainerClass", publicName: "expectedContainerClass", isSignal: true, isRequired: false, transformFunction: null }, firstRowClass: { classPropertyName: "firstRowClass", publicName: "firstRowClass", isSignal: true, isRequired: false, transformFunction: null }, secondRowClass: { classPropertyName: "secondRowClass", publicName: "secondRowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, providers: [HRTranslatePipe], ngImport: i0, template: "<div [class]=\"cardClass()\">\n <div class=\"card-body d-flex flex-column p-0 mb-3\">\n <div [class]=\"titleClass()\">\n {{ 'NextWeekVacationInsights' | translate | uppercase }}\n </div>\n <div class=\"d-flex flex-column mt-3\">\n <div [ngClass]=\"firstRowClass()\">\n <sky-widget-section-item\n [data]=\"upcomingVacationsBadge()\"\n [containerClass]=\"upcomingContainerClass()\"\n [valueClass]=\"upcomingVacationsBadge().Value === 0 ? disabledValueClass() : valueClass()\"\n [ngClass]=\"{ 'pe-none': upcomingVacationsBadge().Value === 0 }\"\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.Upcoming)\"\n ></sky-widget-section-item>\n </div>\n <div [ngClass]=\"secondRowClass()\">\n <sky-widget-section-item\n [data]=\"expectedToReturnBadge()\"\n [containerClass]=\"expectedContainerClass()\"\n [valueClass]=\"expectedToReturnBadge().Value === 0 ? disabledValueClass() : valueClass()\"\n [ngClass]=\"{ 'pe-none': expectedToReturnBadge().Value === 0 }\"\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.ExpectedToReturn)\"\n ></sky-widget-section-item>\n </div>\n </div>\n </div>\n</div>\n\n<hr-next-week-vacation-insights-popup\n [popupVisible]=\"popupVisible()\"\n [popupType]=\"popupType()\"\n [baseUrl]=\"popupBaseUrl()\"\n [showProperty]=\"showProperty()\"\n (closePopupClickHandler)=\"closePopup()\"\n></hr-next-week-vacation-insights-popup>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: SkyWidgetSectionItemComponent, selector: "sky-widget-section-item", inputs: ["data", "iconContainerClass", "iconClass", "iconSize", "iconWidth", "iconHeight", "buttonClass", "titleClass", "valueClass", "containerClass", "borderColorClass"], outputs: ["OnWidgetSectionClick"] }, { kind: "component", type: HRNextWeekVacationInsightsPopupComponent, selector: "hr-next-week-vacation-insights-popup", inputs: ["popupVisible", "popupType", "baseUrl", "width", "height", "gridHeight", "pageSize", "showProperty"], outputs: ["closePopupClickHandler"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3527
3423
|
}
|
|
3528
3424
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyNextWeekVacationInsightsWidgetComponent, decorators: [{
|
|
3529
3425
|
type: Component,
|
|
3530
|
-
args: [{ selector: 'hr-my-next-week-vacation-insights-widget', standalone: true, imports: [
|
|
3426
|
+
args: [{ selector: 'hr-my-next-week-vacation-insights-widget', standalone: true, imports: [
|
|
3427
|
+
CommonModule,
|
|
3428
|
+
HRTranslatePipe,
|
|
3429
|
+
FontAwesomeModule,
|
|
3430
|
+
SkyWidgetSectionItemComponent,
|
|
3431
|
+
HRNextWeekVacationInsightsPopupComponent,
|
|
3432
|
+
], providers: [HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cardClass()\">\n <div class=\"card-body d-flex flex-column p-0 mb-3\">\n <div [class]=\"titleClass()\">\n {{ 'NextWeekVacationInsights' | translate | uppercase }}\n </div>\n <div class=\"d-flex flex-column mt-3\">\n <div [ngClass]=\"firstRowClass()\">\n <sky-widget-section-item\n [data]=\"upcomingVacationsBadge()\"\n [containerClass]=\"upcomingContainerClass()\"\n [valueClass]=\"upcomingVacationsBadge().Value === 0 ? disabledValueClass() : valueClass()\"\n [ngClass]=\"{ 'pe-none': upcomingVacationsBadge().Value === 0 }\"\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.Upcoming)\"\n ></sky-widget-section-item>\n </div>\n <div [ngClass]=\"secondRowClass()\">\n <sky-widget-section-item\n [data]=\"expectedToReturnBadge()\"\n [containerClass]=\"expectedContainerClass()\"\n [valueClass]=\"expectedToReturnBadge().Value === 0 ? disabledValueClass() : valueClass()\"\n [ngClass]=\"{ 'pe-none': expectedToReturnBadge().Value === 0 }\"\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.ExpectedToReturn)\"\n ></sky-widget-section-item>\n </div>\n </div>\n </div>\n</div>\n\n<hr-next-week-vacation-insights-popup\n [popupVisible]=\"popupVisible()\"\n [popupType]=\"popupType()\"\n [baseUrl]=\"popupBaseUrl()\"\n [showProperty]=\"showProperty()\"\n (closePopupClickHandler)=\"closePopup()\"\n></hr-next-week-vacation-insights-popup>\n" }]
|
|
3531
3433
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], showProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProperty", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], disabledValueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledValueClass", required: false }] }], upcomingContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "upcomingContainerClass", required: false }] }], expectedContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "expectedContainerClass", required: false }] }], firstRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstRowClass", required: false }] }], secondRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondRowClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }] } });
|
|
3532
3434
|
|
|
3533
3435
|
class MyProfileExperiencesWidgetComponent {
|
|
@@ -3568,17 +3470,17 @@ class MyProfileExperiencesWidgetComponent {
|
|
|
3568
3470
|
}
|
|
3569
3471
|
this.isLoadingChanged.emit(true);
|
|
3570
3472
|
this.service.getEmployeeExperiences(this.baseUrl()).subscribe({
|
|
3571
|
-
next:
|
|
3473
|
+
next: res => {
|
|
3572
3474
|
this.experiences.set(res ?? []);
|
|
3573
3475
|
this.isLoading.set(false);
|
|
3574
3476
|
this.isLoadingChanged.emit(false);
|
|
3575
3477
|
},
|
|
3576
|
-
error:
|
|
3478
|
+
error: error => {
|
|
3577
3479
|
this.experiences.set([]);
|
|
3578
3480
|
this.isLoading.set(false);
|
|
3579
3481
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3580
3482
|
this.isLoadingChanged.emit(false);
|
|
3581
|
-
}
|
|
3483
|
+
},
|
|
3582
3484
|
});
|
|
3583
3485
|
}
|
|
3584
3486
|
onAttachmentView(file) {
|
|
@@ -3598,12 +3500,11 @@ class MyProfileExperiencesWidgetComponent {
|
|
|
3598
3500
|
return classes.join(' ');
|
|
3599
3501
|
}
|
|
3600
3502
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileExperiencesWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3601
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileExperiencesWidgetComponent, isStandalone: true, selector: "hr-my-profile-experiences-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, experienceIcon: { classPropertyName: "experienceIcon", publicName: "experienceIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, actionsSpacerClass: { classPropertyName: "actionsSpacerClass", publicName: "actionsSpacerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, itemRowClass: { classPropertyName: "itemRowClass", publicName: "itemRowClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnsWrapperClass: { classPropertyName: "itemColumnsWrapperClass", publicName: "itemColumnsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnClass: { classPropertyName: "itemColumnClass", publicName: "itemColumnClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomClass: { classPropertyName: "rowMarginBottomClass", publicName: "rowMarginBottomClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomEmptyClass: { classPropertyName: "rowMarginBottomEmptyClass", publicName: "rowMarginBottomEmptyClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3503
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileExperiencesWidgetComponent, isStandalone: true, selector: "hr-my-profile-experiences-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, experienceIcon: { classPropertyName: "experienceIcon", publicName: "experienceIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, actionsSpacerClass: { classPropertyName: "actionsSpacerClass", publicName: "actionsSpacerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, itemRowClass: { classPropertyName: "itemRowClass", publicName: "itemRowClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnsWrapperClass: { classPropertyName: "itemColumnsWrapperClass", publicName: "itemColumnsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnClass: { classPropertyName: "itemColumnClass", publicName: "itemColumnClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomClass: { classPropertyName: "rowMarginBottomClass", publicName: "rowMarginBottomClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomEmptyClass: { classPropertyName: "rowMarginBottomEmptyClass", publicName: "rowMarginBottomEmptyClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"experienceIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"wrapperClass\">\n @if (experiences().length > 0) {\n <div class=\"row\">\n <div [class]=\"headerRowClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Period' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Employer' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Position' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'TerminationReason' | translate }}</p>\n </div>\n </div>\n\n <div [class]=\"actionsSpacerClass()\"></div>\n\n @for (experience of experiences(); track experience) {\n <div [class]=\"itemColumnsWrapperClass()\">\n <div [class]=\"itemColumnClass()\">\n <p\n [class]=\"valueClass()\"\n [title]=\"(experience.StartDate | date: 'dd/MM/yyyy') + ' - ' + (experience.EndDate | date: 'dd/MM/yyyy')\"\n >\n {{ (experience.StartDate | date: 'dd/MM/yyyy') + ' - ' + (experience.EndDate | date: 'dd/MM/yyyy') }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.Employer ? experience.Employer : ''\">\n @if (experience.Employer) {\n {{ experience.Employer }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.Position ? experience.Position : ''\">\n @if (experience.Position) {\n {{ experience.Position }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.TerminationReason ? experience.TerminationReason : ''\">\n @if (experience.TerminationReason) {\n {{ experience.TerminationReason }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n </div>\n\n @if (experience.Document) {\n <div [class]=\"actionsColumnClass()\">\n <fa-icon [icon]=\"viewIcon()\" [class]=\"viewIconClass()\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\n <fa-icon [icon]=\"downloadIcon()\" [class]=\"downloadIconClass()\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\n </div>\n }\n }\n </div>\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoExperiencesYet' | translate)\"\n ></sky-empty-design-card>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3602
3504
|
}
|
|
3603
3505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileExperiencesWidgetComponent, decorators: [{
|
|
3604
3506
|
type: Component,
|
|
3605
|
-
args: [{ selector: 'hr-my-profile-experiences-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent,
|
|
3606
|
-
HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon()\"\r\n [text]=\"(sectionTitle() | translate | uppercase)\"\r\n [iconClass]=\"headerIconClass()\"\r\n [textClass]=\"headerTextClass()\"\r\n [dividerClass]=\"headerDividerClass()\">\r\n</sky-section-divider>\r\n\r\n<div [class]=\"wrapperClass\">\r\n\r\n @if(experiences().length > 0){\r\n\r\n <div class=\"row\">\r\n <div [class]=\"headerRowClass()\">\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"labelClass()\">{{'Period' | translate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"labelClass()\">{{'Employer' | translate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"labelClass()\">{{'Position' | translate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"labelClass()\">{{'TerminationReason' | translate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass()\"></div>\r\n\r\n @for (experience of experiences(); track experience){\r\n <div [class]=\"itemColumnsWrapperClass()\">\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"valueClass()\" [title]=\"(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')\">{{(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"valueClass()\" [title]=\"experience.Employer ? experience.Employer : ''\">\r\n @if(experience.Employer){\r\n {{experience.Employer}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"valueClass()\" [title]=\"experience.Position ? experience.Position : ''\">\r\n @if(experience.Position){\r\n {{experience.Position}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass()\">\r\n <p [class]=\"valueClass()\" [title]=\"experience.TerminationReason ? experience.TerminationReason : ''\">\r\n @if(experience.TerminationReason){\r\n {{experience.TerminationReason}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n </div>\r\n\r\n @if(experience.Document){\r\n <div [class]=\"actionsColumnClass()\">\r\n <fa-icon [icon]=\"viewIcon()\" [class]=\"viewIconClass()\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\r\n <fa-icon [icon]=\"downloadIcon()\" [class]=\"downloadIconClass()\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\r\n </div>\r\n }\r\n\r\n }\r\n\r\n </div>\r\n }@else{\r\n\r\n <sky-empty-design-card [containerClass]=\"emptyStateContainerClass()\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass()\"\r\n [emptyText]=\"isLoading() ? ((sectionTitle() | translate) + ' ' + ('IsLoading' | translate)) : ('ThereIsNoExperiencesYet' | translate)\">\r\n</sky-empty-design-card>\r\n\r\n }\r\n</div>\r\n" }]
|
|
3507
|
+
args: [{ selector: 'hr-my-profile-experiences-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"experienceIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"wrapperClass\">\n @if (experiences().length > 0) {\n <div class=\"row\">\n <div [class]=\"headerRowClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Period' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Employer' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Position' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'TerminationReason' | translate }}</p>\n </div>\n </div>\n\n <div [class]=\"actionsSpacerClass()\"></div>\n\n @for (experience of experiences(); track experience) {\n <div [class]=\"itemColumnsWrapperClass()\">\n <div [class]=\"itemColumnClass()\">\n <p\n [class]=\"valueClass()\"\n [title]=\"(experience.StartDate | date: 'dd/MM/yyyy') + ' - ' + (experience.EndDate | date: 'dd/MM/yyyy')\"\n >\n {{ (experience.StartDate | date: 'dd/MM/yyyy') + ' - ' + (experience.EndDate | date: 'dd/MM/yyyy') }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.Employer ? experience.Employer : ''\">\n @if (experience.Employer) {\n {{ experience.Employer }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.Position ? experience.Position : ''\">\n @if (experience.Position) {\n {{ experience.Position }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"experience.TerminationReason ? experience.TerminationReason : ''\">\n @if (experience.TerminationReason) {\n {{ experience.TerminationReason }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n </div>\n\n @if (experience.Document) {\n <div [class]=\"actionsColumnClass()\">\n <fa-icon [icon]=\"viewIcon()\" [class]=\"viewIconClass()\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\n <fa-icon [icon]=\"downloadIcon()\" [class]=\"downloadIconClass()\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\n </div>\n }\n }\n </div>\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoExperiencesYet' | translate)\"\n ></sky-empty-design-card>\n }\n</div>\n" }]
|
|
3607
3508
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], viewIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIcon", required: false }] }], downloadIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIcon", required: false }] }], experienceIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "experienceIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], headerRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerRowClass", required: false }] }], actionsSpacerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsSpacerClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], viewIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIconClass", required: false }] }], downloadIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIconClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], itemRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRowClass", required: false }] }], itemColumnsWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemColumnsWrapperClass", required: false }] }], itemColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemColumnClass", required: false }] }], actionsColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColumnClass", required: false }] }], rowMarginBottomClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMarginBottomClass", required: false }] }], rowMarginBottomEmptyClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMarginBottomEmptyClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], attachmentViewed: [{ type: i0.Output, args: ["attachmentViewed"] }], attachmentDownloaded: [{ type: i0.Output, args: ["attachmentDownloaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3608
3509
|
|
|
3609
3510
|
class MyProfileDegreesWidgetComponent {
|
|
@@ -3644,17 +3545,17 @@ class MyProfileDegreesWidgetComponent {
|
|
|
3644
3545
|
}
|
|
3645
3546
|
this.isLoadingChanged.emit(true);
|
|
3646
3547
|
this.service.getEmployeeDegrees(this.baseUrl()).subscribe({
|
|
3647
|
-
next:
|
|
3548
|
+
next: res => {
|
|
3648
3549
|
this.degrees.set(res ?? []);
|
|
3649
3550
|
this.isLoading.set(false);
|
|
3650
3551
|
this.isLoadingChanged.emit(false);
|
|
3651
3552
|
},
|
|
3652
|
-
error:
|
|
3553
|
+
error: error => {
|
|
3653
3554
|
this.degrees.set([]);
|
|
3654
3555
|
this.isLoading.set(false);
|
|
3655
3556
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
3656
3557
|
this.isLoadingChanged.emit(false);
|
|
3657
|
-
}
|
|
3558
|
+
},
|
|
3658
3559
|
});
|
|
3659
3560
|
}
|
|
3660
3561
|
get wrapperClass() {
|
|
@@ -3674,33 +3575,25 @@ class MyProfileDegreesWidgetComponent {
|
|
|
3674
3575
|
this.attachmentDownloaded.emit(file);
|
|
3675
3576
|
}
|
|
3676
3577
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileDegreesWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3677
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileDegreesWidgetComponent, isStandalone: true, selector: "hr-my-profile-degrees-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, degreesIcon: { classPropertyName: "degreesIcon", publicName: "degreesIcon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomClass: { classPropertyName: "rowMarginBottomClass", publicName: "rowMarginBottomClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomEmptyClass: { classPropertyName: "rowMarginBottomEmptyClass", publicName: "rowMarginBottomEmptyClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, actionsSpacerClass: { classPropertyName: "actionsSpacerClass", publicName: "actionsSpacerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, itemRowClass: { classPropertyName: "itemRowClass", publicName: "itemRowClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnsWrapperClass: { classPropertyName: "itemColumnsWrapperClass", publicName: "itemColumnsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnClass: { classPropertyName: "itemColumnClass", publicName: "itemColumnClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3578
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileDegreesWidgetComponent, isStandalone: true, selector: "hr-my-profile-degrees-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, degreesIcon: { classPropertyName: "degreesIcon", publicName: "degreesIcon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomClass: { classPropertyName: "rowMarginBottomClass", publicName: "rowMarginBottomClass", isSignal: true, isRequired: false, transformFunction: null }, rowMarginBottomEmptyClass: { classPropertyName: "rowMarginBottomEmptyClass", publicName: "rowMarginBottomEmptyClass", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, actionsSpacerClass: { classPropertyName: "actionsSpacerClass", publicName: "actionsSpacerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, itemRowClass: { classPropertyName: "itemRowClass", publicName: "itemRowClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnsWrapperClass: { classPropertyName: "itemColumnsWrapperClass", publicName: "itemColumnsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, itemColumnClass: { classPropertyName: "itemColumnClass", publicName: "itemColumnClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"degreesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"wrapperClass\">\n @if (degrees().length > 0) {\n <div class=\"row\">\n <div [class]=\"headerRowClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Degree/Year' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Country' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Specialty' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Institute' | translate }}</p>\n </div>\n </div>\n\n <div [class]=\"actionsSpacerClass()\"></div>\n\n @for (qualification of degrees(); track qualification) {\n <div [class]=\"itemColumnsWrapperClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.DegreeName + ' / ' + qualification.DegreeYear\">\n {{ qualification.DegreeName + ' / ' + qualification.DegreeYear }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.CountryName ? qualification.CountryName : ''\">\n {{ qualification.CountryName }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.Specialty ? qualification.Specialty : ''\">\n @if (qualification.Specialty) {\n {{ qualification.Specialty }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.Institute ? qualification.Institute : ''\">\n @if (qualification.Institute) {\n {{ qualification.Institute }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n </div>\n\n @if (qualification.Document) {\n <div [class]=\"actionsColumnClass()\">\n <fa-icon [icon]=\"viewIcon()\" [class]=\"viewIconClass()\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\n <fa-icon [icon]=\"downloadIcon()\" [class]=\"downloadIconClass()\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\n </div>\n }\n }\n </div>\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoDegreesYet' | translate)\"\n ></sky-empty-design-card>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3678
3579
|
}
|
|
3679
3580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileDegreesWidgetComponent, decorators: [{
|
|
3680
3581
|
type: Component,
|
|
3681
|
-
args: [{ selector: 'hr-my-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider
|
|
3582
|
+
args: [{ selector: 'hr-my-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"degreesIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"wrapperClass\">\n @if (degrees().length > 0) {\n <div class=\"row\">\n <div [class]=\"headerRowClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Degree/Year' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Country' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Specialty' | translate }}</p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"labelClass()\">{{ 'Institute' | translate }}</p>\n </div>\n </div>\n\n <div [class]=\"actionsSpacerClass()\"></div>\n\n @for (qualification of degrees(); track qualification) {\n <div [class]=\"itemColumnsWrapperClass()\">\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.DegreeName + ' / ' + qualification.DegreeYear\">\n {{ qualification.DegreeName + ' / ' + qualification.DegreeYear }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.CountryName ? qualification.CountryName : ''\">\n {{ qualification.CountryName }}\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.Specialty ? qualification.Specialty : ''\">\n @if (qualification.Specialty) {\n {{ qualification.Specialty }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n\n <div [class]=\"itemColumnClass()\">\n <p [class]=\"valueClass()\" [title]=\"qualification.Institute ? qualification.Institute : ''\">\n @if (qualification.Institute) {\n {{ qualification.Institute }}\n } @else {\n {{ '\u2014' }}\n }\n </p>\n </div>\n </div>\n\n @if (qualification.Document) {\n <div [class]=\"actionsColumnClass()\">\n <fa-icon [icon]=\"viewIcon()\" [class]=\"viewIconClass()\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\n <fa-icon [icon]=\"downloadIcon()\" [class]=\"downloadIconClass()\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\n </div>\n }\n }\n </div>\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoDegreesYet' | translate)\"\n ></sky-empty-design-card>\n }\n</div>\n" }]
|
|
3682
3583
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], degreesIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "degreesIcon", required: false }] }], viewIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIcon", required: false }] }], downloadIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], rowMarginBottomClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMarginBottomClass", required: false }] }], rowMarginBottomEmptyClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMarginBottomEmptyClass", required: false }] }], headerRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerRowClass", required: false }] }], actionsSpacerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsSpacerClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], viewIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIconClass", required: false }] }], downloadIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIconClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], itemRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRowClass", required: false }] }], itemColumnsWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemColumnsWrapperClass", required: false }] }], itemColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemColumnClass", required: false }] }], actionsColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColumnClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], attachmentViewed: [{ type: i0.Output, args: ["attachmentViewed"] }], attachmentDownloaded: [{ type: i0.Output, args: ["attachmentDownloaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3683
3584
|
|
|
3684
3585
|
class WidgetCardComponent {
|
|
3685
|
-
cardClass = 'bg-white shadow-sm p-3 border-1 border';
|
|
3686
|
-
height = 110;
|
|
3687
|
-
contentTemplate;
|
|
3688
|
-
context;
|
|
3586
|
+
cardClass = input('bg-white shadow-sm p-3 border-1 border', ...(ngDevMode ? [{ debugName: "cardClass" }] : /* istanbul ignore next */ []));
|
|
3587
|
+
height = input(110, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
|
|
3588
|
+
contentTemplate = input.required(...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
|
|
3589
|
+
context = input(undefined, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
|
|
3689
3590
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WidgetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3690
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3591
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: WidgetCardComponent, isStandalone: true, selector: "hr-widget-card", inputs: { cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: true, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"cardClass()\" [style.height.px]=\"height()\" style=\"overflow: hidden\">\n <ng-container *ngTemplateOutlet=\"contentTemplate(); context: context()\"></ng-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3691
3592
|
}
|
|
3692
3593
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WidgetCardComponent, decorators: [{
|
|
3693
3594
|
type: Component,
|
|
3694
|
-
args: [{ selector: 'hr-widget-card', standalone: true, imports: [CommonModule], template: "<div [class]=\"cardClass\" [style.height.px]=\"height\" style=\"overflow: hidden
|
|
3695
|
-
}], propDecorators: { cardClass: [{
|
|
3696
|
-
type: Input
|
|
3697
|
-
}], height: [{
|
|
3698
|
-
type: Input
|
|
3699
|
-
}], contentTemplate: [{
|
|
3700
|
-
type: Input
|
|
3701
|
-
}], context: [{
|
|
3702
|
-
type: Input
|
|
3703
|
-
}] } });
|
|
3595
|
+
args: [{ selector: 'hr-widget-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cardClass()\" [style.height.px]=\"height()\" style=\"overflow: hidden\">\n <ng-container *ngTemplateOutlet=\"contentTemplate(); context: context()\"></ng-container>\n</div>\n" }]
|
|
3596
|
+
}], propDecorators: { cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: true }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }] } });
|
|
3704
3597
|
|
|
3705
3598
|
class MyDependentsWidgetComponent {
|
|
3706
3599
|
baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : /* istanbul ignore next */ []));
|
|
@@ -3722,7 +3615,7 @@ class MyDependentsWidgetComponent {
|
|
|
3722
3615
|
}
|
|
3723
3616
|
this.isLoadingChanged.emit(true);
|
|
3724
3617
|
this.service.getEmployeeDependents(this.baseUrl()).subscribe({
|
|
3725
|
-
next:
|
|
3618
|
+
next: res => {
|
|
3726
3619
|
this.dependents.set(res ?? []);
|
|
3727
3620
|
this.isLoading.set(false);
|
|
3728
3621
|
this.isLoadingChanged.emit(false);
|
|
@@ -3731,15 +3624,21 @@ class MyDependentsWidgetComponent {
|
|
|
3731
3624
|
this.dependents.set([]);
|
|
3732
3625
|
this.isLoading.set(false);
|
|
3733
3626
|
this.isLoadingChanged.emit(false);
|
|
3734
|
-
}
|
|
3627
|
+
},
|
|
3735
3628
|
});
|
|
3736
3629
|
}
|
|
3737
3630
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyDependentsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3738
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyDependentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-dependents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider
|
|
3631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyDependentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-dependents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n <div class=\"row mb-5\">\n @if (dependents().length) {\n @for (d of dependents(); track d) {\n <div class=\"col-lg-4 col-6 mt-4\">\n <hr-widget-card [contentTemplate]=\"dependentTemplate\" [context]=\"{ d: d }\" [height]=\"110\"></hr-widget-card>\n </div>\n }\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoDependentsYet' | translate)\"\n ></sky-empty-design-card>\n }\n </div>\n</div>\n\n<ng-template #dependentTemplate let-d=\"d\">\n <p class=\"text-dark fs-16 mb-2 d-flex\">\n <span class=\"text-truncate cursor-pointer\" [title]=\"d.DependentName\">\n {{ d.DependentName }}\n </span>\n <span class=\"mx-1\">({{ d.DependentTypeName }})</span>\n </p>\n <p class=\"mb-2 fs-12\">\n <span class=\"text-muted\">{{ 'BirthDate' | translate }}:</span>\n <span class=\"text-secondary mx-1\">{{ d.BirthDate | date: 'dd/MM/yyyy' }}</span>\n </p>\n <p class=\"mb-0 fs-12\">\n <span class=\"text-muted\">{{ 'NationalNumber' | translate }}:</span>\n @if (d.NationalNumber) {\n <span class=\"text-secondary mx-1\">{{ d.NationalNumber }}</span>\n } @else {\n <span class=\"text-secondary mx-1\">\u2014</span>\n }\n </p>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WidgetCardComponent, selector: "hr-widget-card", inputs: ["cardClass", "height", "contentTemplate", "context"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3739
3632
|
}
|
|
3740
3633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyDependentsWidgetComponent, decorators: [{
|
|
3741
3634
|
type: Component,
|
|
3742
|
-
args: [{ selector: 'hr-my-profile-dependents-widget', standalone: true, imports: [
|
|
3635
|
+
args: [{ selector: 'hr-my-profile-dependents-widget', standalone: true, imports: [
|
|
3636
|
+
CommonModule,
|
|
3637
|
+
WidgetCardComponent,
|
|
3638
|
+
HRTranslatePipe,
|
|
3639
|
+
SkyEmptyDesignCardComponent,
|
|
3640
|
+
SkySectionDividerComponent,
|
|
3641
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n <div class=\"row mb-5\">\n @if (dependents().length) {\n @for (d of dependents(); track d) {\n <div class=\"col-lg-4 col-6 mt-4\">\n <hr-widget-card [contentTemplate]=\"dependentTemplate\" [context]=\"{ d: d }\" [height]=\"110\"></hr-widget-card>\n </div>\n }\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoDependentsYet' | translate)\"\n ></sky-empty-design-card>\n }\n </div>\n</div>\n\n<ng-template #dependentTemplate let-d=\"d\">\n <p class=\"text-dark fs-16 mb-2 d-flex\">\n <span class=\"text-truncate cursor-pointer\" [title]=\"d.DependentName\">\n {{ d.DependentName }}\n </span>\n <span class=\"mx-1\">({{ d.DependentTypeName }})</span>\n </p>\n <p class=\"mb-2 fs-12\">\n <span class=\"text-muted\">{{ 'BirthDate' | translate }}:</span>\n <span class=\"text-secondary mx-1\">{{ d.BirthDate | date: 'dd/MM/yyyy' }}</span>\n </p>\n <p class=\"mb-0 fs-12\">\n <span class=\"text-muted\">{{ 'NationalNumber' | translate }}:</span>\n @if (d.NationalNumber) {\n <span class=\"text-secondary mx-1\">{{ d.NationalNumber }}</span>\n } @else {\n <span class=\"text-secondary mx-1\">\u2014</span>\n }\n </p>\n</ng-template>\n" }]
|
|
3743
3642
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }] } });
|
|
3744
3643
|
|
|
3745
3644
|
class MyProfileVacationsWidgetComponent {
|
|
@@ -3771,25 +3670,25 @@ class MyProfileVacationsWidgetComponent {
|
|
|
3771
3670
|
loadData() {
|
|
3772
3671
|
this.isLoadingChanged.emit(true);
|
|
3773
3672
|
this.selfWidgetsService.getEntitlementsVacations(this.baseUrl()).subscribe({
|
|
3774
|
-
next:
|
|
3673
|
+
next: data => {
|
|
3775
3674
|
this.vacationEntitlements.set(data ?? []);
|
|
3776
3675
|
this.isLoading.set(false);
|
|
3777
3676
|
this.isLoadingChanged.emit(false);
|
|
3778
3677
|
},
|
|
3779
|
-
error:
|
|
3678
|
+
error: error => {
|
|
3780
3679
|
this.vacationEntitlements.set([]);
|
|
3781
3680
|
this.isLoading.set(false);
|
|
3782
3681
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
3783
3682
|
this.isLoadingChanged.emit(false);
|
|
3784
|
-
}
|
|
3683
|
+
},
|
|
3785
3684
|
});
|
|
3786
3685
|
}
|
|
3787
3686
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileVacationsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3788
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileVacationsWidgetComponent, isStandalone: true, selector: "hr-my-profile-vacations-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, vacationsIcon: { classPropertyName: "vacationsIcon", publicName: "vacationsIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, labelColumnClass: { classPropertyName: "labelColumnClass", publicName: "labelColumnClass", isSignal: true, isRequired: false, transformFunction: null }, valueColumnClass: { classPropertyName: "valueColumnClass", publicName: "valueColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3687
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileVacationsWidgetComponent, isStandalone: true, selector: "hr-my-profile-vacations-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, vacationsIcon: { classPropertyName: "vacationsIcon", publicName: "vacationsIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, labelColumnClass: { classPropertyName: "labelColumnClass", publicName: "labelColumnClass", isSignal: true, isRequired: false, transformFunction: null }, valueColumnClass: { classPropertyName: "valueColumnClass", publicName: "valueColumnClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"vacationsIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (vacationEntitlements().length > 0) {\n <div [class]=\"rowClass()\">\n <div [class]=\"labelClass()\" [ngClass]=\"labelColumnClass()\">{{ 'Type' | translate }}</div>\n <div [class]=\"labelClass()\" [ngClass]=\"valueColumnClass()\">{{ 'Entitlement' | translate }}</div>\n @for (vacationEntitlement of vacationEntitlements(); track vacationEntitlement) {\n <div [class]=\"valueClass()\" [ngClass]=\"labelColumnClass()\">\n {{ vacationEntitlement.VacationTypeName }}\n </div>\n <div [class]=\"valueClass()\" [ngClass]=\"valueColumnClass()\">\n {{ vacationEntitlement.EntitlementDays }}\n </div>\n }\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('There\\'sNoInformationInThisSectionYet' | translate)\n \"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3789
3688
|
}
|
|
3790
3689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileVacationsWidgetComponent, decorators: [{
|
|
3791
3690
|
type: Component,
|
|
3792
|
-
args: [{ selector: 'hr-my-profile-vacations-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider
|
|
3691
|
+
args: [{ selector: 'hr-my-profile-vacations-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"vacationsIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (vacationEntitlements().length > 0) {\n <div [class]=\"rowClass()\">\n <div [class]=\"labelClass()\" [ngClass]=\"labelColumnClass()\">{{ 'Type' | translate }}</div>\n <div [class]=\"labelClass()\" [ngClass]=\"valueColumnClass()\">{{ 'Entitlement' | translate }}</div>\n @for (vacationEntitlement of vacationEntitlements(); track vacationEntitlement) {\n <div [class]=\"valueClass()\" [ngClass]=\"labelColumnClass()\">\n {{ vacationEntitlement.VacationTypeName }}\n </div>\n <div [class]=\"valueClass()\" [ngClass]=\"valueColumnClass()\">\n {{ vacationEntitlement.EntitlementDays }}\n </div>\n }\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('There\\'sNoInformationInThisSectionYet' | translate)\n \"\n ></sky-empty-design-card>\n}\n" }]
|
|
3793
3692
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], vacationsIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "vacationsIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], labelColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelColumnClass", required: false }] }], valueColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueColumnClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3794
3693
|
|
|
3795
3694
|
class MyProfileIndemnityWidgetComponent {
|
|
@@ -3825,27 +3724,33 @@ class MyProfileIndemnityWidgetComponent {
|
|
|
3825
3724
|
loadData() {
|
|
3826
3725
|
this.isLoadingChanged.emit(true);
|
|
3827
3726
|
this.selfWidgetsService.getEntitlementsIndemnity(this.baseUrl()).subscribe({
|
|
3828
|
-
next:
|
|
3727
|
+
next: data => {
|
|
3829
3728
|
this.indemnityDetails.set(data);
|
|
3830
3729
|
this.isLoading.set(false);
|
|
3831
3730
|
this.hasDataChanged.emit(!!this.indemnityDetails());
|
|
3832
3731
|
this.isLoadingChanged.emit(false);
|
|
3833
3732
|
},
|
|
3834
|
-
error:
|
|
3733
|
+
error: error => {
|
|
3835
3734
|
this.indemnityDetails.set(null);
|
|
3836
3735
|
this.isLoading.set(false);
|
|
3837
3736
|
this.hasDataChanged.emit(false);
|
|
3838
3737
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
3839
3738
|
this.isLoadingChanged.emit(false);
|
|
3840
|
-
}
|
|
3739
|
+
},
|
|
3841
3740
|
});
|
|
3842
3741
|
}
|
|
3843
3742
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileIndemnityWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3844
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileIndemnityWidgetComponent, isStandalone: true, selector: "hr-my-profile-indemnity-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, indemnityIcon: { classPropertyName: "indemnityIcon", publicName: "indemnityIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColumnClass: { classPropertyName: "topSpacingColumnClass", publicName: "topSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred", hasDataChanged: "hasDataChanged" }, ngImport: i0, template: "<sky-section-divider
|
|
3743
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileIndemnityWidgetComponent, isStandalone: true, selector: "hr-my-profile-indemnity-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDecimals: { classPropertyName: "currencyDecimals", publicName: "currencyDecimals", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, indemnityIcon: { classPropertyName: "indemnityIcon", publicName: "indemnityIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColumnClass: { classPropertyName: "topSpacingColumnClass", publicName: "topSpacingColumnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred", hasDataChanged: "hasDataChanged" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"indemnityIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (indemnityDetails()) {\n <div [class]=\"rowClass()\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"IndemnityEligibility\"\n [value]=\"(indemnityDetails()!.IsEligibleForIndemnity ? 'Eligible' : 'NotEligible') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"ServiceYears\"\n [value]=\"'' + (indemnityDetails()!.IndemnityServiceYears ?? '')\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColumnClass()\">\n <hr-info-field\n labelKey=\"StartDate\"\n [value]=\"indemnityDetails()!.IndemnityStartDate | date: dateFormat()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('There\\'sNoInformationInThisSectionYet' | translate)\n \"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3845
3744
|
}
|
|
3846
3745
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileIndemnityWidgetComponent, decorators: [{
|
|
3847
3746
|
type: Component,
|
|
3848
|
-
args: [{ selector: 'hr-my-profile-indemnity-widget', standalone: true, imports: [
|
|
3747
|
+
args: [{ selector: 'hr-my-profile-indemnity-widget', standalone: true, imports: [
|
|
3748
|
+
CommonModule,
|
|
3749
|
+
HRTranslatePipe,
|
|
3750
|
+
SkySectionDividerComponent,
|
|
3751
|
+
SkyEmptyDesignCardComponent,
|
|
3752
|
+
HRInfoFieldComponent,
|
|
3753
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"indemnityIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (indemnityDetails()) {\n <div [class]=\"rowClass()\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"IndemnityEligibility\"\n [value]=\"(indemnityDetails()!.IsEligibleForIndemnity ? 'Eligible' : 'NotEligible') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"ServiceYears\"\n [value]=\"'' + (indemnityDetails()!.IndemnityServiceYears ?? '')\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n\n <div [class]=\"topSpacingColumnClass()\">\n <hr-info-field\n labelKey=\"StartDate\"\n [value]=\"indemnityDetails()!.IndemnityStartDate | date: dateFormat()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('There\\'sNoInformationInThisSectionYet' | translate)\n \"\n ></sky-empty-design-card>\n}\n" }]
|
|
3849
3754
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], currencyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyCode", required: false }] }], currencyDecimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDecimals", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], indemnityIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "indemnityIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], topSpacingColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingColumnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], hasDataChanged: [{ type: i0.Output, args: ["hasDataChanged"] }] } });
|
|
3850
3755
|
|
|
3851
3756
|
class HRTicketCardComponent {
|
|
@@ -3862,11 +3767,11 @@ class HRTicketCardComponent {
|
|
|
3862
3767
|
labelClass = 'text-secondary';
|
|
3863
3768
|
valueClass = 'text-dark-gray mx-1';
|
|
3864
3769
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRTicketCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3865
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRTicketCardComponent, isStandalone: true, selector: "hr-ticket-card", inputs: { name: "name", typeName: "typeName", entitlementText: "entitlementText", ticketClassName: "ticketClassName", ticketSectorName: "ticketSectorName", isDependent: "isDependent", cardClass: "cardClass", cardHeight: "cardHeight", nameClass: "nameClass", subtitleClass: "subtitleClass", labelClass: "labelClass", valueClass: "valueClass" }, ngImport: i0, template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"
|
|
3770
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRTicketCardComponent, isStandalone: true, selector: "hr-ticket-card", inputs: { name: "name", typeName: "typeName", entitlementText: "entitlementText", ticketClassName: "ticketClassName", ticketSectorName: "ticketSectorName", isDependent: "isDependent", cardClass: "cardClass", cardHeight: "cardHeight", nameClass: "nameClass", subtitleClass: "subtitleClass", labelClass: "labelClass", valueClass: "valueClass" }, ngImport: i0, template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"></hr-widget-card>\n\n<ng-template #cardContent>\n <p [class]=\"nameClass\" [ngClass]=\"isDependent ? 'd-flex' : ''\">\n @if (isDependent) {\n <span class=\"text-ellipsis-one-line cursor-pointer\" [title]=\"name\">{{ name }}</span>\n <span class=\"mx-1\">({{ typeName }})</span>\n } @else {\n {{ name }} ({{ 'Me' | translate }})\n }\n </p>\n <p [class]=\"subtitleClass\">{{ entitlementText }}</p>\n @if (!isDependent) {\n <p class=\"fs-12 mb-2\">\n <span [class]=\"labelClass\">{{ 'Class' | translate }}:</span>\n <span [class]=\"valueClass\">{{ ticketClassName }}</span>\n </p>\n <p class=\"fs-12\">\n <span [class]=\"labelClass\">{{ 'Sector' | translate }}:</span>\n <span [class]=\"valueClass\">{{ ticketSectorName }}</span>\n </p>\n }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: WidgetCardComponent, selector: "hr-widget-card", inputs: ["cardClass", "height", "contentTemplate", "context"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }] });
|
|
3866
3771
|
}
|
|
3867
3772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRTicketCardComponent, decorators: [{
|
|
3868
3773
|
type: Component,
|
|
3869
|
-
args: [{ selector: 'hr-ticket-card', standalone: true, imports: [CommonModule, HRTranslatePipe, WidgetCardComponent], template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"
|
|
3774
|
+
args: [{ selector: 'hr-ticket-card', standalone: true, imports: [CommonModule, HRTranslatePipe, WidgetCardComponent], template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"></hr-widget-card>\n\n<ng-template #cardContent>\n <p [class]=\"nameClass\" [ngClass]=\"isDependent ? 'd-flex' : ''\">\n @if (isDependent) {\n <span class=\"text-ellipsis-one-line cursor-pointer\" [title]=\"name\">{{ name }}</span>\n <span class=\"mx-1\">({{ typeName }})</span>\n } @else {\n {{ name }} ({{ 'Me' | translate }})\n }\n </p>\n <p [class]=\"subtitleClass\">{{ entitlementText }}</p>\n @if (!isDependent) {\n <p class=\"fs-12 mb-2\">\n <span [class]=\"labelClass\">{{ 'Class' | translate }}:</span>\n <span [class]=\"valueClass\">{{ ticketClassName }}</span>\n </p>\n <p class=\"fs-12\">\n <span [class]=\"labelClass\">{{ 'Sector' | translate }}:</span>\n <span [class]=\"valueClass\">{{ ticketSectorName }}</span>\n </p>\n }\n</ng-template>\n" }]
|
|
3870
3775
|
}], propDecorators: { name: [{
|
|
3871
3776
|
type: Input,
|
|
3872
3777
|
args: [{ required: true }]
|
|
@@ -3927,20 +3832,20 @@ class MyProfileTicketWidgetComponent {
|
|
|
3927
3832
|
loadData() {
|
|
3928
3833
|
this.isLoadingChanged.emit(true);
|
|
3929
3834
|
this.selfWidgetsService.getEntitlementsTicket(this.baseUrl()).subscribe({
|
|
3930
|
-
next:
|
|
3835
|
+
next: data => {
|
|
3931
3836
|
this.ticketDetails.set(data);
|
|
3932
3837
|
this.isLoading.set(false);
|
|
3933
3838
|
const details = this.ticketDetails();
|
|
3934
3839
|
this.hasData.set(!!details?.EmployeeTicketDetails || (details?.DependentTicketDetails?.length ?? 0) > 0);
|
|
3935
3840
|
this.isLoadingChanged.emit(false);
|
|
3936
3841
|
},
|
|
3937
|
-
error:
|
|
3842
|
+
error: error => {
|
|
3938
3843
|
this.ticketDetails.set(null);
|
|
3939
3844
|
this.isLoading.set(false);
|
|
3940
3845
|
this.hasData.set(false);
|
|
3941
3846
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
3942
3847
|
this.isLoadingChanged.emit(false);
|
|
3943
|
-
}
|
|
3848
|
+
},
|
|
3944
3849
|
});
|
|
3945
3850
|
}
|
|
3946
3851
|
getMonthsPerTicketEntitlement(monthsPerTicketEntitlement) {
|
|
@@ -3958,11 +3863,17 @@ class MyProfileTicketWidgetComponent {
|
|
|
3958
3863
|
return this.translatePipe.transform('NotEntitled');
|
|
3959
3864
|
}
|
|
3960
3865
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileTicketWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3961
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileTicketWidgetComponent, isStandalone: true, selector: "hr-my-profile-ticket-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, ticketsIcon: { classPropertyName: "ticketsIcon", publicName: "ticketsIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, nameClass: { classPropertyName: "nameClass", publicName: "nameClass", isSignal: true, isRequired: false, transformFunction: null }, subtitleClass: { classPropertyName: "subtitleClass", publicName: "subtitleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, providers: [HRTranslatePipe], ngImport: i0, template: "@if(hasData()){\
|
|
3866
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileTicketWidgetComponent, isStandalone: true, selector: "hr-my-profile-ticket-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, ticketsIcon: { classPropertyName: "ticketsIcon", publicName: "ticketsIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, nameClass: { classPropertyName: "nameClass", publicName: "nameClass", isSignal: true, isRequired: false, transformFunction: null }, subtitleClass: { classPropertyName: "subtitleClass", publicName: "subtitleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, providers: [HRTranslatePipe], ngImport: i0, template: "@if (hasData()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"ticketsIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n @let details = ticketDetails();\n @if (details) {\n @let employeeDetails = details.EmployeeTicketDetails;\n @if (!employeeDetails && details.DependentTicketDetails?.length == 0) {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"'NoTicketEntitlement' | translate\"\n ></sky-empty-design-card>\n } @else {\n <div class=\"row mb-5\">\n @if (employeeDetails) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-ticket-card\n [name]=\"employeeDetails.EmployeeFirstName\"\n [entitlementText]=\"getMonthsPerTicketEntitlement(employeeDetails.MonthsPerTicketEntitlement)\"\n [ticketClassName]=\"employeeDetails.TicketClassName\"\n [ticketSectorName]=\"employeeDetails.TicketSectorName\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [subtitleClass]=\"subtitleClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-ticket-card>\n </div>\n }\n @for (dependent of details.DependentTicketDetails ?? []; track dependent) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-ticket-card\n [name]=\"dependent.DependentName\"\n [typeName]=\"dependent.DependentTypeName\"\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\n [isDependent]=\"true\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [subtitleClass]=\"subtitleClass()\"\n ></hr-ticket-card>\n </div>\n }\n </div>\n }\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('NoTicketEntitlement' | translate)\"\n ></sky-empty-design-card>\n }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRTicketCardComponent, selector: "hr-ticket-card", inputs: ["name", "typeName", "entitlementText", "ticketClassName", "ticketSectorName", "isDependent", "cardClass", "cardHeight", "nameClass", "subtitleClass", "labelClass", "valueClass"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3962
3867
|
}
|
|
3963
3868
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileTicketWidgetComponent, decorators: [{
|
|
3964
3869
|
type: Component,
|
|
3965
|
-
args: [{ selector: 'hr-my-profile-ticket-widget', standalone: true, imports: [
|
|
3870
|
+
args: [{ selector: 'hr-my-profile-ticket-widget', standalone: true, imports: [
|
|
3871
|
+
CommonModule,
|
|
3872
|
+
HRTranslatePipe,
|
|
3873
|
+
SkySectionDividerComponent,
|
|
3874
|
+
SkyEmptyDesignCardComponent,
|
|
3875
|
+
HRTicketCardComponent,
|
|
3876
|
+
], providers: [HRTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasData()) {\n <sky-section-divider\n [fontAwesomeIcon]=\"ticketsIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n ></sky-section-divider>\n\n @let details = ticketDetails();\n @if (details) {\n @let employeeDetails = details.EmployeeTicketDetails;\n @if (!employeeDetails && details.DependentTicketDetails?.length == 0) {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"'NoTicketEntitlement' | translate\"\n ></sky-empty-design-card>\n } @else {\n <div class=\"row mb-5\">\n @if (employeeDetails) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-ticket-card\n [name]=\"employeeDetails.EmployeeFirstName\"\n [entitlementText]=\"getMonthsPerTicketEntitlement(employeeDetails.MonthsPerTicketEntitlement)\"\n [ticketClassName]=\"employeeDetails.TicketClassName\"\n [ticketSectorName]=\"employeeDetails.TicketSectorName\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [subtitleClass]=\"subtitleClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-ticket-card>\n </div>\n }\n @for (dependent of details.DependentTicketDetails ?? []; track dependent) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-ticket-card\n [name]=\"dependent.DependentName\"\n [typeName]=\"dependent.DependentTypeName\"\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\n [isDependent]=\"true\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [subtitleClass]=\"subtitleClass()\"\n ></hr-ticket-card>\n </div>\n }\n </div>\n }\n } @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('NoTicketEntitlement' | translate)\"\n ></sky-empty-design-card>\n }\n}\n" }]
|
|
3966
3877
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], ticketsIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "ticketsIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], cardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardHeight", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], nameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "nameClass", required: false }] }], subtitleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitleClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
3967
3878
|
|
|
3968
3879
|
class HRMedicalInsuranceCardComponent {
|
|
@@ -3976,11 +3887,11 @@ class HRMedicalInsuranceCardComponent {
|
|
|
3976
3887
|
labelClass = 'field-secondary-label-sm';
|
|
3977
3888
|
valueClass = 'text-dark-gray mx-1';
|
|
3978
3889
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRMedicalInsuranceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3979
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRMedicalInsuranceCardComponent, isStandalone: true, selector: "hr-medical-insurance-card", inputs: { name: "name", typeName: "typeName", isDependent: "isDependent", fields: "fields", cardClass: "cardClass", cardHeight: "cardHeight", nameClass: "nameClass", labelClass: "labelClass", valueClass: "valueClass" }, ngImport: i0, template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"
|
|
3890
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRMedicalInsuranceCardComponent, isStandalone: true, selector: "hr-medical-insurance-card", inputs: { name: "name", typeName: "typeName", isDependent: "isDependent", fields: "fields", cardClass: "cardClass", cardHeight: "cardHeight", nameClass: "nameClass", labelClass: "labelClass", valueClass: "valueClass" }, ngImport: i0, template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"></hr-widget-card>\n\n<ng-template #cardContent>\n <p [class]=\"nameClass\" [ngClass]=\"isDependent ? 'd-flex' : ''\">\n @if (isDependent) {\n <span class=\"text-ellipsis-one-line cursor-pointer\" [title]=\"name\">{{ name }}</span>\n <span class=\"mx-1\">({{ typeName }})</span>\n } @else {\n {{ name }} ({{ 'Me' | translate }})\n }\n </p>\n @for (field of fields; track field.labelKey; let last = $last) {\n <p [class.mb-2]=\"!last\">\n <span [class]=\"labelClass\">{{ field.labelKey | translate }}:</span>\n <span [class]=\"valueClass\">{{ field.value || (field.fallbackValue ?? '\u2014') }}</span>\n </p>\n }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: WidgetCardComponent, selector: "hr-widget-card", inputs: ["cardClass", "height", "contentTemplate", "context"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }] });
|
|
3980
3891
|
}
|
|
3981
3892
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRMedicalInsuranceCardComponent, decorators: [{
|
|
3982
3893
|
type: Component,
|
|
3983
|
-
args: [{ selector: 'hr-medical-insurance-card', standalone: true, imports: [CommonModule, HRTranslatePipe, WidgetCardComponent], template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"
|
|
3894
|
+
args: [{ selector: 'hr-medical-insurance-card', standalone: true, imports: [CommonModule, HRTranslatePipe, WidgetCardComponent], template: "<hr-widget-card [cardClass]=\"cardClass\" [height]=\"cardHeight\" [contentTemplate]=\"cardContent\"></hr-widget-card>\n\n<ng-template #cardContent>\n <p [class]=\"nameClass\" [ngClass]=\"isDependent ? 'd-flex' : ''\">\n @if (isDependent) {\n <span class=\"text-ellipsis-one-line cursor-pointer\" [title]=\"name\">{{ name }}</span>\n <span class=\"mx-1\">({{ typeName }})</span>\n } @else {\n {{ name }} ({{ 'Me' | translate }})\n }\n </p>\n @for (field of fields; track field.labelKey; let last = $last) {\n <p [class.mb-2]=\"!last\">\n <span [class]=\"labelClass\">{{ field.labelKey | translate }}:</span>\n <span [class]=\"valueClass\">{{ field.value || (field.fallbackValue ?? '\u2014') }}</span>\n </p>\n }\n</ng-template>\n" }]
|
|
3984
3895
|
}], propDecorators: { name: [{
|
|
3985
3896
|
type: Input,
|
|
3986
3897
|
args: [{ required: true }]
|
|
@@ -4035,18 +3946,18 @@ class MyProfileMedicalInsuranceWidgetComponent {
|
|
|
4035
3946
|
loadData() {
|
|
4036
3947
|
this.isLoadingChanged.emit(true);
|
|
4037
3948
|
this.selfWidgetsService.getEntitlementsMedicalInsurance(this.baseUrl()).subscribe({
|
|
4038
|
-
next:
|
|
3949
|
+
next: data => {
|
|
4039
3950
|
this.medicalInsuranceDetails.set(data);
|
|
4040
3951
|
this.buildEmployeeFields();
|
|
4041
3952
|
this.isLoading.set(false);
|
|
4042
3953
|
this.isLoadingChanged.emit(false);
|
|
4043
3954
|
},
|
|
4044
|
-
error:
|
|
3955
|
+
error: error => {
|
|
4045
3956
|
this.medicalInsuranceDetails.set(null);
|
|
4046
3957
|
this.isLoading.set(false);
|
|
4047
3958
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
4048
3959
|
this.isLoadingChanged.emit(false);
|
|
4049
|
-
}
|
|
3960
|
+
},
|
|
4050
3961
|
});
|
|
4051
3962
|
}
|
|
4052
3963
|
buildEmployeeFields() {
|
|
@@ -4059,22 +3970,28 @@ class MyProfileMedicalInsuranceWidgetComponent {
|
|
|
4059
3970
|
{ labelKey: 'Number', value: emp.MedicalInsuranceNumber },
|
|
4060
3971
|
{ labelKey: 'CoverageDate', value: this.datePipe.transform(emp.CoverageDate, this.dateFormat()) },
|
|
4061
3972
|
{ labelKey: 'TotalEmployeeShare', value: details.TotalEmployeeShare },
|
|
4062
|
-
{ labelKey: 'TotalEmployerShare', value: details.TotalEmployerShare }
|
|
3973
|
+
{ labelKey: 'TotalEmployerShare', value: details.TotalEmployerShare },
|
|
4063
3974
|
]);
|
|
4064
3975
|
}
|
|
4065
3976
|
getDependentFields(dependent) {
|
|
4066
3977
|
return [
|
|
4067
3978
|
{ labelKey: 'Class', value: dependent.MedicalInsuranceClassName },
|
|
4068
3979
|
{ labelKey: 'Number', value: dependent.MedicalInsuranceNumber },
|
|
4069
|
-
{ labelKey: 'CoverageDate', value: this.datePipe.transform(dependent.CoverageDate, this.dateFormat()) }
|
|
3980
|
+
{ labelKey: 'CoverageDate', value: this.datePipe.transform(dependent.CoverageDate, this.dateFormat()) },
|
|
4070
3981
|
];
|
|
4071
3982
|
}
|
|
4072
3983
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileMedicalInsuranceWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4073
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileMedicalInsuranceWidgetComponent, isStandalone: true, selector: "hr-my-profile-medical-insurance-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, medicalInsuranceIcon: { classPropertyName: "medicalInsuranceIcon", publicName: "medicalInsuranceIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, nameClass: { classPropertyName: "nameClass", publicName: "nameClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
3984
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileMedicalInsuranceWidgetComponent, isStandalone: true, selector: "hr-my-profile-medical-insurance-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, medicalInsuranceIcon: { classPropertyName: "medicalInsuranceIcon", publicName: "medicalInsuranceIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, cardHeight: { classPropertyName: "cardHeight", publicName: "cardHeight", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, nameClass: { classPropertyName: "nameClass", publicName: "nameClass", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"medicalInsuranceIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (medicalInsuranceDetails()) {\n <div class=\"row mb-5\">\n @if (medicalInsuranceDetails()!.EmployeeMedicalInsurance) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-medical-insurance-card\n [name]=\"medicalInsuranceDetails()?.EmployeeMedicalInsurance?.EmployeeFirstName || ''\"\n [fields]=\"employeeFields()\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-medical-insurance-card>\n </div>\n }\n @for (dependent of medicalInsuranceDetails()!.DependentsMedicalInsurance; track dependent) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-medical-insurance-card\n [name]=\"dependent.DependentName\"\n [typeName]=\"dependent.DependentTypeName\"\n [isDependent]=\"true\"\n [fields]=\"getDependentFields(dependent)\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-medical-insurance-card>\n </div>\n }\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('NotCoveredByMedicalInsurance' | translate)\n \"\n ></sky-empty-design-card>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRMedicalInsuranceCardComponent, selector: "hr-medical-insurance-card", inputs: ["name", "typeName", "isDependent", "fields", "cardClass", "cardHeight", "nameClass", "labelClass", "valueClass"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4074
3985
|
}
|
|
4075
3986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileMedicalInsuranceWidgetComponent, decorators: [{
|
|
4076
3987
|
type: Component,
|
|
4077
|
-
args: [{ selector: 'hr-my-profile-medical-insurance-widget', standalone: true, imports: [
|
|
3988
|
+
args: [{ selector: 'hr-my-profile-medical-insurance-widget', standalone: true, imports: [
|
|
3989
|
+
CommonModule,
|
|
3990
|
+
HRTranslatePipe,
|
|
3991
|
+
SkySectionDividerComponent,
|
|
3992
|
+
SkyEmptyDesignCardComponent,
|
|
3993
|
+
HRMedicalInsuranceCardComponent,
|
|
3994
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"medicalInsuranceIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n@if (medicalInsuranceDetails()) {\n <div class=\"row mb-5\">\n @if (medicalInsuranceDetails()!.EmployeeMedicalInsurance) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-medical-insurance-card\n [name]=\"medicalInsuranceDetails()?.EmployeeMedicalInsurance?.EmployeeFirstName || ''\"\n [fields]=\"employeeFields()\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-medical-insurance-card>\n </div>\n }\n @for (dependent of medicalInsuranceDetails()!.DependentsMedicalInsurance; track dependent) {\n <div [class]=\"columnClass()\" [style.height.px]=\"cardHeight()\">\n <hr-medical-insurance-card\n [name]=\"dependent.DependentName\"\n [typeName]=\"dependent.DependentTypeName\"\n [isDependent]=\"true\"\n [fields]=\"getDependentFields(dependent)\"\n [cardClass]=\"cardClass()\"\n [cardHeight]=\"cardHeight()\"\n [nameClass]=\"nameClass()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-medical-insurance-card>\n </div>\n }\n </div>\n} @else {\n <sky-empty-design-card\n [containerClass]=\"emptyStateContainerClass()\"\n [cardBodyClass]=\"''\"\n [cardBodyContainerClass]=\"''\"\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('NotCoveredByMedicalInsurance' | translate)\n \"\n ></sky-empty-design-card>\n}\n" }]
|
|
4078
3995
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], medicalInsuranceIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "medicalInsuranceIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], cardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardHeight", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], nameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "nameClass", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
4079
3996
|
|
|
4080
3997
|
class MyProfileEntitlementsOthersWidgetComponent {
|
|
@@ -4105,27 +4022,27 @@ class MyProfileEntitlementsOthersWidgetComponent {
|
|
|
4105
4022
|
this.isLoadingChanged.emit(true);
|
|
4106
4023
|
forkJoin({
|
|
4107
4024
|
overtime: this.selfWidgetsService.getEntitlementsOvertime(this.baseUrl()),
|
|
4108
|
-
socialSecurity: this.selfWidgetsService.getEntitlementsSocialSecurity(this.baseUrl())
|
|
4025
|
+
socialSecurity: this.selfWidgetsService.getEntitlementsSocialSecurity(this.baseUrl()),
|
|
4109
4026
|
}).subscribe({
|
|
4110
|
-
next:
|
|
4027
|
+
next: responses => {
|
|
4111
4028
|
this.isEligibleForOvertime.set(responses.overtime.ResponseData?.IsEligibleForOvertime ?? false);
|
|
4112
4029
|
this.isSocialSecurityMember.set(responses.socialSecurity.ResponseData?.IsSocialSecurityMember ?? false);
|
|
4113
4030
|
this.isLoading.set(false);
|
|
4114
4031
|
this.isLoadingChanged.emit(false);
|
|
4115
4032
|
},
|
|
4116
|
-
error:
|
|
4033
|
+
error: error => {
|
|
4117
4034
|
this.isLoading.set(false);
|
|
4118
4035
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
4119
4036
|
this.isLoadingChanged.emit(false);
|
|
4120
|
-
}
|
|
4037
|
+
},
|
|
4121
4038
|
});
|
|
4122
4039
|
}
|
|
4123
4040
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileEntitlementsOthersWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4124
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyProfileEntitlementsOthersWidgetComponent, isStandalone: true, selector: "hr-my-profile-entitlements-others-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, othersIcon: { classPropertyName: "othersIcon", publicName: "othersIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider
|
|
4041
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MyProfileEntitlementsOthersWidgetComponent, isStandalone: true, selector: "hr-my-profile-entitlements-others-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, othersIcon: { classPropertyName: "othersIcon", publicName: "othersIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, columnClass: { classPropertyName: "columnClass", publicName: "columnClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"othersIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"rowClass()\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"OvertimeEligibility\"\n [value]=\"(isEligibleForOvertime() ? 'Eligible' : 'NotEligible') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"SocialSecurityEligibility\"\n [value]=\"(isSocialSecurityMember() ? 'Member' : 'NotMember') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4125
4042
|
}
|
|
4126
4043
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileEntitlementsOthersWidgetComponent, decorators: [{
|
|
4127
4044
|
type: Component,
|
|
4128
|
-
args: [{ selector: 'hr-my-profile-entitlements-others-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider
|
|
4045
|
+
args: [{ selector: 'hr-my-profile-entitlements-others-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"othersIcon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div [class]=\"rowClass()\">\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"OvertimeEligibility\"\n [value]=\"(isEligibleForOvertime() ? 'Eligible' : 'NotEligible') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n <div [class]=\"columnClass()\">\n <hr-info-field\n labelKey=\"SocialSecurityEligibility\"\n [value]=\"(isSocialSecurityMember() ? 'Member' : 'NotMember') | translate\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n ></hr-info-field>\n </div>\n</div>\n" }]
|
|
4129
4046
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], othersIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "othersIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], columnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
4130
4047
|
|
|
4131
4048
|
class HRDocumentRowComponent {
|
|
@@ -4155,11 +4072,11 @@ class HRDocumentRowComponent {
|
|
|
4155
4072
|
this.download.emit(this.doc);
|
|
4156
4073
|
}
|
|
4157
4074
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRDocumentRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRDocumentRowComponent, isStandalone: true, selector: "hr-document-row", inputs: { doc: "doc", valueClass: "valueClass", viewIcon: "viewIcon", downloadIcon: "downloadIcon", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass" }, outputs: { attachmentView: "attachmentView", download: "download" }, ngImport: i0, template: "<div [class]=\"rowClass\">\
|
|
4075
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRDocumentRowComponent, isStandalone: true, selector: "hr-document-row", inputs: { doc: "doc", valueClass: "valueClass", viewIcon: "viewIcon", downloadIcon: "downloadIcon", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass" }, outputs: { attachmentView: "attachmentView", download: "download" }, ngImport: i0, template: "<div [class]=\"rowClass\">\n <div [class]=\"dataColClass + ' ' + dataColSpacingClass\">\n <div [class]=\"dataRowClass\">\n <div [class]=\"typeColClass\">\n <p [class]=\"valueClass + ' mb-0 text-ellipsis-one-line'\" [title]=\"doc.DocumentTypeName\">\n {{ doc.DocumentTypeName }}\n </p>\n </div>\n\n <div [class]=\"numberColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.DocumentNumber || '\u2014' }}\n </p>\n </div>\n\n <div [class]=\"issueDateColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.IssueDate ? (doc.IssueDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n\n <div [class]=\"expiryDateColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n </div>\n </div>\n\n <div [class]=\"actionsColClass\">\n @if (doc.Attachments?.length) {\n <div [class]=\"actionsWrapperClass\">\n @if (doc.Attachments.length === 1) {\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView()\"></fa-icon>\n } @else {\n <div class=\"invisible\">\n <fa-icon [icon]=\"viewIcon\"></fa-icon>\n </div>\n }\n\n <div [class]=\"downloadContainerClass\" (click)=\"onDownload()\">\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\"></fa-icon>\n <span class=\"ps-1\">{{ doc.Attachments.length }}</span>\n </div>\n </div>\n }\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }] });
|
|
4159
4076
|
}
|
|
4160
4077
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRDocumentRowComponent, decorators: [{
|
|
4161
4078
|
type: Component,
|
|
4162
|
-
args: [{ selector: 'hr-document-row', standalone: true, imports: [CommonModule, FontAwesomeModule], template: "<div [class]=\"rowClass\">\
|
|
4079
|
+
args: [{ selector: 'hr-document-row', standalone: true, imports: [CommonModule, FontAwesomeModule], template: "<div [class]=\"rowClass\">\n <div [class]=\"dataColClass + ' ' + dataColSpacingClass\">\n <div [class]=\"dataRowClass\">\n <div [class]=\"typeColClass\">\n <p [class]=\"valueClass + ' mb-0 text-ellipsis-one-line'\" [title]=\"doc.DocumentTypeName\">\n {{ doc.DocumentTypeName }}\n </p>\n </div>\n\n <div [class]=\"numberColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.DocumentNumber || '\u2014' }}\n </p>\n </div>\n\n <div [class]=\"issueDateColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.IssueDate ? (doc.IssueDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n\n <div [class]=\"expiryDateColClass\">\n <p [class]=\"valueClass + ' mb-0'\">\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n </div>\n </div>\n\n <div [class]=\"actionsColClass\">\n @if (doc.Attachments?.length) {\n <div [class]=\"actionsWrapperClass\">\n @if (doc.Attachments.length === 1) {\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView()\"></fa-icon>\n } @else {\n <div class=\"invisible\">\n <fa-icon [icon]=\"viewIcon\"></fa-icon>\n </div>\n }\n\n <div [class]=\"downloadContainerClass\" (click)=\"onDownload()\">\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\"></fa-icon>\n <span class=\"ps-1\">{{ doc.Attachments.length }}</span>\n </div>\n </div>\n }\n </div>\n</div>\n" }]
|
|
4163
4080
|
}], propDecorators: { doc: [{
|
|
4164
4081
|
type: Input
|
|
4165
4082
|
}], valueClass: [{
|
|
@@ -4231,11 +4148,11 @@ class HRDocumentCardComponent {
|
|
|
4231
4148
|
this.download.emit(doc);
|
|
4232
4149
|
}
|
|
4233
4150
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRDocumentCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4234
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRDocumentCardComponent, isStandalone: true, selector: "hr-document-card", inputs: { title: "title", documents: "documents", titleContainerClass: "titleContainerClass", titleClass: "titleClass", valueClass: "valueClass", viewIcon: "viewIcon", downloadIcon: "downloadIcon", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", labelClass: "labelClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass" }, outputs: { attachmentView: "attachmentView", download: "download" }, ngImport: i0, template: "@if(title) {\
|
|
4151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HRDocumentCardComponent, isStandalone: true, selector: "hr-document-card", inputs: { title: "title", documents: "documents", titleContainerClass: "titleContainerClass", titleClass: "titleClass", valueClass: "valueClass", viewIcon: "viewIcon", downloadIcon: "downloadIcon", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", labelClass: "labelClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass" }, outputs: { attachmentView: "attachmentView", download: "download" }, ngImport: i0, template: "@if (title) {\n <div [class]=\"titleContainerClass\">\n <p [class]=\"titleClass\">{{ title }}</p>\n </div>\n}\n\n<div [class]=\"rowClass\">\n <div [class]=\"dataColClass\">\n <div class=\"row g-1\">\n <div [class]=\"typeColClass\">\n <p [class]=\"labelClass\">{{ 'Type' | translate }}</p>\n </div>\n\n <div [class]=\"numberColClass\">\n <p [class]=\"labelClass\">{{ 'DocumentNumber' | translate }}</p>\n </div>\n\n <div [class]=\"issueDateColClass\">\n <p [class]=\"labelClass\">{{ 'IssueDate' | translate }}</p>\n </div>\n\n <div [class]=\"expiryDateColClass\">\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | translate }}</p>\n </div>\n </div>\n </div>\n\n <div [class]=\"actionsColClass\"></div>\n</div>\n\n@for (doc of documents; track doc) {\n <hr-document-row\n [doc]=\"doc\"\n [valueClass]=\"valueClass\"\n [viewIcon]=\"viewIcon\"\n [downloadIcon]=\"downloadIcon\"\n [viewIconClass]=\"viewIconClass\"\n [downloadIconClass]=\"downloadIconClass\"\n [rowClass]=\"rowClass\"\n [dataColClass]=\"dataColClass\"\n [dataColSpacingClass]=\"dataColSpacingClass\"\n [dataRowClass]=\"dataRowClass\"\n [typeColClass]=\"typeColClass\"\n [numberColClass]=\"numberColClass\"\n [issueDateColClass]=\"issueDateColClass\"\n [expiryDateColClass]=\"expiryDateColClass\"\n [actionsColClass]=\"actionsColClass\"\n [actionsWrapperClass]=\"actionsWrapperClass\"\n [downloadContainerClass]=\"downloadContainerClass\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-row>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRDocumentRowComponent, selector: "hr-document-row", inputs: ["doc", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }] });
|
|
4235
4152
|
}
|
|
4236
4153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HRDocumentCardComponent, decorators: [{
|
|
4237
4154
|
type: Component,
|
|
4238
|
-
args: [{ selector: 'hr-document-card', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, HRDocumentRowComponent], template: "@if(title) {\
|
|
4155
|
+
args: [{ selector: 'hr-document-card', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, HRDocumentRowComponent], template: "@if (title) {\n <div [class]=\"titleContainerClass\">\n <p [class]=\"titleClass\">{{ title }}</p>\n </div>\n}\n\n<div [class]=\"rowClass\">\n <div [class]=\"dataColClass\">\n <div class=\"row g-1\">\n <div [class]=\"typeColClass\">\n <p [class]=\"labelClass\">{{ 'Type' | translate }}</p>\n </div>\n\n <div [class]=\"numberColClass\">\n <p [class]=\"labelClass\">{{ 'DocumentNumber' | translate }}</p>\n </div>\n\n <div [class]=\"issueDateColClass\">\n <p [class]=\"labelClass\">{{ 'IssueDate' | translate }}</p>\n </div>\n\n <div [class]=\"expiryDateColClass\">\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | translate }}</p>\n </div>\n </div>\n </div>\n\n <div [class]=\"actionsColClass\"></div>\n</div>\n\n@for (doc of documents; track doc) {\n <hr-document-row\n [doc]=\"doc\"\n [valueClass]=\"valueClass\"\n [viewIcon]=\"viewIcon\"\n [downloadIcon]=\"downloadIcon\"\n [viewIconClass]=\"viewIconClass\"\n [downloadIconClass]=\"downloadIconClass\"\n [rowClass]=\"rowClass\"\n [dataColClass]=\"dataColClass\"\n [dataColSpacingClass]=\"dataColSpacingClass\"\n [dataRowClass]=\"dataRowClass\"\n [typeColClass]=\"typeColClass\"\n [numberColClass]=\"numberColClass\"\n [issueDateColClass]=\"issueDateColClass\"\n [expiryDateColClass]=\"expiryDateColClass\"\n [actionsColClass]=\"actionsColClass\"\n [actionsWrapperClass]=\"actionsWrapperClass\"\n [downloadContainerClass]=\"downloadContainerClass\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-row>\n}\n" }]
|
|
4239
4156
|
}], propDecorators: { title: [{
|
|
4240
4157
|
type: Input
|
|
4241
4158
|
}], documents: [{
|
|
@@ -4312,11 +4229,11 @@ class HrDocumentTabletCardComponent {
|
|
|
4312
4229
|
this.download.emit(this.doc);
|
|
4313
4230
|
}
|
|
4314
4231
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HrDocumentTabletCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4315
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HrDocumentTabletCardComponent, isStandalone: true, selector: "hr-document-tablet-card", inputs: { doc: "doc", isOdd: "isOdd", downloadIcon: "downloadIcon", viewIcon: "viewIcon", cardHeight: "cardHeight", labelClass: "labelClass", valueClass: "valueClass", downloadIconClass: "downloadIconClass", downloadContainerClass: "downloadContainerClass", downloadCountClass: "downloadCountClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass" }, outputs: { view: "view", download: "download" }, ngImport: i0, template: "<div [class]=\"tabletContainerClass\">\
|
|
4232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: HrDocumentTabletCardComponent, isStandalone: true, selector: "hr-document-tablet-card", inputs: { doc: "doc", isOdd: "isOdd", downloadIcon: "downloadIcon", viewIcon: "viewIcon", cardHeight: "cardHeight", labelClass: "labelClass", valueClass: "valueClass", downloadIconClass: "downloadIconClass", downloadContainerClass: "downloadContainerClass", downloadCountClass: "downloadCountClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass" }, outputs: { view: "view", download: "download" }, ngImport: i0, template: "<div [class]=\"tabletContainerClass\">\n <div [class]=\"tabletCardClass\" [style.height]=\"cardHeight\" [ngClass]=\"{ 'me-1': !isOdd, 'ms-1': isOdd }\">\n <div [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\">\n <p [class]=\"labelClass\">{{ 'Type' | translate }}</p>\n <p [class]=\"valueClass\">{{ doc.DocumentTypeName }}</p>\n </div>\n\n <div [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\">\n <p [class]=\"labelClass\">{{ 'Number' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.DocumentNumber || '\u2014' }}\n </p>\n </div>\n\n @if (doc.Attachments?.length) {\n <div [class]=\"tabletActionsColClass\">\n <div [class]=\"downloadContainerClass\" (click)=\"onDownload()\">\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\"></fa-icon>\n <span [class]=\"downloadCountClass\">\n {{ doc.Attachments.length }}\n </span>\n </div>\n </div>\n }\n\n <div\n [class]=\"tabletBottomRowSpacingClass\"\n [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\"\n >\n <p [class]=\"labelClass\">{{ 'IssueDate' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.IssueDate ? (doc.IssueDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n\n <div\n [class]=\"tabletBottomRowSpacingClass\"\n [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\"\n >\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }] });
|
|
4316
4233
|
}
|
|
4317
4234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HrDocumentTabletCardComponent, decorators: [{
|
|
4318
4235
|
type: Component,
|
|
4319
|
-
args: [{ selector: 'hr-document-tablet-card', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe], template: "<div [class]=\"tabletContainerClass\">\
|
|
4236
|
+
args: [{ selector: 'hr-document-tablet-card', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe], template: "<div [class]=\"tabletContainerClass\">\n <div [class]=\"tabletCardClass\" [style.height]=\"cardHeight\" [ngClass]=\"{ 'me-1': !isOdd, 'ms-1': isOdd }\">\n <div [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\">\n <p [class]=\"labelClass\">{{ 'Type' | translate }}</p>\n <p [class]=\"valueClass\">{{ doc.DocumentTypeName }}</p>\n </div>\n\n <div [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\">\n <p [class]=\"labelClass\">{{ 'Number' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.DocumentNumber || '\u2014' }}\n </p>\n </div>\n\n @if (doc.Attachments?.length) {\n <div [class]=\"tabletActionsColClass\">\n <div [class]=\"downloadContainerClass\" (click)=\"onDownload()\">\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\"></fa-icon>\n <span [class]=\"downloadCountClass\">\n {{ doc.Attachments.length }}\n </span>\n </div>\n </div>\n }\n\n <div\n [class]=\"tabletBottomRowSpacingClass\"\n [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\"\n >\n <p [class]=\"labelClass\">{{ 'IssueDate' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.IssueDate ? (doc.IssueDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n\n <div\n [class]=\"tabletBottomRowSpacingClass\"\n [ngClass]=\"doc.Attachments?.length ? tabletColWithAttachmentClass : tabletColWithoutAttachmentClass\"\n >\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | translate }}</p>\n <p [class]=\"valueClass\">\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date: 'dd/MM/yyyy') : '\u2014' }}\n </p>\n </div>\n </div>\n</div>\n" }]
|
|
4320
4237
|
}], propDecorators: { doc: [{
|
|
4321
4238
|
type: Input
|
|
4322
4239
|
}], isOdd: [{
|
|
@@ -4422,7 +4339,7 @@ class MyProfileDependentsDocumentsWidgetComponent {
|
|
|
4422
4339
|
this.isLoading.set(false);
|
|
4423
4340
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
4424
4341
|
this.isLoadingChanged.emit(false);
|
|
4425
|
-
}
|
|
4342
|
+
},
|
|
4426
4343
|
});
|
|
4427
4344
|
}
|
|
4428
4345
|
onAttachmentView(doc) {
|
|
@@ -4437,11 +4354,19 @@ class MyProfileDependentsDocumentsWidgetComponent {
|
|
|
4437
4354
|
this.attachmentDownloaded.emit(attachments);
|
|
4438
4355
|
}
|
|
4439
4356
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileDependentsDocumentsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4440
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileDependentsDocumentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-dependents-documents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, titleContainerClass: { classPropertyName: "titleContainerClass", publicName: "titleContainerClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, dataColClass: { classPropertyName: "dataColClass", publicName: "dataColClass", isSignal: true, isRequired: false, transformFunction: null }, dataColSpacingClass: { classPropertyName: "dataColSpacingClass", publicName: "dataColSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, dataRowClass: { classPropertyName: "dataRowClass", publicName: "dataRowClass", isSignal: true, isRequired: false, transformFunction: null }, typeColClass: { classPropertyName: "typeColClass", publicName: "typeColClass", isSignal: true, isRequired: false, transformFunction: null }, numberColClass: { classPropertyName: "numberColClass", publicName: "numberColClass", isSignal: true, isRequired: false, transformFunction: null }, issueDateColClass: { classPropertyName: "issueDateColClass", publicName: "issueDateColClass", isSignal: true, isRequired: false, transformFunction: null }, expiryDateColClass: { classPropertyName: "expiryDateColClass", publicName: "expiryDateColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColClass: { classPropertyName: "actionsColClass", publicName: "actionsColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsWrapperClass: { classPropertyName: "actionsWrapperClass", publicName: "actionsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, downloadContainerClass: { classPropertyName: "downloadContainerClass", publicName: "downloadContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletContainerClass: { classPropertyName: "tabletContainerClass", publicName: "tabletContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardClass: { classPropertyName: "tabletCardClass", publicName: "tabletCardClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardHeight: { classPropertyName: "tabletCardHeight", publicName: "tabletCardHeight", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithAttachmentClass: { classPropertyName: "tabletColWithAttachmentClass", publicName: "tabletColWithAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithoutAttachmentClass: { classPropertyName: "tabletColWithoutAttachmentClass", publicName: "tabletColWithoutAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletActionsColClass: { classPropertyName: "tabletActionsColClass", publicName: "tabletActionsColClass", isSignal: true, isRequired: false, transformFunction: null }, tabletBottomRowSpacingClass: { classPropertyName: "tabletBottomRowSpacingClass", publicName: "tabletBottomRowSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, tabletDownloadCountClass: { classPropertyName: "tabletDownloadCountClass", publicName: "tabletDownloadCountClass", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon()\"\r\n [text]=\"(sectionTitle() | translate | uppercase)\"\r\n [iconClass]=\"headerIconClass()\"\r\n [textClass]=\"headerTextClass()\"\r\n [dividerClass]=\"headerDividerClass()\">\r\n</sky-section-divider>\r\n\r\n<div class=\"mt-4\">\r\n\r\n @if(groups().length) {\r\n\r\n @for(group of groups(); track group; let first = $first) {\r\n\r\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\" [class.mt-3]=\"!first\">\r\n\r\n @if(!(isTablet() || isMobile())) {\r\n\r\n <hr-document-card [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\r\n [documents]=\"group.Documents\"\r\n [valueClass]=\"valueClass()\"\r\n [viewIcon]=\"viewIcon()\"\r\n [downloadIcon]=\"downloadIcon()\"\r\n [viewIconClass]=\"viewIconClass()\"\r\n [downloadIconClass]=\"downloadIconClass()\"\r\n [titleContainerClass]=\"titleContainerClass()\"\r\n [titleClass]=\"titleClass()\"\r\n [labelClass]=\"labelClass()\"\r\n [rowClass]=\"rowClass()\"\r\n [dataColClass]=\"dataColClass()\"\r\n [dataColSpacingClass]=\"dataColSpacingClass()\"\r\n [dataRowClass]=\"dataRowClass()\"\r\n [typeColClass]=\"typeColClass()\"\r\n [numberColClass]=\"numberColClass()\"\r\n [issueDateColClass]=\"issueDateColClass()\"\r\n [expiryDateColClass]=\"expiryDateColClass()\"\r\n [actionsColClass]=\"actionsColClass()\"\r\n [actionsWrapperClass]=\"actionsWrapperClass()\"\r\n [downloadContainerClass]=\"downloadContainerClass()\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else{\r\n <div [class]=\"titleContainerClass()\">\r\n <p [class]=\"titleClass()\">\r\n {{ group.DependentName }} ({{ group.DependentTypeName }})\r\n </p>\r\n </div>\r\n <div class=\"row mx-1\">\r\n @for(doc of group.Documents; track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon()\"\r\n [downloadIcon]=\"downloadIcon()\"\r\n [labelClass]=\"labelClass()\"\r\n [valueClass]=\"valueClass()\"\r\n [downloadIconClass]=\"downloadIconClass()\"\r\n [downloadContainerClass]=\"downloadContainerClass()\"\r\n [downloadCountClass]=\"tabletDownloadCountClass()\"\r\n [tabletContainerClass]=\"tabletContainerClass()\"\r\n [tabletCardClass]=\"tabletCardClass()\"\r\n [cardHeight]=\"tabletCardHeight()\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\r\n [tabletActionsColClass]=\"tabletActionsColClass()\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass()\"\r\n [emptyTextClass]=\"emptyStateTextClass()\"\r\n [emptyText]=\"isLoading() ? ((sectionTitle() | translate) + ' ' + ('IsLoading' | translate)) : ('ThereAreNoDependentsDocumentsYet' | translate)\">\r\n </sky-empty-design-card>\r\n\r\n }\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfileDependentsDocumentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-dependents-documents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, titleContainerClass: { classPropertyName: "titleContainerClass", publicName: "titleContainerClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, dataColClass: { classPropertyName: "dataColClass", publicName: "dataColClass", isSignal: true, isRequired: false, transformFunction: null }, dataColSpacingClass: { classPropertyName: "dataColSpacingClass", publicName: "dataColSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, dataRowClass: { classPropertyName: "dataRowClass", publicName: "dataRowClass", isSignal: true, isRequired: false, transformFunction: null }, typeColClass: { classPropertyName: "typeColClass", publicName: "typeColClass", isSignal: true, isRequired: false, transformFunction: null }, numberColClass: { classPropertyName: "numberColClass", publicName: "numberColClass", isSignal: true, isRequired: false, transformFunction: null }, issueDateColClass: { classPropertyName: "issueDateColClass", publicName: "issueDateColClass", isSignal: true, isRequired: false, transformFunction: null }, expiryDateColClass: { classPropertyName: "expiryDateColClass", publicName: "expiryDateColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColClass: { classPropertyName: "actionsColClass", publicName: "actionsColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsWrapperClass: { classPropertyName: "actionsWrapperClass", publicName: "actionsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, downloadContainerClass: { classPropertyName: "downloadContainerClass", publicName: "downloadContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletContainerClass: { classPropertyName: "tabletContainerClass", publicName: "tabletContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardClass: { classPropertyName: "tabletCardClass", publicName: "tabletCardClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardHeight: { classPropertyName: "tabletCardHeight", publicName: "tabletCardHeight", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithAttachmentClass: { classPropertyName: "tabletColWithAttachmentClass", publicName: "tabletColWithAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithoutAttachmentClass: { classPropertyName: "tabletColWithoutAttachmentClass", publicName: "tabletColWithoutAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletActionsColClass: { classPropertyName: "tabletActionsColClass", publicName: "tabletActionsColClass", isSignal: true, isRequired: false, transformFunction: null }, tabletBottomRowSpacingClass: { classPropertyName: "tabletBottomRowSpacingClass", publicName: "tabletBottomRowSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, tabletDownloadCountClass: { classPropertyName: "tabletDownloadCountClass", publicName: "tabletDownloadCountClass", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n @if (groups().length) {\n @for (group of groups(); track group; let first = $first) {\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\" [class.mt-3]=\"!first\">\n @if (!(isTablet() || isMobile())) {\n <hr-document-card\n [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\n [documents]=\"group.Documents\"\n [valueClass]=\"valueClass()\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [viewIconClass]=\"viewIconClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [titleContainerClass]=\"titleContainerClass()\"\n [titleClass]=\"titleClass()\"\n [labelClass]=\"labelClass()\"\n [rowClass]=\"rowClass()\"\n [dataColClass]=\"dataColClass()\"\n [dataColSpacingClass]=\"dataColSpacingClass()\"\n [dataRowClass]=\"dataRowClass()\"\n [typeColClass]=\"typeColClass()\"\n [numberColClass]=\"numberColClass()\"\n [issueDateColClass]=\"issueDateColClass()\"\n [expiryDateColClass]=\"expiryDateColClass()\"\n [actionsColClass]=\"actionsColClass()\"\n [actionsWrapperClass]=\"actionsWrapperClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-card>\n } @else {\n <div [class]=\"titleContainerClass()\">\n <p [class]=\"titleClass()\">{{ group.DependentName }} ({{ group.DependentTypeName }})</p>\n </div>\n <div class=\"row mx-1\">\n @for (doc of group.Documents; track doc; let odd = $odd) {\n <div class=\"col-6 mb-2\">\n <hr-document-tablet-card\n [doc]=\"doc\"\n [isOdd]=\"odd\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n [downloadCountClass]=\"tabletDownloadCountClass()\"\n [tabletContainerClass]=\"tabletContainerClass()\"\n [tabletCardClass]=\"tabletCardClass()\"\n [cardHeight]=\"tabletCardHeight()\"\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\n [tabletActionsColClass]=\"tabletActionsColClass()\"\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\n (view)=\"onAttachmentView(doc)\"\n (download)=\"onDownload(doc)\"\n ></hr-document-tablet-card>\n </div>\n }\n </div>\n }\n </div>\n }\n } @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoDependentsDocumentsYet' | translate)\n \"\n ></sky-empty-design-card>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4441
4358
|
}
|
|
4442
4359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfileDependentsDocumentsWidgetComponent, decorators: [{
|
|
4443
4360
|
type: Component,
|
|
4444
|
-
args: [{ selector: 'hr-my-profile-dependents-documents-widget', standalone: true, imports: [
|
|
4361
|
+
args: [{ selector: 'hr-my-profile-dependents-documents-widget', standalone: true, imports: [
|
|
4362
|
+
CommonModule,
|
|
4363
|
+
SkySectionDividerComponent,
|
|
4364
|
+
HRTranslatePipe,
|
|
4365
|
+
SkyEmptyDesignCardComponent,
|
|
4366
|
+
FontAwesomeModule,
|
|
4367
|
+
HRDocumentCardComponent,
|
|
4368
|
+
HrDocumentTabletCardComponent,
|
|
4369
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n @if (groups().length) {\n @for (group of groups(); track group; let first = $first) {\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\" [class.mt-3]=\"!first\">\n @if (!(isTablet() || isMobile())) {\n <hr-document-card\n [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\n [documents]=\"group.Documents\"\n [valueClass]=\"valueClass()\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [viewIconClass]=\"viewIconClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [titleContainerClass]=\"titleContainerClass()\"\n [titleClass]=\"titleClass()\"\n [labelClass]=\"labelClass()\"\n [rowClass]=\"rowClass()\"\n [dataColClass]=\"dataColClass()\"\n [dataColSpacingClass]=\"dataColSpacingClass()\"\n [dataRowClass]=\"dataRowClass()\"\n [typeColClass]=\"typeColClass()\"\n [numberColClass]=\"numberColClass()\"\n [issueDateColClass]=\"issueDateColClass()\"\n [expiryDateColClass]=\"expiryDateColClass()\"\n [actionsColClass]=\"actionsColClass()\"\n [actionsWrapperClass]=\"actionsWrapperClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-card>\n } @else {\n <div [class]=\"titleContainerClass()\">\n <p [class]=\"titleClass()\">{{ group.DependentName }} ({{ group.DependentTypeName }})</p>\n </div>\n <div class=\"row mx-1\">\n @for (doc of group.Documents; track doc; let odd = $odd) {\n <div class=\"col-6 mb-2\">\n <hr-document-tablet-card\n [doc]=\"doc\"\n [isOdd]=\"odd\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n [downloadCountClass]=\"tabletDownloadCountClass()\"\n [tabletContainerClass]=\"tabletContainerClass()\"\n [tabletCardClass]=\"tabletCardClass()\"\n [cardHeight]=\"tabletCardHeight()\"\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\n [tabletActionsColClass]=\"tabletActionsColClass()\"\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\n (view)=\"onAttachmentView(doc)\"\n (download)=\"onDownload(doc)\"\n ></hr-document-tablet-card>\n </div>\n }\n </div>\n }\n </div>\n }\n } @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoDependentsDocumentsYet' | translate)\n \"\n ></sky-empty-design-card>\n }\n</div>\n" }]
|
|
4445
4370
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], viewIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIcon", required: false }] }], downloadIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], viewIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIconClass", required: false }] }], downloadIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIconClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], topSpacingColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingColClass", required: false }] }], titleContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleContainerClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], actionsColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColumnClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], dataColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataColClass", required: false }] }], dataColSpacingClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataColSpacingClass", required: false }] }], dataRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataRowClass", required: false }] }], typeColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeColClass", required: false }] }], numberColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberColClass", required: false }] }], issueDateColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "issueDateColClass", required: false }] }], expiryDateColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "expiryDateColClass", required: false }] }], actionsColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColClass", required: false }] }], actionsWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsWrapperClass", required: false }] }], downloadContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadContainerClass", required: false }] }], tabletContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletContainerClass", required: false }] }], tabletCardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletCardClass", required: false }] }], tabletCardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletCardHeight", required: false }] }], tabletColWithAttachmentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletColWithAttachmentClass", required: false }] }], tabletColWithoutAttachmentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletColWithoutAttachmentClass", required: false }] }], tabletActionsColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletActionsColClass", required: false }] }], tabletBottomRowSpacingClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletBottomRowSpacingClass", required: false }] }], tabletDownloadCountClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletDownloadCountClass", required: false }] }], isMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobile", required: false }] }], isTablet: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTablet", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], attachmentViewed: [{ type: i0.Output, args: ["attachmentViewed"] }], attachmentDownloaded: [{ type: i0.Output, args: ["attachmentDownloaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
4446
4371
|
|
|
4447
4372
|
class MyProfilePersonalDocumentsWidgetComponent {
|
|
@@ -4510,7 +4435,7 @@ class MyProfilePersonalDocumentsWidgetComponent {
|
|
|
4510
4435
|
this.isLoading.set(false);
|
|
4511
4436
|
this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
|
|
4512
4437
|
this.isLoadingChanged.emit(false);
|
|
4513
|
-
}
|
|
4438
|
+
},
|
|
4514
4439
|
});
|
|
4515
4440
|
}
|
|
4516
4441
|
onAttachmentView(doc) {
|
|
@@ -4525,11 +4450,19 @@ class MyProfilePersonalDocumentsWidgetComponent {
|
|
|
4525
4450
|
this.attachmentDownloaded.emit(attachments);
|
|
4526
4451
|
}
|
|
4527
4452
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfilePersonalDocumentsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4528
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-personal-documents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, employeeName: { classPropertyName: "employeeName", publicName: "employeeName", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, titleContainerClass: { classPropertyName: "titleContainerClass", publicName: "titleContainerClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, dataColClass: { classPropertyName: "dataColClass", publicName: "dataColClass", isSignal: true, isRequired: false, transformFunction: null }, dataColSpacingClass: { classPropertyName: "dataColSpacingClass", publicName: "dataColSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, dataRowClass: { classPropertyName: "dataRowClass", publicName: "dataRowClass", isSignal: true, isRequired: false, transformFunction: null }, typeColClass: { classPropertyName: "typeColClass", publicName: "typeColClass", isSignal: true, isRequired: false, transformFunction: null }, numberColClass: { classPropertyName: "numberColClass", publicName: "numberColClass", isSignal: true, isRequired: false, transformFunction: null }, issueDateColClass: { classPropertyName: "issueDateColClass", publicName: "issueDateColClass", isSignal: true, isRequired: false, transformFunction: null }, expiryDateColClass: { classPropertyName: "expiryDateColClass", publicName: "expiryDateColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColClass: { classPropertyName: "actionsColClass", publicName: "actionsColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsWrapperClass: { classPropertyName: "actionsWrapperClass", publicName: "actionsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, downloadContainerClass: { classPropertyName: "downloadContainerClass", publicName: "downloadContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletContainerClass: { classPropertyName: "tabletContainerClass", publicName: "tabletContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardClass: { classPropertyName: "tabletCardClass", publicName: "tabletCardClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardHeight: { classPropertyName: "tabletCardHeight", publicName: "tabletCardHeight", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithAttachmentClass: { classPropertyName: "tabletColWithAttachmentClass", publicName: "tabletColWithAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithoutAttachmentClass: { classPropertyName: "tabletColWithoutAttachmentClass", publicName: "tabletColWithoutAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletActionsColClass: { classPropertyName: "tabletActionsColClass", publicName: "tabletActionsColClass", isSignal: true, isRequired: false, transformFunction: null }, tabletBottomRowSpacingClass: { classPropertyName: "tabletBottomRowSpacingClass", publicName: "tabletBottomRowSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, tabletDownloadCountClass: { classPropertyName: "tabletDownloadCountClass", publicName: "tabletDownloadCountClass", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon()\"\r\n [text]=\"(sectionTitle() | translate | uppercase)\"\r\n [iconClass]=\"headerIconClass()\"\r\n [textClass]=\"headerTextClass()\"\r\n [dividerClass]=\"headerDividerClass()\">\r\n</sky-section-divider>\r\n\r\n<div class=\"mt-4\">\r\n\r\n @if(documents().length) {\r\n\r\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\">\r\n @if(!(isTablet() || isMobile())) {\r\n\r\n <hr-document-card [title]=\"employeeName() + ' (' + ('Me' | translate) + ')'\"\r\n [documents]=\"documents()\"\r\n [valueClass]=\"valueClass()\"\r\n [viewIcon]=\"viewIcon()\"\r\n [downloadIcon]=\"downloadIcon()\"\r\n [viewIconClass]=\"viewIconClass()\"\r\n [downloadIconClass]=\"downloadIconClass()\"\r\n [titleContainerClass]=\"titleContainerClass()\"\r\n [titleClass]=\"titleClass()\"\r\n [labelClass]=\"labelClass()\"\r\n [rowClass]=\"rowClass()\"\r\n [dataColClass]=\"dataColClass()\"\r\n [dataColSpacingClass]=\"dataColSpacingClass()\"\r\n [dataRowClass]=\"dataRowClass()\"\r\n [typeColClass]=\"typeColClass()\"\r\n [numberColClass]=\"numberColClass()\"\r\n [issueDateColClass]=\"issueDateColClass()\"\r\n [expiryDateColClass]=\"expiryDateColClass()\"\r\n [actionsColClass]=\"actionsColClass()\"\r\n [actionsWrapperClass]=\"actionsWrapperClass()\"\r\n [downloadContainerClass]=\"downloadContainerClass()\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else {\r\n <div [class]=\"titleContainerClass()\">\r\n <p [class]=\"titleClass()\">\r\n {{ employeeName() }} ({{ 'Me' | translate}})\r\n </p>\r\n </div>\r\n\r\n <div class=\"row mx-1\">\r\n @for(doc of documents(); track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon()\"\r\n [downloadIcon]=\"downloadIcon()\"\r\n [labelClass]=\"labelClass()\"\r\n [valueClass]=\"valueClass()\"\r\n [downloadIconClass]=\"downloadIconClass()\"\r\n [downloadContainerClass]=\"downloadContainerClass()\"\r\n [downloadCountClass]=\"tabletDownloadCountClass()\"\r\n [tabletContainerClass]=\"tabletContainerClass()\"\r\n [tabletCardClass]=\"tabletCardClass()\"\r\n [cardHeight]=\"tabletCardHeight()\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\r\n [tabletActionsColClass]=\"tabletActionsColClass()\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n </div>\r\n\r\n\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass()\"\r\n [emptyTextClass]=\"emptyStateTextClass()\"\r\n [emptyText]=\"isLoading() ? ((sectionTitle() | translate) + ' ' + ('IsLoading' | translate)) : ('ThereAreNoEmployeeDocumentsYet' | translate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4453
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-my-profile-personal-documents-widget", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, employeeName: { classPropertyName: "employeeName", publicName: "employeeName", isSignal: true, isRequired: false, transformFunction: null }, sectionTitle: { classPropertyName: "sectionTitle", publicName: "sectionTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, viewIcon: { classPropertyName: "viewIcon", publicName: "viewIcon", isSignal: true, isRequired: false, transformFunction: null }, downloadIcon: { classPropertyName: "downloadIcon", publicName: "downloadIcon", isSignal: true, isRequired: false, transformFunction: null }, headerIconClass: { classPropertyName: "headerIconClass", publicName: "headerIconClass", isSignal: true, isRequired: false, transformFunction: null }, headerTextClass: { classPropertyName: "headerTextClass", publicName: "headerTextClass", isSignal: true, isRequired: false, transformFunction: null }, headerDividerClass: { classPropertyName: "headerDividerClass", publicName: "headerDividerClass", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, viewIconClass: { classPropertyName: "viewIconClass", publicName: "viewIconClass", isSignal: true, isRequired: false, transformFunction: null }, downloadIconClass: { classPropertyName: "downloadIconClass", publicName: "downloadIconClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateContainerClass: { classPropertyName: "emptyStateContainerClass", publicName: "emptyStateContainerClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTextClass: { classPropertyName: "emptyStateTextClass", publicName: "emptyStateTextClass", isSignal: true, isRequired: false, transformFunction: null }, cardClass: { classPropertyName: "cardClass", publicName: "cardClass", isSignal: true, isRequired: false, transformFunction: null }, topSpacingColClass: { classPropertyName: "topSpacingColClass", publicName: "topSpacingColClass", isSignal: true, isRequired: false, transformFunction: null }, titleContainerClass: { classPropertyName: "titleContainerClass", publicName: "titleContainerClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColumnClass: { classPropertyName: "actionsColumnClass", publicName: "actionsColumnClass", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, dataColClass: { classPropertyName: "dataColClass", publicName: "dataColClass", isSignal: true, isRequired: false, transformFunction: null }, dataColSpacingClass: { classPropertyName: "dataColSpacingClass", publicName: "dataColSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, dataRowClass: { classPropertyName: "dataRowClass", publicName: "dataRowClass", isSignal: true, isRequired: false, transformFunction: null }, typeColClass: { classPropertyName: "typeColClass", publicName: "typeColClass", isSignal: true, isRequired: false, transformFunction: null }, numberColClass: { classPropertyName: "numberColClass", publicName: "numberColClass", isSignal: true, isRequired: false, transformFunction: null }, issueDateColClass: { classPropertyName: "issueDateColClass", publicName: "issueDateColClass", isSignal: true, isRequired: false, transformFunction: null }, expiryDateColClass: { classPropertyName: "expiryDateColClass", publicName: "expiryDateColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsColClass: { classPropertyName: "actionsColClass", publicName: "actionsColClass", isSignal: true, isRequired: false, transformFunction: null }, actionsWrapperClass: { classPropertyName: "actionsWrapperClass", publicName: "actionsWrapperClass", isSignal: true, isRequired: false, transformFunction: null }, downloadContainerClass: { classPropertyName: "downloadContainerClass", publicName: "downloadContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletContainerClass: { classPropertyName: "tabletContainerClass", publicName: "tabletContainerClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardClass: { classPropertyName: "tabletCardClass", publicName: "tabletCardClass", isSignal: true, isRequired: false, transformFunction: null }, tabletCardHeight: { classPropertyName: "tabletCardHeight", publicName: "tabletCardHeight", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithAttachmentClass: { classPropertyName: "tabletColWithAttachmentClass", publicName: "tabletColWithAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletColWithoutAttachmentClass: { classPropertyName: "tabletColWithoutAttachmentClass", publicName: "tabletColWithoutAttachmentClass", isSignal: true, isRequired: false, transformFunction: null }, tabletActionsColClass: { classPropertyName: "tabletActionsColClass", publicName: "tabletActionsColClass", isSignal: true, isRequired: false, transformFunction: null }, tabletBottomRowSpacingClass: { classPropertyName: "tabletBottomRowSpacingClass", publicName: "tabletBottomRowSpacingClass", isSignal: true, isRequired: false, transformFunction: null }, tabletDownloadCountClass: { classPropertyName: "tabletDownloadCountClass", publicName: "tabletDownloadCountClass", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, isTablet: { classPropertyName: "isTablet", publicName: "isTablet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n @if (documents().length) {\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\">\n @if (!(isTablet() || isMobile())) {\n <hr-document-card\n [title]=\"employeeName() + ' (' + ('Me' | translate) + ')'\"\n [documents]=\"documents()\"\n [valueClass]=\"valueClass()\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [viewIconClass]=\"viewIconClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [titleContainerClass]=\"titleContainerClass()\"\n [titleClass]=\"titleClass()\"\n [labelClass]=\"labelClass()\"\n [rowClass]=\"rowClass()\"\n [dataColClass]=\"dataColClass()\"\n [dataColSpacingClass]=\"dataColSpacingClass()\"\n [dataRowClass]=\"dataRowClass()\"\n [typeColClass]=\"typeColClass()\"\n [numberColClass]=\"numberColClass()\"\n [issueDateColClass]=\"issueDateColClass()\"\n [expiryDateColClass]=\"expiryDateColClass()\"\n [actionsColClass]=\"actionsColClass()\"\n [actionsWrapperClass]=\"actionsWrapperClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-card>\n } @else {\n <div [class]=\"titleContainerClass()\">\n <p [class]=\"titleClass()\">{{ employeeName() }} ({{ 'Me' | translate }})</p>\n </div>\n\n <div class=\"row mx-1\">\n @for (doc of documents(); track doc; let odd = $odd) {\n <div class=\"col-6 mb-2\">\n <hr-document-tablet-card\n [doc]=\"doc\"\n [isOdd]=\"odd\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n [downloadCountClass]=\"tabletDownloadCountClass()\"\n [tabletContainerClass]=\"tabletContainerClass()\"\n [tabletCardClass]=\"tabletCardClass()\"\n [cardHeight]=\"tabletCardHeight()\"\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\n [tabletActionsColClass]=\"tabletActionsColClass()\"\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\n (view)=\"onAttachmentView(doc)\"\n (download)=\"onDownload(doc)\"\n ></hr-document-tablet-card>\n </div>\n }\n </div>\n }\n </div>\n } @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoEmployeeDocumentsYet' | translate)\n \"\n ></sky-empty-design-card>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }, { kind: "pipe", type: i1$3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4529
4454
|
}
|
|
4530
4455
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyProfilePersonalDocumentsWidgetComponent, decorators: [{
|
|
4531
4456
|
type: Component,
|
|
4532
|
-
args: [{ selector: 'hr-my-profile-personal-documents-widget', standalone: true, imports: [
|
|
4457
|
+
args: [{ selector: 'hr-my-profile-personal-documents-widget', standalone: true, imports: [
|
|
4458
|
+
CommonModule,
|
|
4459
|
+
SkySectionDividerComponent,
|
|
4460
|
+
HRTranslatePipe,
|
|
4461
|
+
SkyEmptyDesignCardComponent,
|
|
4462
|
+
FontAwesomeModule,
|
|
4463
|
+
HRDocumentCardComponent,
|
|
4464
|
+
HrDocumentTabletCardComponent,
|
|
4465
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-section-divider\n [fontAwesomeIcon]=\"icon()\"\n [text]=\"sectionTitle() | translate | uppercase\"\n [iconClass]=\"headerIconClass()\"\n [textClass]=\"headerTextClass()\"\n [dividerClass]=\"headerDividerClass()\"\n></sky-section-divider>\n\n<div class=\"mt-4\">\n @if (documents().length) {\n <div [class]=\"!(isTablet() || isMobile()) ? cardClass() : ''\">\n @if (!(isTablet() || isMobile())) {\n <hr-document-card\n [title]=\"employeeName() + ' (' + ('Me' | translate) + ')'\"\n [documents]=\"documents()\"\n [valueClass]=\"valueClass()\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [viewIconClass]=\"viewIconClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [titleContainerClass]=\"titleContainerClass()\"\n [titleClass]=\"titleClass()\"\n [labelClass]=\"labelClass()\"\n [rowClass]=\"rowClass()\"\n [dataColClass]=\"dataColClass()\"\n [dataColSpacingClass]=\"dataColSpacingClass()\"\n [dataRowClass]=\"dataRowClass()\"\n [typeColClass]=\"typeColClass()\"\n [numberColClass]=\"numberColClass()\"\n [issueDateColClass]=\"issueDateColClass()\"\n [expiryDateColClass]=\"expiryDateColClass()\"\n [actionsColClass]=\"actionsColClass()\"\n [actionsWrapperClass]=\"actionsWrapperClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n (attachmentView)=\"onAttachmentView($event)\"\n (download)=\"onDownload($event)\"\n ></hr-document-card>\n } @else {\n <div [class]=\"titleContainerClass()\">\n <p [class]=\"titleClass()\">{{ employeeName() }} ({{ 'Me' | translate }})</p>\n </div>\n\n <div class=\"row mx-1\">\n @for (doc of documents(); track doc; let odd = $odd) {\n <div class=\"col-6 mb-2\">\n <hr-document-tablet-card\n [doc]=\"doc\"\n [isOdd]=\"odd\"\n [viewIcon]=\"viewIcon()\"\n [downloadIcon]=\"downloadIcon()\"\n [labelClass]=\"labelClass()\"\n [valueClass]=\"valueClass()\"\n [downloadIconClass]=\"downloadIconClass()\"\n [downloadContainerClass]=\"downloadContainerClass()\"\n [downloadCountClass]=\"tabletDownloadCountClass()\"\n [tabletContainerClass]=\"tabletContainerClass()\"\n [tabletCardClass]=\"tabletCardClass()\"\n [cardHeight]=\"tabletCardHeight()\"\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass()\"\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass()\"\n [tabletActionsColClass]=\"tabletActionsColClass()\"\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass()\"\n (view)=\"onAttachmentView(doc)\"\n (download)=\"onDownload(doc)\"\n ></hr-document-tablet-card>\n </div>\n }\n </div>\n }\n </div>\n } @else {\n <sky-empty-design-card\n [visibleIcon]=\"false\"\n [visibleQuickAction]=\"false\"\n [containerClass]=\"emptyStateContainerClass()\"\n [emptyTextClass]=\"emptyStateTextClass()\"\n [emptyText]=\"\n isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereAreNoEmployeeDocumentsYet' | translate)\n \"\n ></sky-empty-design-card>\n }\n</div>\n" }]
|
|
4533
4466
|
}], propDecorators: { baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], employeeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeName", required: false }] }], sectionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionTitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], viewIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIcon", required: false }] }], downloadIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIcon", required: false }] }], headerIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerIconClass", required: false }] }], headerTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextClass", required: false }] }], headerDividerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerDividerClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], viewIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewIconClass", required: false }] }], downloadIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadIconClass", required: false }] }], emptyStateContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateContainerClass", required: false }] }], emptyStateTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTextClass", required: false }] }], cardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardClass", required: false }] }], topSpacingColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "topSpacingColClass", required: false }] }], titleContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleContainerClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], actionsColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColumnClass", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], dataColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataColClass", required: false }] }], dataColSpacingClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataColSpacingClass", required: false }] }], dataRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataRowClass", required: false }] }], typeColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeColClass", required: false }] }], numberColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberColClass", required: false }] }], issueDateColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "issueDateColClass", required: false }] }], expiryDateColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "expiryDateColClass", required: false }] }], actionsColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsColClass", required: false }] }], actionsWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsWrapperClass", required: false }] }], downloadContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadContainerClass", required: false }] }], tabletContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletContainerClass", required: false }] }], tabletCardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletCardClass", required: false }] }], tabletCardHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletCardHeight", required: false }] }], tabletColWithAttachmentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletColWithAttachmentClass", required: false }] }], tabletColWithoutAttachmentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletColWithoutAttachmentClass", required: false }] }], tabletActionsColClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletActionsColClass", required: false }] }], tabletBottomRowSpacingClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletBottomRowSpacingClass", required: false }] }], tabletDownloadCountClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabletDownloadCountClass", required: false }] }], isMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobile", required: false }] }], isTablet: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTablet", required: false }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], attachmentViewed: [{ type: i0.Output, args: ["attachmentViewed"] }], attachmentDownloaded: [{ type: i0.Output, args: ["attachmentDownloaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }] } });
|
|
4534
4467
|
|
|
4535
4468
|
class EmployeeMainInfoCardComponent {
|
|
@@ -4575,11 +4508,11 @@ class EmployeeMainInfoCardComponent {
|
|
|
4575
4508
|
this.employeeBadge.EmployeePhotoFailed = true;
|
|
4576
4509
|
}
|
|
4577
4510
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EmployeeMainInfoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4578
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: EmployeeMainInfoCardComponent, isStandalone: true, selector: "app-employee-main-info-card", inputs: { employeeMainInfo: { classPropertyName: "employeeMainInfo", publicName: "employeeMainInfo", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: false, transformFunction: null }, badgeImageClass: { classPropertyName: "badgeImageClass", publicName: "badgeImageClass", isSignal: true, isRequired: false, transformFunction: null }, badgeWidth: { classPropertyName: "badgeWidth", publicName: "badgeWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeHeight: { classPropertyName: "badgeHeight", publicName: "badgeHeight", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoContainerClass: { classPropertyName: "employeeInfoContainerClass", publicName: "employeeInfoContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeDetailsClass: { classPropertyName: "employeeDetailsClass", publicName: "employeeDetailsClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameContainerClass: { classPropertyName: "employeeNameContainerClass", publicName: "employeeNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameClass: { classPropertyName: "employeeNameClass", publicName: "employeeNameClass", isSignal: true, isRequired: false, transformFunction: null }, employeePositionClass: { classPropertyName: "employeePositionClass", publicName: "employeePositionClass", isSignal: true, isRequired: false, transformFunction: null }, employeeGradeClass: { classPropertyName: "employeeGradeClass", publicName: "employeeGradeClass", isSignal: true, isRequired: false, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, showChangeEmployeeButton: { classPropertyName: "showChangeEmployeeButton", publicName: "showChangeEmployeeButton", isSignal: true, isRequired: false, transformFunction: null }, alignCenter: { classPropertyName: "alignCenter", publicName: "alignCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ChangeEmployeeButtonHandler: "ChangeEmployeeButtonHandler" }, ngImport: i0, template: "@if (employeeMainInfo(); as info) {\
|
|
4511
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: EmployeeMainInfoCardComponent, isStandalone: true, selector: "app-employee-main-info-card", inputs: { employeeMainInfo: { classPropertyName: "employeeMainInfo", publicName: "employeeMainInfo", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: false, transformFunction: null }, badgeImageClass: { classPropertyName: "badgeImageClass", publicName: "badgeImageClass", isSignal: true, isRequired: false, transformFunction: null }, badgeWidth: { classPropertyName: "badgeWidth", publicName: "badgeWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeHeight: { classPropertyName: "badgeHeight", publicName: "badgeHeight", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoContainerClass: { classPropertyName: "employeeInfoContainerClass", publicName: "employeeInfoContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeDetailsClass: { classPropertyName: "employeeDetailsClass", publicName: "employeeDetailsClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameContainerClass: { classPropertyName: "employeeNameContainerClass", publicName: "employeeNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameClass: { classPropertyName: "employeeNameClass", publicName: "employeeNameClass", isSignal: true, isRequired: false, transformFunction: null }, employeePositionClass: { classPropertyName: "employeePositionClass", publicName: "employeePositionClass", isSignal: true, isRequired: false, transformFunction: null }, employeeGradeClass: { classPropertyName: "employeeGradeClass", publicName: "employeeGradeClass", isSignal: true, isRequired: false, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, showChangeEmployeeButton: { classPropertyName: "showChangeEmployeeButton", publicName: "showChangeEmployeeButton", isSignal: true, isRequired: false, transformFunction: null }, alignCenter: { classPropertyName: "alignCenter", publicName: "alignCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ChangeEmployeeButtonHandler: "ChangeEmployeeButtonHandler" }, ngImport: i0, template: "@if (employeeMainInfo(); as info) {\n <div [class]=\"employeeInfoContainerClass()\" [ngClass]=\"{ 'align-items-center': alignCenter() }\">\n <bayan-employee-badge\n [badge]=\"employeeBadge\"\n [badgeClass]=\"badgeClass()\"\n [imageClass]=\"badgeImageClass()\"\n [width]=\"badgeWidth()\"\n [height]=\"badgeHeight()\"\n (employeePhotoError)=\"handleEmployeePhotoError()\"\n ></bayan-employee-badge>\n\n <div [class]=\"employeeDetailsClass()\">\n <div [class]=\"employeeNameContainerClass()\">\n <div\n [class]=\"employeeNameClass()\"\n data-bs-toggle=\"tooltip\"\n [title]=\"info.EmployeeNumber + ' | ' + info.EmployeeName\"\n [innerHTML]=\"info.EmployeeNumber + ' | ' + info.EmployeeName | highlight: searchValue()\"\n ></div>\n @if (showChangeEmployeeButton()) {\n <button type=\"button\" class=\"border-0 ms-2 bg-none\" (click)=\"convertEmployee()\">\n <fa-icon [icon]=\"dropDownIcon\" class=\"text-primary fs-5\"></fa-icon>\n </button>\n }\n </div>\n @if (info.PositionName != null && info.PositionName != '') {\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"info.PositionName\">\n <span [innerHTML]=\"info.PositionName | highlight: searchValue()\"></span>\n </div>\n }\n @if (showGrade() && info.GradeName != null) {\n <div [class]=\"employeeGradeClass()\" [title]=\"info.GradeName\">\n <span [innerHTML]=\"info.GradeName | highlight: searchValue()\"></span>\n </div>\n }\n <div\n class=\"d-flex text-dark-gray mb-0\"\n data-bs-toggle=\"tooltip\"\n [title]=\"showPropertySymbol() ? info.PropertySymbol + ' | ' + info.AdminUnitName : info.AdminUnitName\"\n >\n <div class=\"fs-12\">\n @if (showPropertySymbol()) {\n <span class=\"property-badge cursor-pointer me-1\" title=\"{{ info.PropertyName }}\">\n <span [innerHTML]=\"info.PropertySymbol | highlight: searchValue()\"></span>\n </span>\n }\n <span\n class=\"fw-normal ms-1\"\n [ngClass]=\"{ 'me-1': isRTL && showPropertySymbol(), 'ms-1': !isRTL && showPropertySymbol() }\"\n [title]=\"info.AdminUnitName\"\n [innerHTML]=\"info.AdminUnitName | highlight: searchValue()\"\n ></span>\n </div>\n </div>\n </div>\n </div>\n}\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4579
4512
|
}
|
|
4580
4513
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EmployeeMainInfoCardComponent, decorators: [{
|
|
4581
4514
|
type: Component,
|
|
4582
|
-
args: [{ selector: 'app-employee-main-info-card', standalone: true, imports: [FontAwesomeModule, NgClass, BayanEmployeeBadgeComponent, HighlightPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (employeeMainInfo(); as info) {\
|
|
4515
|
+
args: [{ selector: 'app-employee-main-info-card', standalone: true, imports: [FontAwesomeModule, NgClass, BayanEmployeeBadgeComponent, HighlightPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (employeeMainInfo(); as info) {\n <div [class]=\"employeeInfoContainerClass()\" [ngClass]=\"{ 'align-items-center': alignCenter() }\">\n <bayan-employee-badge\n [badge]=\"employeeBadge\"\n [badgeClass]=\"badgeClass()\"\n [imageClass]=\"badgeImageClass()\"\n [width]=\"badgeWidth()\"\n [height]=\"badgeHeight()\"\n (employeePhotoError)=\"handleEmployeePhotoError()\"\n ></bayan-employee-badge>\n\n <div [class]=\"employeeDetailsClass()\">\n <div [class]=\"employeeNameContainerClass()\">\n <div\n [class]=\"employeeNameClass()\"\n data-bs-toggle=\"tooltip\"\n [title]=\"info.EmployeeNumber + ' | ' + info.EmployeeName\"\n [innerHTML]=\"info.EmployeeNumber + ' | ' + info.EmployeeName | highlight: searchValue()\"\n ></div>\n @if (showChangeEmployeeButton()) {\n <button type=\"button\" class=\"border-0 ms-2 bg-none\" (click)=\"convertEmployee()\">\n <fa-icon [icon]=\"dropDownIcon\" class=\"text-primary fs-5\"></fa-icon>\n </button>\n }\n </div>\n @if (info.PositionName != null && info.PositionName != '') {\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"info.PositionName\">\n <span [innerHTML]=\"info.PositionName | highlight: searchValue()\"></span>\n </div>\n }\n @if (showGrade() && info.GradeName != null) {\n <div [class]=\"employeeGradeClass()\" [title]=\"info.GradeName\">\n <span [innerHTML]=\"info.GradeName | highlight: searchValue()\"></span>\n </div>\n }\n <div\n class=\"d-flex text-dark-gray mb-0\"\n data-bs-toggle=\"tooltip\"\n [title]=\"showPropertySymbol() ? info.PropertySymbol + ' | ' + info.AdminUnitName : info.AdminUnitName\"\n >\n <div class=\"fs-12\">\n @if (showPropertySymbol()) {\n <span class=\"property-badge cursor-pointer me-1\" title=\"{{ info.PropertyName }}\">\n <span [innerHTML]=\"info.PropertySymbol | highlight: searchValue()\"></span>\n </span>\n }\n <span\n class=\"fw-normal ms-1\"\n [ngClass]=\"{ 'me-1': isRTL && showPropertySymbol(), 'ms-1': !isRTL && showPropertySymbol() }\"\n [title]=\"info.AdminUnitName\"\n [innerHTML]=\"info.AdminUnitName | highlight: searchValue()\"\n ></span>\n </div>\n </div>\n </div>\n </div>\n}\n" }]
|
|
4583
4516
|
}], ctorParameters: () => [], propDecorators: { employeeMainInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeMainInfo", required: false }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: false }] }], badgeImageClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeImageClass", required: false }] }], badgeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeWidth", required: false }] }], badgeHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeHeight", required: false }] }], employeeInfoContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeInfoContainerClass", required: false }] }], employeeDetailsClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeDetailsClass", required: false }] }], employeeNameContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameContainerClass", required: false }] }], employeeNameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameClass", required: false }] }], employeePositionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeePositionClass", required: false }] }], employeeGradeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeGradeClass", required: false }] }], showGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrade", required: false }] }], showPropertySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPropertySymbol", required: false }] }], showChangeEmployeeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChangeEmployeeButton", required: false }] }], alignCenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignCenter", required: false }] }], ChangeEmployeeButtonHandler: [{ type: i0.Output, args: ["ChangeEmployeeButtonHandler"] }] } });
|
|
4584
4517
|
|
|
4585
4518
|
class MyTeamWidgetsService {
|
|
@@ -4669,10 +4602,22 @@ class MyTeamPopupComponent {
|
|
|
4669
4602
|
}
|
|
4670
4603
|
closePopup() {
|
|
4671
4604
|
myTeamSubordinatesVisible.set(false);
|
|
4605
|
+
this.setPopupLoading(false);
|
|
4672
4606
|
this.showAllSubordinates.set(false);
|
|
4673
4607
|
this.searchValue.set('');
|
|
4674
4608
|
this.resetState();
|
|
4675
4609
|
}
|
|
4610
|
+
onPopupShown() {
|
|
4611
|
+
this.setPopupLoading(true);
|
|
4612
|
+
this.loadPage(true);
|
|
4613
|
+
}
|
|
4614
|
+
setPopupLoading(isLoading) {
|
|
4615
|
+
if (this.isLoading() === isLoading) {
|
|
4616
|
+
return;
|
|
4617
|
+
}
|
|
4618
|
+
this.isLoading.set(isLoading);
|
|
4619
|
+
this.isLoadingChanged.emit(isLoading);
|
|
4620
|
+
}
|
|
4676
4621
|
normalizeContactValue(value) {
|
|
4677
4622
|
const normalizedValue = value?.trim() ?? '';
|
|
4678
4623
|
return normalizedValue && normalizedValue !== '-' ? normalizedValue : '';
|
|
@@ -4752,10 +4697,11 @@ class MyTeamPopupComponent {
|
|
|
4752
4697
|
employees.push(employee);
|
|
4753
4698
|
groupedMap.set(key, employees);
|
|
4754
4699
|
}
|
|
4755
|
-
const
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4700
|
+
const groups = Array.from(groupedMap.entries()).map(([adminUnitName, employees]) => ({
|
|
4701
|
+
adminUnitName,
|
|
4702
|
+
employees,
|
|
4703
|
+
}));
|
|
4704
|
+
this.items.set(groups);
|
|
4759
4705
|
}
|
|
4760
4706
|
async loadPage(reset) {
|
|
4761
4707
|
if (this.isDataLoading() || (!reset && !this.hasMoreData())) {
|
|
@@ -4766,8 +4712,7 @@ class MyTeamPopupComponent {
|
|
|
4766
4712
|
}
|
|
4767
4713
|
this.isDataLoading.set(true);
|
|
4768
4714
|
if (reset) {
|
|
4769
|
-
this.
|
|
4770
|
-
this.isLoadingChanged.emit(true);
|
|
4715
|
+
this.setPopupLoading(true);
|
|
4771
4716
|
}
|
|
4772
4717
|
try {
|
|
4773
4718
|
const response = await firstValueFrom(this.myTeamWidgetsService.getSubordinates(this.baseUrl(), {
|
|
@@ -4794,8 +4739,7 @@ class MyTeamPopupComponent {
|
|
|
4794
4739
|
finally {
|
|
4795
4740
|
this.isDataLoading.set(false);
|
|
4796
4741
|
if (reset) {
|
|
4797
|
-
this.
|
|
4798
|
-
this.isLoadingChanged.emit(false);
|
|
4742
|
+
this.setPopupLoading(false);
|
|
4799
4743
|
}
|
|
4800
4744
|
if (!reset) {
|
|
4801
4745
|
await this.loadRemainingPagesIfNeeded();
|
|
@@ -4803,7 +4747,7 @@ class MyTeamPopupComponent {
|
|
|
4803
4747
|
}
|
|
4804
4748
|
}
|
|
4805
4749
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4806
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardHeight: { classPropertyName: "employeeCardHeight", publicName: "employeeCardHeight", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeRowClass: { classPropertyName: "employeeRowClass", publicName: "employeeRowClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\r\n [visible]=\"isPopupVisible()\"\r\n [width]=\"'755px'\"\r\n [height]=\"'680px'\"\r\n [showCloseButton]=\"true\"\r\n [showTitle]=\"true\"\r\n [title]=\"'MyTeam' | translate\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n (onShown)=\"loadPage(true)\"\r\n (onHiding)=\"closePopup()\"\r\n>\r\n <ng-template #loadingIndicatorTemplate>\r\n <div [class]=\"loadingContainerClass()\">\r\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #employeeCardTemplate let-employee>\r\n <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\r\n <div [class]=\"employeeRowClass()\">\r\n <div [class]=\"employeeInfoColumnClass()\">\r\n <app-employee-main-info-card\r\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\r\n [searchValue]=\"searchValue()\"\r\n [showGrade]=\"showGrade()\"\r\n [showPropertySymbol]=\"showPropertySymbol()\"\r\n [showChangeEmployeeButton]=\"false\"\r\n ></app-employee-main-info-card>\r\n </div>\r\n @if (hasAnyContactInfo(employee)) {\r\n <div [class]=\"contactColumnClass()\">\r\n <div [class]=\"contactContainerClass()\">\r\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\r\n @if (hasEmployeeEmail(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span\r\n [class]=\"emailTextClass()\"\r\n [title]=\"getEmployeeEmailDisplay(employee)\"\r\n [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\r\n ></span>\r\n </span>\r\n }\r\n @if (hasEmployeePhone(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\r\n </span>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n <div [class]=\"headerRowClass()\">\r\n <div [class]=\"switchContainerClass()\">\r\n <input\r\n [class]=\"switchInputClass()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n id=\"myTeamDirectOnlySwitch\"\r\n [checked]=\"showAllSubordinates()\"\r\n (change)=\"onToggleChange($event)\"\r\n />\r\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\r\n {{ 'ShowAllSubordinates' | translate }}\r\n </label>\r\n </div>\r\n <dx-text-box\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"'Search...' | translate\"\r\n [width]=\"'250px'\"\r\n mode=\"search\"\r\n (onValueChanged)=\"onSearchChanged($event.value)\"\r\n ></dx-text-box>\r\n </div>\r\n\r\n <dx-scroll-view\r\n #dataScrollView\r\n [height]=\"500\"\r\n [width]=\"'100%'\"\r\n [elementAttr]=\"{ class: scrollViewClass() }\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n [showScrollbar]=\"'always'\"\r\n [bounceEnabled]=\"false\"\r\n (onReachBottom)=\"onReachBottom($event)\"\r\n >\r\n <div [class]=\"groupedListClass()\">\r\n @if (isDataLoading() && items().length === 0) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n } @else if (items().length === 0) {\r\n <div [class]=\"emptyStateClass()\">\r\n {{ 'NoDataToDisplay' | translate }}\r\n </div>\r\n } @else {\r\n @for (group of items(); track group.adminUnitName) {\r\n @if (showAllSubordinates()) {\r\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\r\n }\r\n @for (emp of group.employees; track emp.EmployeeNumber) {\r\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\r\n }\r\n }\r\n @if (isDataLoading()) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </dx-scroll-view>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "badgeClass", "badgeImageClass", "badgeWidth", "badgeHeight", "employeeInfoContainerClass", "employeeDetailsClass", "employeeNameContainerClass", "employeeNameClass", "employeePositionClass", "employeeGradeClass", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardHeight: { classPropertyName: "employeeCardHeight", publicName: "employeeCardHeight", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeRowClass: { classPropertyName: "employeeRowClass", publicName: "employeeRowClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\n [visible]=\"isPopupVisible()\"\n [width]=\"'755px'\"\n [height]=\"'680px'\"\n [showCloseButton]=\"true\"\n [showTitle]=\"true\"\n [title]=\"'MyTeam' | translate\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n (onShown)=\"onPopupShown()\"\n (onHiding)=\"closePopup()\"\n>\n <ng-template #loadingIndicatorTemplate>\n <div [class]=\"loadingContainerClass()\">\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n </div>\n </ng-template>\n\n <ng-template #employeeCardTemplate let-employee>\n <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n <div [class]=\"employeeRowClass()\">\n <div [class]=\"employeeInfoColumnClass()\">\n <app-employee-main-info-card\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n [searchValue]=\"searchValue()\"\n [showGrade]=\"showGrade()\"\n [showPropertySymbol]=\"showPropertySymbol()\"\n [showChangeEmployeeButton]=\"false\"\n ></app-employee-main-info-card>\n </div>\n @if (hasAnyContactInfo(employee)) {\n <div [class]=\"contactColumnClass()\">\n <div [class]=\"contactContainerClass()\">\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n @if (hasEmployeeEmail(employee)) {\n <span [class]=\"contactRowClass()\">\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n <a\n [class]=\"emailTextClass()\"\n [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n [title]=\"getEmployeeEmailDisplay(employee)\"\n [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n ></a>\n </span>\n }\n @if (hasEmployeePhone(employee)) {\n <span [class]=\"contactRowClass()\">\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n </span>\n }\n </div>\n </div>\n }\n </div>\n </div>\n </ng-template>\n\n <div [class]=\"headerRowClass()\">\n <div [class]=\"switchContainerClass()\">\n <input\n [class]=\"switchInputClass()\"\n type=\"checkbox\"\n role=\"switch\"\n id=\"myTeamDirectOnlySwitch\"\n [checked]=\"showAllSubordinates()\"\n (change)=\"onToggleChange($event)\"\n />\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n {{ 'ShowAllSubordinates' | translate }}\n </label>\n </div>\n <dx-text-box\n [value]=\"searchValue()\"\n [placeholder]=\"'Search...' | translate\"\n [width]=\"'250px'\"\n mode=\"search\"\n (onValueChanged)=\"onSearchChanged($event.value)\"\n ></dx-text-box>\n </div>\n\n <dx-scroll-view\n #dataScrollView\n [height]=\"500\"\n [width]=\"'100%'\"\n [elementAttr]=\"{ class: scrollViewClass() }\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n [showScrollbar]=\"'always'\"\n [bounceEnabled]=\"false\"\n (onReachBottom)=\"onReachBottom($event)\"\n >\n <div [class]=\"groupedListClass()\">\n @if (isLoading() && items().length === 0) {\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n } @else if (items().length === 0) {\n <div [class]=\"emptyStateClass()\">\n {{ 'NoDataToDisplay' | translate }}\n </div>\n } @else {\n @for (group of items(); track group.adminUnitName) {\n @if (showAllSubordinates()) {\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n }\n @for (emp of group.employees; track emp.EmployeeNumber) {\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n }\n }\n @if (isDataLoading()) {\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n }\n }\n </div>\n </dx-scroll-view>\n</dx-popup>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i1$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i1$1.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "badgeClass", "badgeImageClass", "badgeWidth", "badgeHeight", "employeeInfoContainerClass", "employeeDetailsClass", "employeeNameContainerClass", "employeeNameClass", "employeePositionClass", "employeeGradeClass", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4807
4751
|
}
|
|
4808
4752
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, decorators: [{
|
|
4809
4753
|
type: Component,
|
|
@@ -4817,7 +4761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
4817
4761
|
NgTemplateOutlet,
|
|
4818
4762
|
HighlightPipe,
|
|
4819
4763
|
HRTranslatePipe,
|
|
4820
|
-
], template: "<dx-popup\
|
|
4764
|
+
], template: "<dx-popup\n [visible]=\"isPopupVisible()\"\n [width]=\"'755px'\"\n [height]=\"'680px'\"\n [showCloseButton]=\"true\"\n [showTitle]=\"true\"\n [title]=\"'MyTeam' | translate\"\n shadingColor=\"rgba(0,0,0,0.4)\"\n (onShown)=\"onPopupShown()\"\n (onHiding)=\"closePopup()\"\n>\n <ng-template #loadingIndicatorTemplate>\n <div [class]=\"loadingContainerClass()\">\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n </div>\n </ng-template>\n\n <ng-template #employeeCardTemplate let-employee>\n <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n <div [class]=\"employeeRowClass()\">\n <div [class]=\"employeeInfoColumnClass()\">\n <app-employee-main-info-card\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n [searchValue]=\"searchValue()\"\n [showGrade]=\"showGrade()\"\n [showPropertySymbol]=\"showPropertySymbol()\"\n [showChangeEmployeeButton]=\"false\"\n ></app-employee-main-info-card>\n </div>\n @if (hasAnyContactInfo(employee)) {\n <div [class]=\"contactColumnClass()\">\n <div [class]=\"contactContainerClass()\">\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n @if (hasEmployeeEmail(employee)) {\n <span [class]=\"contactRowClass()\">\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n <a\n [class]=\"emailTextClass()\"\n [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n [title]=\"getEmployeeEmailDisplay(employee)\"\n [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n ></a>\n </span>\n }\n @if (hasEmployeePhone(employee)) {\n <span [class]=\"contactRowClass()\">\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n </span>\n }\n </div>\n </div>\n }\n </div>\n </div>\n </ng-template>\n\n <div [class]=\"headerRowClass()\">\n <div [class]=\"switchContainerClass()\">\n <input\n [class]=\"switchInputClass()\"\n type=\"checkbox\"\n role=\"switch\"\n id=\"myTeamDirectOnlySwitch\"\n [checked]=\"showAllSubordinates()\"\n (change)=\"onToggleChange($event)\"\n />\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n {{ 'ShowAllSubordinates' | translate }}\n </label>\n </div>\n <dx-text-box\n [value]=\"searchValue()\"\n [placeholder]=\"'Search...' | translate\"\n [width]=\"'250px'\"\n mode=\"search\"\n (onValueChanged)=\"onSearchChanged($event.value)\"\n ></dx-text-box>\n </div>\n\n <dx-scroll-view\n #dataScrollView\n [height]=\"500\"\n [width]=\"'100%'\"\n [elementAttr]=\"{ class: scrollViewClass() }\"\n [scrollByContent]=\"true\"\n [scrollByThumb]=\"true\"\n [showScrollbar]=\"'always'\"\n [bounceEnabled]=\"false\"\n (onReachBottom)=\"onReachBottom($event)\"\n >\n <div [class]=\"groupedListClass()\">\n @if (isLoading() && items().length === 0) {\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n } @else if (items().length === 0) {\n <div [class]=\"emptyStateClass()\">\n {{ 'NoDataToDisplay' | translate }}\n </div>\n } @else {\n @for (group of items(); track group.adminUnitName) {\n @if (showAllSubordinates()) {\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n }\n @for (emp of group.employees; track emp.EmployeeNumber) {\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n }\n }\n @if (isDataLoading()) {\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n }\n }\n </div>\n </dx-scroll-view>\n</dx-popup>\n" }]
|
|
4821
4765
|
}], propDecorators: { dataScrollView: [{
|
|
4822
4766
|
type: ViewChild,
|
|
4823
4767
|
args: ['dataScrollView']
|