@skysoftware-co/bayan-hr-widgets-ui 1.0.49 → 1.0.50
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.
package/README.md
CHANGED
|
@@ -50,6 +50,8 @@ components:
|
|
|
50
50
|
20. Profile Entitlements Ticket Widget
|
|
51
51
|
21. Profile Entitlements Medical Insurance Widget
|
|
52
52
|
22. Profile Entitlements Others Widget
|
|
53
|
+
23. Profile Employee Documents Widget
|
|
54
|
+
24. Profile Dependents Documents Widget
|
|
53
55
|
|
|
54
56
|
## Dependencies
|
|
55
57
|
This library depends on `@skysoftware-co/bayan-components-ui` package which provides:
|
|
@@ -960,3 +962,132 @@ This component displays two fields: overtime eligibility (Eligible/NotEligible)
|
|
|
960
962
|
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
961
963
|
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
962
964
|
|
|
965
|
+
## Profile Employee Documents Widget
|
|
966
|
+
|
|
967
|
+
### Usage
|
|
968
|
+
```html
|
|
969
|
+
<hr-profile-personal-documents-widget
|
|
970
|
+
[baseUrl]="baseUrl"
|
|
971
|
+
[employeeName]="employeeName"
|
|
972
|
+
(isLoadingChanged)="onLoadingChanged($event)"
|
|
973
|
+
(attachmentViewed)="onAttachmentViewed($event)"
|
|
974
|
+
(attachmentDownloaded)="onAttachmentDownloaded($event)">
|
|
975
|
+
</hr-profile-personal-documents-widget>
|
|
976
|
+
```
|
|
977
|
+
|
|
978
|
+
This component displays employee personal/official documents in a table layout (desktop) or card grid layout (tablet/mobile). Each document shows type, number, issue date, expiry date, and attachment actions. Uses shared `hr-document-card` and `hr-document-tablet-card` sub-components.
|
|
979
|
+
|
|
980
|
+
### Input Properties
|
|
981
|
+
| Input | Type | Default Value | Description |
|
|
982
|
+
|-------|------|---------------|-------------|
|
|
983
|
+
| `baseUrl` | string | `''` | Base URL for API calls (required) |
|
|
984
|
+
| `employeeName` | string | `''` | Employee name displayed as card title |
|
|
985
|
+
| `sectionTitle` | string | `'EmployeeDocuments'` | Section title translation key |
|
|
986
|
+
| `icon` | IconDefinition | `faFileLines` | Header icon |
|
|
987
|
+
| `viewIcon` | IconDefinition | `faEye` | Attachment view icon |
|
|
988
|
+
| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon |
|
|
989
|
+
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
|
|
990
|
+
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class |
|
|
991
|
+
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
|
|
992
|
+
| `valueClass` | string | `'text-dark-gray fs-14'` | Value text CSS class |
|
|
993
|
+
| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class |
|
|
994
|
+
| `downloadIconClass` | string | `'fs-15 text-dark cursor-pointer'` | Download icon CSS class |
|
|
995
|
+
| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class |
|
|
996
|
+
| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class |
|
|
997
|
+
| `cardClass` | string | `'mt-4 card-shadow position-relative p-4'` | Card container CSS class (desktop only) |
|
|
998
|
+
| `topSpacingColClass` | string | `'col-md-3 col-6 mt-4'` | Top spacing column CSS class |
|
|
999
|
+
| `titleContainerClass` | string | `'mb-3'` | Title container CSS class |
|
|
1000
|
+
| `titleClass` | string | `'text-dark fs-16 mb-0'` | Title text CSS class |
|
|
1001
|
+
| `labelClass` | string | `'field-secondary-label-sm mb-1'` | Label CSS class |
|
|
1002
|
+
| `actionsColumnClass` | string | `'col-2 d-flex flex-column mt-3'` | Actions column CSS class |
|
|
1003
|
+
| `rowClass` | string | `'row'` | Row CSS class |
|
|
1004
|
+
| `dataColClass` | string | `'col-10'` | Data column CSS class |
|
|
1005
|
+
| `dataColSpacingClass` | string | `'mt-2'` | Data column spacing CSS class |
|
|
1006
|
+
| `dataRowClass` | string | `'row align-items-center py-1 gx-0'` | Data row CSS class |
|
|
1007
|
+
| `typeColClass` | string | `'col-3'` | Type column CSS class |
|
|
1008
|
+
| `numberColClass` | string | `'col-3'` | Number column CSS class |
|
|
1009
|
+
| `issueDateColClass` | string | `'col-3'` | Issue date column CSS class |
|
|
1010
|
+
| `expiryDateColClass` | string | `'col-3'` | Expiry date column CSS class |
|
|
1011
|
+
| `actionsColClass` | string | `'col-2 d-flex align-items-center'` | Actions column CSS class |
|
|
1012
|
+
| `actionsWrapperClass` | string | `'d-flex align-items-center gap-2'` | Actions wrapper CSS class |
|
|
1013
|
+
| `downloadContainerClass` | string | `'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer'` | Download container CSS class |
|
|
1014
|
+
| `tabletContainerClass` | string | `'mt-3'` | Tablet card container CSS class |
|
|
1015
|
+
| `tabletCardClass` | string | `'row px-4 py-3 card-shadow'` | Tablet card CSS class |
|
|
1016
|
+
| `tabletCardHeight` | string | `'155px'` | Tablet card fixed height |
|
|
1017
|
+
| `tabletColWithAttachmentClass` | string | `'col-5'` | Tablet column class when attachments exist |
|
|
1018
|
+
| `tabletColWithoutAttachmentClass` | string | `'col-6'` | Tablet column class when no attachments |
|
|
1019
|
+
| `tabletActionsColClass` | string | `'col-1 d-flex align-items-center'` | Tablet actions column CSS class |
|
|
1020
|
+
| `tabletBottomRowSpacingClass` | string | `'mt-4'` | Tablet bottom row spacing CSS class |
|
|
1021
|
+
| `tabletDownloadCountClass` | string | `'text-dark fs-12 fw-bold ps-2'` | Tablet download count CSS class |
|
|
1022
|
+
| `isMobile` | boolean | `false` | Mobile responsive mode |
|
|
1023
|
+
| `isTablet` | boolean | `false` | Tablet responsive mode |
|
|
1024
|
+
|
|
1025
|
+
### Output Events
|
|
1026
|
+
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
1027
|
+
- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
|
|
1028
|
+
- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
|
|
1029
|
+
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
1030
|
+
|
|
1031
|
+
## Profile Dependents Documents Widget
|
|
1032
|
+
|
|
1033
|
+
### Usage
|
|
1034
|
+
```html
|
|
1035
|
+
<hr-profile-dependents-documents-widget
|
|
1036
|
+
[baseUrl]="baseUrl"
|
|
1037
|
+
(isLoadingChanged)="onLoadingChanged($event)"
|
|
1038
|
+
(attachmentViewed)="onAttachmentViewed($event)"
|
|
1039
|
+
(attachmentDownloaded)="onAttachmentDownloaded($event)">
|
|
1040
|
+
</hr-profile-dependents-documents-widget>
|
|
1041
|
+
```
|
|
1042
|
+
|
|
1043
|
+
This component displays dependent documents grouped by dependent. Each group shows the dependent name and type as a title, followed by document rows (desktop) or card grid (tablet/mobile). Uses shared `hr-document-card` and `hr-document-tablet-card` sub-components.
|
|
1044
|
+
|
|
1045
|
+
### Input Properties
|
|
1046
|
+
| Input | Type | Default Value | Description |
|
|
1047
|
+
|-------|------|---------------|-------------|
|
|
1048
|
+
| `baseUrl` | string | `''` | Base URL for API calls (required) |
|
|
1049
|
+
| `sectionTitle` | string | `'DependentsDocuments'` | Section title translation key |
|
|
1050
|
+
| `icon` | IconDefinition | `faFileLines` | Header icon |
|
|
1051
|
+
| `viewIcon` | IconDefinition | `faEye` | Attachment view icon |
|
|
1052
|
+
| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon |
|
|
1053
|
+
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
|
|
1054
|
+
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class |
|
|
1055
|
+
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
|
|
1056
|
+
| `valueClass` | string | `'text-dark-gray fs-14'` | Value text CSS class |
|
|
1057
|
+
| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class |
|
|
1058
|
+
| `downloadIconClass` | string | `'fs-15 text-dark cursor-pointer'` | Download icon CSS class |
|
|
1059
|
+
| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class |
|
|
1060
|
+
| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class |
|
|
1061
|
+
| `cardClass` | string | `'mt-4 card-shadow position-relative p-4'` | Card container CSS class (desktop only) |
|
|
1062
|
+
| `topSpacingColClass` | string | `'col-md-3 col-6 mt-4'` | Top spacing column CSS class |
|
|
1063
|
+
| `titleContainerClass` | string | `'mb-3'` | Title container CSS class |
|
|
1064
|
+
| `titleClass` | string | `'text-dark fs-16 mb-0'` | Title text CSS class |
|
|
1065
|
+
| `labelClass` | string | `'field-secondary-label-sm mb-1'` | Label CSS class |
|
|
1066
|
+
| `actionsColumnClass` | string | `'col-2 d-flex flex-column mt-3'` | Actions column CSS class |
|
|
1067
|
+
| `rowClass` | string | `'row'` | Row CSS class |
|
|
1068
|
+
| `dataColClass` | string | `'col-10'` | Data column CSS class |
|
|
1069
|
+
| `dataColSpacingClass` | string | `'mt-2'` | Data column spacing CSS class |
|
|
1070
|
+
| `dataRowClass` | string | `'row align-items-center py-1 gx-0'` | Data row CSS class |
|
|
1071
|
+
| `typeColClass` | string | `'col-3'` | Type column CSS class |
|
|
1072
|
+
| `numberColClass` | string | `'col-3'` | Number column CSS class |
|
|
1073
|
+
| `issueDateColClass` | string | `'col-3'` | Issue date column CSS class |
|
|
1074
|
+
| `expiryDateColClass` | string | `'col-3'` | Expiry date column CSS class |
|
|
1075
|
+
| `actionsColClass` | string | `'col-2 d-flex align-items-center'` | Actions column CSS class |
|
|
1076
|
+
| `actionsWrapperClass` | string | `'d-flex align-items-center gap-2'` | Actions wrapper CSS class |
|
|
1077
|
+
| `downloadContainerClass` | string | `'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer'` | Download container CSS class |
|
|
1078
|
+
| `tabletContainerClass` | string | `'mt-3'` | Tablet card container CSS class |
|
|
1079
|
+
| `tabletCardClass` | string | `'row px-4 py-3 card-shadow'` | Tablet card CSS class |
|
|
1080
|
+
| `tabletCardHeight` | string | `'155px'` | Tablet card fixed height |
|
|
1081
|
+
| `tabletColWithAttachmentClass` | string | `'col-5'` | Tablet column class when attachments exist |
|
|
1082
|
+
| `tabletColWithoutAttachmentClass` | string | `'col-6'` | Tablet column class when no attachments |
|
|
1083
|
+
| `tabletActionsColClass` | string | `'col-1 d-flex align-items-center'` | Tablet actions column CSS class |
|
|
1084
|
+
| `tabletBottomRowSpacingClass` | string | `'mt-4'` | Tablet bottom row spacing CSS class |
|
|
1085
|
+
| `tabletDownloadCountClass` | string | `'text-dark fs-12 fw-bold ps-2'` | Tablet download count CSS class |
|
|
1086
|
+
| `isMobile` | boolean | `false` | Mobile responsive mode |
|
|
1087
|
+
| `isTablet` | boolean | `false` | Tablet responsive mode |
|
|
1088
|
+
|
|
1089
|
+
### Output Events
|
|
1090
|
+
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
1091
|
+
- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
|
|
1092
|
+
- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
|
|
1093
|
+
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
@@ -215,14 +215,14 @@ var TotalEmployerShare$2 = "Total employer share";
|
|
|
215
215
|
var Dependents$2 = "Dependents";
|
|
216
216
|
var NotEntitled$2 = "Not entitled";
|
|
217
217
|
var ThereAreNoDependentsYet$2 = "There are no dependents yet";
|
|
218
|
-
var PersonalDocuments$2 = "Personal Documents";
|
|
219
218
|
var ThereAreNoPersonalDocumentsYet$1 = "There are no personal documents yet";
|
|
220
|
-
var ThereAreNoDependentsDocumentsYet$
|
|
219
|
+
var ThereAreNoDependentsDocumentsYet$2 = "There are no dependents documents yet";
|
|
221
220
|
var DependentsDocuments$2 = "Dependents Documents";
|
|
222
221
|
var IssueDate$2 = "Issue Date";
|
|
223
222
|
var ExpiryDate$2 = "Expiry Date";
|
|
224
223
|
var DocumentNumber$2 = "Document Number";
|
|
225
224
|
var EmployeeDocuments$2 = "Employee Documents";
|
|
225
|
+
var ThereAreNoEmployeeDocumentsYet$2 = "There are no employee documents yet";
|
|
226
226
|
var en = {
|
|
227
227
|
ReportingTo: ReportingTo$2,
|
|
228
228
|
NotAnknown: NotAnknown$2,
|
|
@@ -376,14 +376,14 @@ var en = {
|
|
|
376
376
|
"TicketEvery{{value}}Months": "Ticket every {{value}} months",
|
|
377
377
|
"TicketEvery{{value}}Month": "Ticket every {{value}} month",
|
|
378
378
|
ThereAreNoDependentsYet: ThereAreNoDependentsYet$2,
|
|
379
|
-
PersonalDocuments: PersonalDocuments$2,
|
|
380
379
|
ThereAreNoPersonalDocumentsYet: ThereAreNoPersonalDocumentsYet$1,
|
|
381
|
-
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet$
|
|
380
|
+
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet$2,
|
|
382
381
|
DependentsDocuments: DependentsDocuments$2,
|
|
383
382
|
IssueDate: IssueDate$2,
|
|
384
383
|
ExpiryDate: ExpiryDate$2,
|
|
385
384
|
DocumentNumber: DocumentNumber$2,
|
|
386
|
-
EmployeeDocuments: EmployeeDocuments$2
|
|
385
|
+
EmployeeDocuments: EmployeeDocuments$2,
|
|
386
|
+
ThereAreNoEmployeeDocumentsYet: ThereAreNoEmployeeDocumentsYet$2
|
|
387
387
|
};
|
|
388
388
|
|
|
389
389
|
var ReportingTo$1 = "مفوض الى";
|
|
@@ -530,14 +530,15 @@ var TotalEmployerShare$1 = "إجمالي حصة صاحب العمل";
|
|
|
530
530
|
var Dependents$1 = "المعالون";
|
|
531
531
|
var NotEntitled$1 = "غير مستحق";
|
|
532
532
|
var ThereAreNoDependentsYet$1 = "لا يوجد معالون حتى الآن";
|
|
533
|
-
var
|
|
534
|
-
var
|
|
535
|
-
var
|
|
536
|
-
var
|
|
533
|
+
var ThereIsNoPersonalDocumentsYet = "لا توجد وثائق شخصية بعد";
|
|
534
|
+
var ThereIsNoDependentsDocumentsYet = "لا توجد وثائق للمعالون بعد";
|
|
535
|
+
var DependentsDocuments$1 = "وثائق المعالون";
|
|
536
|
+
var ThereAreNoDependentsDocumentsYet$1 = "لا توجد وثائق للمعالون بعد";
|
|
537
537
|
var IssueDate$1 = "تاريخ الإصدار";
|
|
538
538
|
var ExpiryDate$1 = "تاريخ انتهاء الصلاحية";
|
|
539
539
|
var DocumentNumber$1 = "رقم الوثيقة";
|
|
540
540
|
var EmployeeDocuments$1 = "وثائق الموظف";
|
|
541
|
+
var ThereAreNoEmployeeDocumentsYet$1 = "لا توجد وثائق للموظف بعد";
|
|
541
542
|
var ar = {
|
|
542
543
|
ReportingTo: ReportingTo$1,
|
|
543
544
|
NotAnknown: NotAnknown$1,
|
|
@@ -690,14 +691,15 @@ var ar = {
|
|
|
690
691
|
"TicketEvery{{value}}Months": "تذكرة كل {{value}} شهر",
|
|
691
692
|
"TicketEvery{{value}}Month": "تذكرة كل {{value}} شهر",
|
|
692
693
|
ThereAreNoDependentsYet: ThereAreNoDependentsYet$1,
|
|
693
|
-
PersonalDocuments: PersonalDocuments$1,
|
|
694
694
|
ThereIsNoPersonalDocumentsYet: ThereIsNoPersonalDocumentsYet,
|
|
695
695
|
ThereIsNoDependentsDocumentsYet: ThereIsNoDependentsDocumentsYet,
|
|
696
696
|
DependentsDocuments: DependentsDocuments$1,
|
|
697
|
+
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet$1,
|
|
697
698
|
IssueDate: IssueDate$1,
|
|
698
699
|
ExpiryDate: ExpiryDate$1,
|
|
699
700
|
DocumentNumber: DocumentNumber$1,
|
|
700
|
-
EmployeeDocuments: EmployeeDocuments$1
|
|
701
|
+
EmployeeDocuments: EmployeeDocuments$1,
|
|
702
|
+
ThereAreNoEmployeeDocumentsYet: ThereAreNoEmployeeDocumentsYet$1
|
|
701
703
|
};
|
|
702
704
|
|
|
703
705
|
var ReportingTo = "Rapport à";
|
|
@@ -845,7 +847,6 @@ var TotalEmployerShare = "Part totale de l'employeur";
|
|
|
845
847
|
var Dependents = "Personnes à charge";
|
|
846
848
|
var NotEntitled = "Non éligible au droit";
|
|
847
849
|
var ThereAreNoDependentsYet = "Il n'y a pas encore de personnes à charge";
|
|
848
|
-
var PersonalDocuments = "Documents personnels";
|
|
849
850
|
var ThereAreNoPersonalDocumentsYet = "Il n'y a pas encore de documents personnels";
|
|
850
851
|
var ThereAreNoDependentsDocumentsYet = "Il n'y a pas encore de documents pour les personnes à charge";
|
|
851
852
|
var DependentsDocuments = "Documents des personnes à charge";
|
|
@@ -853,6 +854,7 @@ var IssueDate = "Date d'émission";
|
|
|
853
854
|
var ExpiryDate = "Date d'expiration";
|
|
854
855
|
var DocumentNumber = "Numéro de document";
|
|
855
856
|
var EmployeeDocuments = "Documents de l'employé";
|
|
857
|
+
var ThereAreNoEmployeeDocumentsYet = "Il n'y a pas encore de documents de l'employé";
|
|
856
858
|
var fr = {
|
|
857
859
|
ReportingTo: ReportingTo,
|
|
858
860
|
NotAnknown: NotAnknown,
|
|
@@ -1006,14 +1008,14 @@ var fr = {
|
|
|
1006
1008
|
"TicketEvery{{value}}Months": "Billet tous les {{value}} mois",
|
|
1007
1009
|
"TicketEvery{{value}}Month": "Billet tous les {{value}} mois",
|
|
1008
1010
|
ThereAreNoDependentsYet: ThereAreNoDependentsYet,
|
|
1009
|
-
PersonalDocuments: PersonalDocuments,
|
|
1010
1011
|
ThereAreNoPersonalDocumentsYet: ThereAreNoPersonalDocumentsYet,
|
|
1011
1012
|
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet,
|
|
1012
1013
|
DependentsDocuments: DependentsDocuments,
|
|
1013
1014
|
IssueDate: IssueDate,
|
|
1014
1015
|
ExpiryDate: ExpiryDate,
|
|
1015
1016
|
DocumentNumber: DocumentNumber,
|
|
1016
|
-
EmployeeDocuments: EmployeeDocuments
|
|
1017
|
+
EmployeeDocuments: EmployeeDocuments,
|
|
1018
|
+
ThereAreNoEmployeeDocumentsYet: ThereAreNoEmployeeDocumentsYet
|
|
1017
1019
|
};
|
|
1018
1020
|
|
|
1019
1021
|
const BUILT_IN_LEXICONS = { en, ar, fr };
|
|
@@ -5194,7 +5196,7 @@ class HrDocumentTabletCardComponent {
|
|
|
5194
5196
|
cardHeight = '155px';
|
|
5195
5197
|
// Shared classes (same as large screen)
|
|
5196
5198
|
labelClass = 'field-secondary-label-sm';
|
|
5197
|
-
valueClass = 'table-cell-md';
|
|
5199
|
+
valueClass = 'table-cell-md text-break';
|
|
5198
5200
|
downloadIconClass = 'fs-6 text-dark';
|
|
5199
5201
|
downloadContainerClass = 'bg-light-gray rounded-3 d-flex justify-content-center align-items-center cursor-pointer px-2';
|
|
5200
5202
|
downloadCountClass = 'text-dark fs-12 fw-bold ps-2';
|
|
@@ -5450,7 +5452,7 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5450
5452
|
headerIconClass = 'primary-icon-xl';
|
|
5451
5453
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
5452
5454
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
5453
|
-
valueClass = 'text-dark-gray fs-14';
|
|
5455
|
+
valueClass = 'text-dark-gray fs-14 text-break';
|
|
5454
5456
|
viewIconClass = 'fs-15 text-dark cursor-pointer';
|
|
5455
5457
|
downloadIconClass = 'fs-15 text-dark cursor-pointer';
|
|
5456
5458
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
@@ -5521,11 +5523,11 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5521
5523
|
this.attachmentDownloaded.emit(attachments);
|
|
5522
5524
|
}
|
|
5523
5525
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5524
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", topSpacingColClass: "topSpacingColClass", titleContainerClass: "titleContainerClass", titleClass: "titleClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletCardHeight: "tabletCardHeight", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass", tabletDownloadCountClass: "tabletDownloadCountClass", isMobile: "isMobile", isTablet: "isTablet" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\r\n [text]=\"(sectionTitle | HRTranslate | 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' | HRTranslate) + ')'\"\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' | HRTranslate}})\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 | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('
|
|
5526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", topSpacingColClass: "topSpacingColClass", titleContainerClass: "titleContainerClass", titleClass: "titleClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletCardHeight: "tabletCardHeight", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass", tabletDownloadCountClass: "tabletDownloadCountClass", isMobile: "isMobile", isTablet: "isTablet" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\r\n [text]=\"(sectionTitle | HRTranslate | 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' | HRTranslate) + ')'\"\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' | HRTranslate}})\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 | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoEmployeeDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.UpperCasePipe, name: "uppercase" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
5525
5527
|
}
|
|
5526
5528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, decorators: [{
|
|
5527
5529
|
type: Component,
|
|
5528
|
-
args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent, HRDocumentCardComponent, HrDocumentTabletCardComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\r\n [text]=\"(sectionTitle | HRTranslate | 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' | HRTranslate) + ')'\"\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' | HRTranslate}})\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 | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('
|
|
5530
|
+
args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent, HRDocumentCardComponent, HrDocumentTabletCardComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\r\n [text]=\"(sectionTitle | HRTranslate | 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' | HRTranslate) + ')'\"\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' | HRTranslate}})\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 | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoEmployeeDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n" }]
|
|
5529
5531
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
5530
5532
|
type: Input
|
|
5531
5533
|
}], employeeName: [{
|