@skysoftware-co/bayan-hr-widgets-ui 1.0.10 → 1.0.12
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 +156 -0
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs +110 -15
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs.map +1 -1
- package/lib/profile-bank-information-widget/profile-bank-information-widget.component.d.ts +1 -0
- package/lib/profile-personal-info-contact-widget/profile-personal-info-contact-widget.component.d.ts +4 -2
- package/lib/profile-personal-info-languages-widget/profile-personal-info-languages-widget.component.d.ts +4 -1
- package/lib/profile-personal-info-main-widget/profile-personal-info-main-widget.component.d.ts +4 -1
- package/lib/profile-personal-info-other-nationalities-widget/profile-personal-info-other-nationalities-widget.component.d.ts +5 -1
- package/lib/profile-profile-personal-info-address-widget/profile-personal-info-address-widget.component.d.ts +4 -1
- package/lib/shared/types/common.d.ts +1 -1
- package/package.json +1 -1
|
@@ -96,6 +96,13 @@ var AccountNumber$2 = "Account number";
|
|
|
96
96
|
var Beneficiary$2 = "Beneficiary";
|
|
97
97
|
var TransferAmount$2 = "Transfer amount";
|
|
98
98
|
var ThereIsNoBankYet$2 = "There is no bank yet";
|
|
99
|
+
var IsLoading$2 = "is loading...";
|
|
100
|
+
var ThereIsNoMainYet$2 = "There are no main details yet";
|
|
101
|
+
var ThereIsNoContactYet$2 = "There are no contact details yet";
|
|
102
|
+
var ThereIsNoAddressYet$2 = "There is no address yet";
|
|
103
|
+
var ThereIsNoLanguagesYet$2 = "There are no languages yet";
|
|
104
|
+
var UserInfoIsLoading$2 = "User information is loading...";
|
|
105
|
+
var ThereIsNoOtherNationalitiesYet$2 = "There are no other nationalities yet";
|
|
99
106
|
var main$2 = "Main";
|
|
100
107
|
var contact$2 = "Contact";
|
|
101
108
|
var address$2 = "Address";
|
|
@@ -163,6 +170,13 @@ var en = {
|
|
|
163
170
|
Beneficiary: Beneficiary$2,
|
|
164
171
|
TransferAmount: TransferAmount$2,
|
|
165
172
|
ThereIsNoBankYet: ThereIsNoBankYet$2,
|
|
173
|
+
IsLoading: IsLoading$2,
|
|
174
|
+
ThereIsNoMainYet: ThereIsNoMainYet$2,
|
|
175
|
+
ThereIsNoContactYet: ThereIsNoContactYet$2,
|
|
176
|
+
ThereIsNoAddressYet: ThereIsNoAddressYet$2,
|
|
177
|
+
ThereIsNoLanguagesYet: ThereIsNoLanguagesYet$2,
|
|
178
|
+
UserInfoIsLoading: UserInfoIsLoading$2,
|
|
179
|
+
ThereIsNoOtherNationalitiesYet: ThereIsNoOtherNationalitiesYet$2,
|
|
166
180
|
main: main$2,
|
|
167
181
|
contact: contact$2,
|
|
168
182
|
address: address$2,
|
|
@@ -232,6 +246,13 @@ var AccountNumber$1 = "رقم الحساب";
|
|
|
232
246
|
var Beneficiary$1 = "المستفيد";
|
|
233
247
|
var TransferAmount$1 = "مبلغ التحويل";
|
|
234
248
|
var ThereIsNoBankYet$1 = "لا يوجد بنك بعد";
|
|
249
|
+
var IsLoading$1 = "قيد التحميل...";
|
|
250
|
+
var ThereIsNoMainYet$1 = "لا توجد بيانات رئيسية بعد";
|
|
251
|
+
var ThereIsNoContactYet$1 = "لا توجد بيانات اتصال بعد";
|
|
252
|
+
var ThereIsNoAddressYet$1 = "لا يوجد عنوان بعد";
|
|
253
|
+
var ThereIsNoLanguagesYet$1 = "لا توجد لغات بعد";
|
|
254
|
+
var UserInfoIsLoading$1 = "جاري تحميل معلومات المستخدم...";
|
|
255
|
+
var ThereIsNoOtherNationalitiesYet$1 = "لا توجد جنسيات أخرى بعد";
|
|
235
256
|
var main$1 = "البيانات الرئيسية";
|
|
236
257
|
var contact$1 = "بيانات الاتصال";
|
|
237
258
|
var address$1 = "العنوان";
|
|
@@ -299,6 +320,13 @@ var ar = {
|
|
|
299
320
|
Beneficiary: Beneficiary$1,
|
|
300
321
|
TransferAmount: TransferAmount$1,
|
|
301
322
|
ThereIsNoBankYet: ThereIsNoBankYet$1,
|
|
323
|
+
IsLoading: IsLoading$1,
|
|
324
|
+
ThereIsNoMainYet: ThereIsNoMainYet$1,
|
|
325
|
+
ThereIsNoContactYet: ThereIsNoContactYet$1,
|
|
326
|
+
ThereIsNoAddressYet: ThereIsNoAddressYet$1,
|
|
327
|
+
ThereIsNoLanguagesYet: ThereIsNoLanguagesYet$1,
|
|
328
|
+
UserInfoIsLoading: UserInfoIsLoading$1,
|
|
329
|
+
ThereIsNoOtherNationalitiesYet: ThereIsNoOtherNationalitiesYet$1,
|
|
302
330
|
main: main$1,
|
|
303
331
|
contact: contact$1,
|
|
304
332
|
address: address$1,
|
|
@@ -368,6 +396,13 @@ var AccountNumber = "Numéro de compte";
|
|
|
368
396
|
var Beneficiary = "Bénéficiaire";
|
|
369
397
|
var TransferAmount = "Montant du transfert";
|
|
370
398
|
var ThereIsNoBankYet = "Il n'y a pas encore de banque";
|
|
399
|
+
var IsLoading = "est en cours de chargement...";
|
|
400
|
+
var ThereIsNoMainYet = "Il n'y a pas encore d'informations principales";
|
|
401
|
+
var ThereIsNoContactYet = "Il n'y a pas encore de coordonnées";
|
|
402
|
+
var ThereIsNoAddressYet = "Il n'y a pas encore d'adresse";
|
|
403
|
+
var ThereIsNoLanguagesYet = "Il n'y a pas encore de langues";
|
|
404
|
+
var UserInfoIsLoading = "Les informations de l'utilisateur sont en cours de chargement...";
|
|
405
|
+
var ThereIsNoOtherNationalitiesYet = "Il n'y a pas encore d'autres nationalités";
|
|
371
406
|
var main = "Principal";
|
|
372
407
|
var contact = "Contact";
|
|
373
408
|
var address = "Adresse";
|
|
@@ -435,6 +470,13 @@ var fr = {
|
|
|
435
470
|
Beneficiary: Beneficiary,
|
|
436
471
|
TransferAmount: TransferAmount,
|
|
437
472
|
ThereIsNoBankYet: ThereIsNoBankYet,
|
|
473
|
+
IsLoading: IsLoading,
|
|
474
|
+
ThereIsNoMainYet: ThereIsNoMainYet,
|
|
475
|
+
ThereIsNoContactYet: ThereIsNoContactYet,
|
|
476
|
+
ThereIsNoAddressYet: ThereIsNoAddressYet,
|
|
477
|
+
ThereIsNoLanguagesYet: ThereIsNoLanguagesYet,
|
|
478
|
+
UserInfoIsLoading: UserInfoIsLoading,
|
|
479
|
+
ThereIsNoOtherNationalitiesYet: ThereIsNoOtherNationalitiesYet,
|
|
438
480
|
main: main,
|
|
439
481
|
contact: contact,
|
|
440
482
|
address: address,
|
|
@@ -1812,6 +1854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1812
1854
|
class ProfileBankInformationWidgetComponent {
|
|
1813
1855
|
commonMethodsService;
|
|
1814
1856
|
hrSelfWidgetsService;
|
|
1857
|
+
isLoading = true;
|
|
1815
1858
|
constructor(commonMethodsService, hrSelfWidgetsService) {
|
|
1816
1859
|
this.commonMethodsService = commonMethodsService;
|
|
1817
1860
|
this.hrSelfWidgetsService = hrSelfWidgetsService;
|
|
@@ -1820,10 +1863,12 @@ class ProfileBankInformationWidgetComponent {
|
|
|
1820
1863
|
this.isLoadingChanged.emit(true);
|
|
1821
1864
|
this.hrSelfWidgetsService.getBankInformation(this.baseUrl).subscribe({
|
|
1822
1865
|
next: (response) => {
|
|
1866
|
+
this.isLoading = false;
|
|
1823
1867
|
this.employeeBankInformation = response ?? [];
|
|
1824
1868
|
this.isLoadingChanged.emit(false);
|
|
1825
1869
|
},
|
|
1826
1870
|
error: () => {
|
|
1871
|
+
this.isLoading = false;
|
|
1827
1872
|
this.employeeBankInformation = [];
|
|
1828
1873
|
this.isLoadingChanged.emit(false);
|
|
1829
1874
|
}
|
|
@@ -1863,11 +1908,11 @@ class ProfileBankInformationWidgetComponent {
|
|
|
1863
1908
|
return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals) || '-';
|
|
1864
1909
|
}
|
|
1865
1910
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInformationWidgetComponent, deps: [{ token: HRCommonMethodsService }, { token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1866
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileBankInformationWidgetComponent, isStandalone: true, selector: "hr-profile-bank-information-widget", inputs: { currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", cardClass: "cardClass", mainBadgeClass: "mainBadgeClass", mainBadgeTextClass: "mainBadgeTextClass", triangleClass: "triangleClass", rowClass: "rowClass", rowMainPtClass: "rowMainPtClass", rowNormalPtClass: "rowNormalPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", bankInformationIcon: "bankInformationIcon", sectionHeaderVisibility: "sectionHeaderVisibility", sectionTitle: "sectionTitle", language: "language", baseUrl: "baseUrl" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\r\n [text]=\"(sectionTitle | HRTranslate)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n}\r\n@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n <div [class]=\"mainBadgeClass\"\r\n style=\"padding-top: 2px\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n </div>\r\n\r\n <div [class]=\"triangleClass\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n <path 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\"></path>\r\n </svg>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Bank'\"\r\n [value]=\"bankInfo.BankName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Branch'\"\r\n [value]=\"bankInfo.BranchName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"responsiveTopSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'IBAN'\"\r\n [value]=\"bankInfo.IBAN\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n [value]=\"bankInfo.AccountNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n [value]=\"bankInfo.Beneficiary\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n @if(bankInfo.TransferAmount != null){\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{'ThereIsNoBankYet' | HRTranslate}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
1911
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileBankInformationWidgetComponent, isStandalone: true, selector: "hr-profile-bank-information-widget", inputs: { currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", cardClass: "cardClass", mainBadgeClass: "mainBadgeClass", mainBadgeTextClass: "mainBadgeTextClass", triangleClass: "triangleClass", rowClass: "rowClass", rowMainPtClass: "rowMainPtClass", rowNormalPtClass: "rowNormalPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", bankInformationIcon: "bankInformationIcon", sectionHeaderVisibility: "sectionHeaderVisibility", sectionTitle: "sectionTitle", language: "language", baseUrl: "baseUrl" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\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@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n <div [class]=\"mainBadgeClass\"\r\n style=\"padding-top: 2px\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n </div>\r\n\r\n <div [class]=\"triangleClass\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n <path 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\"></path>\r\n </svg>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Bank'\"\r\n [value]=\"bankInfo.BankName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Branch'\"\r\n [value]=\"bankInfo.BranchName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"responsiveTopSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'IBAN'\"\r\n [value]=\"bankInfo.IBAN\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n [value]=\"bankInfo.AccountNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n [value]=\"bankInfo.Beneficiary\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n @if(bankInfo.TransferAmount != null){\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoBankYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
1867
1912
|
}
|
|
1868
1913
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInformationWidgetComponent, decorators: [{
|
|
1869
1914
|
type: Component,
|
|
1870
|
-
args: [{ selector: 'hr-profile-bank-information-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\r\n [text]=\"(sectionTitle | HRTranslate)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n}\r\n@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n <div [class]=\"mainBadgeClass\"\r\n style=\"padding-top: 2px\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n </div>\r\n\r\n <div [class]=\"triangleClass\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n <path 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\"></path>\r\n </svg>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Bank'\"\r\n [value]=\"bankInfo.BankName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Branch'\"\r\n [value]=\"bankInfo.BranchName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"responsiveTopSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'IBAN'\"\r\n [value]=\"bankInfo.IBAN\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n [value]=\"bankInfo.AccountNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n [value]=\"bankInfo.Beneficiary\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n @if(bankInfo.TransferAmount != null){\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{'ThereIsNoBankYet' | HRTranslate}}</p>\r\n</div>\r\n}\r\n" }]
|
|
1915
|
+
args: [{ selector: 'hr-profile-bank-information-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\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@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n <div [class]=\"mainBadgeClass\"\r\n style=\"padding-top: 2px\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n </div>\r\n\r\n <div [class]=\"triangleClass\"\r\n [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n <path 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\"></path>\r\n </svg>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Bank'\"\r\n [value]=\"bankInfo.BankName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Branch'\"\r\n [value]=\"bankInfo.BranchName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"responsiveTopSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'IBAN'\"\r\n [value]=\"bankInfo.IBAN\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n [value]=\"bankInfo.AccountNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n [value]=\"bankInfo.Beneficiary\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n @if(bankInfo.TransferAmount != null){\r\n <div [class]=\"topSpacingColClass\">\r\n <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoBankYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
1871
1916
|
}], ctorParameters: () => [{ type: HRCommonMethodsService }, { type: HRSelfWidgetsService }], propDecorators: { currencyCode: [{
|
|
1872
1917
|
type: Input
|
|
1873
1918
|
}], currencyDecimals: [{
|
|
@@ -1924,6 +1969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1924
1969
|
class ProfilePersonalInfoMainWidgetComponent {
|
|
1925
1970
|
hrSelfWidgetsService;
|
|
1926
1971
|
employeePersonalInformation = null;
|
|
1972
|
+
isLoading = true;
|
|
1927
1973
|
baseUrl = '';
|
|
1928
1974
|
alternateLanguage = 'English';
|
|
1929
1975
|
headerIconClass = 'primary-icon-xl';
|
|
@@ -1937,6 +1983,8 @@ class ProfilePersonalInfoMainWidgetComponent {
|
|
|
1937
1983
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
1938
1984
|
labelClass = 'field-secondary-label-sm';
|
|
1939
1985
|
valueClass = 'fs-14 fw-medium';
|
|
1986
|
+
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
1987
|
+
emptyStateTextClass = 'field-secondary-label-md';
|
|
1940
1988
|
mainIcon = faMemoCircleInfo;
|
|
1941
1989
|
sectionTitle = 'main';
|
|
1942
1990
|
isLoadingChanged = new EventEmitter();
|
|
@@ -1945,26 +1993,29 @@ class ProfilePersonalInfoMainWidgetComponent {
|
|
|
1945
1993
|
}
|
|
1946
1994
|
ngOnInit() {
|
|
1947
1995
|
if (!this.baseUrl) {
|
|
1996
|
+
this.isLoading = false;
|
|
1948
1997
|
return;
|
|
1949
1998
|
}
|
|
1950
1999
|
this.isLoadingChanged.emit(true);
|
|
1951
2000
|
this.hrSelfWidgetsService.getPersonalInfoMainDetails(this.baseUrl).subscribe({
|
|
1952
2001
|
next: (response) => {
|
|
2002
|
+
this.isLoading = false;
|
|
1953
2003
|
this.isLoadingChanged.emit(false);
|
|
1954
2004
|
this.employeePersonalInformation = response;
|
|
1955
2005
|
},
|
|
1956
2006
|
error: () => {
|
|
2007
|
+
this.isLoading = false;
|
|
1957
2008
|
this.isLoadingChanged.emit(false);
|
|
1958
2009
|
this.employeePersonalInformation = null;
|
|
1959
2010
|
}
|
|
1960
2011
|
});
|
|
1961
2012
|
}
|
|
1962
2013
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoMainWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1963
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoMainWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-main-widget", inputs: { baseUrl: "baseUrl", alternateLanguage: "alternateLanguage", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", hiddenSpacerColClass: "hiddenSpacerColClass", topSpacingColumnClass: "topSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", mainIcon: "mainIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\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 [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInformation
|
|
2014
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoMainWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-main-widget", inputs: { baseUrl: "baseUrl", alternateLanguage: "alternateLanguage", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", hiddenSpacerColClass: "hiddenSpacerColClass", topSpacingColumnClass: "topSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", mainIcon: "mainIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\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@if(employeePersonalInformation){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInformation.EmployeeName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{'Name' | HRTranslate}} ({{alternateLanguage}})</div>\r\n @if(employeePersonalInformation.EmployeeNameAlternate){\r\n <div [ngClass]=\"valueClass\">{{employeePersonalInformation.EmployeeNameAlternate}}</div>\r\n }@else{\r\n <div [ngClass]=\"valueClass\">{{'\u2014'}}</div>\r\n }\r\n </div>\r\n\r\n <div [ngClass]=\"hiddenSpacerColClass\"></div>\r\n\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Nationality'\"\r\n [value]=\"employeePersonalInformation.NationalityName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'NationalNumber'\"\r\n [value]=\"employeePersonalInformation.NationalNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'SocialSecurityNumber'\"\r\n [value]=\"employeePersonalInformation.SocialSecurityNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'MaritalStatus'\"\r\n [value]=\"employeePersonalInformation.MaritalStateName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BirthDate'\"\r\n [value]=\"employeePersonalInformation.BirthDate ? (employeePersonalInformation.BirthDate | date: 'dd/MM/yyyy') : null\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BirthPlace'\"\r\n [value]=\"employeePersonalInformation.BirthPlace\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BloodType'\"\r\n [value]=\"employeePersonalInformation.BloodTypeCode\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Religion'\"\r\n [value]=\"employeePersonalInformation.ReligionName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'MinistryOfLaborNumber'\"\r\n [value]=\"employeePersonalInformation.MinistryOfLaborNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoMainYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
1964
2015
|
}
|
|
1965
2016
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoMainWidgetComponent, decorators: [{
|
|
1966
2017
|
type: Component,
|
|
1967
|
-
args: [{ selector: 'hr-profile-personal-info-main-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\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 [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInformation
|
|
2018
|
+
args: [{ selector: 'hr-profile-personal-info-main-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\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@if(employeePersonalInformation){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInformation.EmployeeName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{'Name' | HRTranslate}} ({{alternateLanguage}})</div>\r\n @if(employeePersonalInformation.EmployeeNameAlternate){\r\n <div [ngClass]=\"valueClass\">{{employeePersonalInformation.EmployeeNameAlternate}}</div>\r\n }@else{\r\n <div [ngClass]=\"valueClass\">{{'\u2014'}}</div>\r\n }\r\n </div>\r\n\r\n <div [ngClass]=\"hiddenSpacerColClass\"></div>\r\n\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Nationality'\"\r\n [value]=\"employeePersonalInformation.NationalityName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'NationalNumber'\"\r\n [value]=\"employeePersonalInformation.NationalNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'SocialSecurityNumber'\"\r\n [value]=\"employeePersonalInformation.SocialSecurityNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'MaritalStatus'\"\r\n [value]=\"employeePersonalInformation.MaritalStateName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BirthDate'\"\r\n [value]=\"employeePersonalInformation.BirthDate ? (employeePersonalInformation.BirthDate | date: 'dd/MM/yyyy') : null\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BirthPlace'\"\r\n [value]=\"employeePersonalInformation.BirthPlace\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'BloodType'\"\r\n [value]=\"employeePersonalInformation.BloodTypeCode\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Religion'\"\r\n [value]=\"employeePersonalInformation.ReligionName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'MinistryOfLaborNumber'\"\r\n [value]=\"employeePersonalInformation.MinistryOfLaborNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoMainYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
1968
2019
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
1969
2020
|
type: Input,
|
|
1970
2021
|
args: [{ required: true }]
|
|
@@ -1992,6 +2043,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
1992
2043
|
type: Input
|
|
1993
2044
|
}], valueClass: [{
|
|
1994
2045
|
type: Input
|
|
2046
|
+
}], emptyStateContainerClass: [{
|
|
2047
|
+
type: Input
|
|
2048
|
+
}], emptyStateTextClass: [{
|
|
2049
|
+
type: Input
|
|
1995
2050
|
}], mainIcon: [{
|
|
1996
2051
|
type: Input
|
|
1997
2052
|
}], sectionTitle: [{
|
|
@@ -2003,6 +2058,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2003
2058
|
class ProfilePersonalInfoContactWidgetComponent {
|
|
2004
2059
|
hrSelfWidgetsService;
|
|
2005
2060
|
employeePersonalInfoContactDetails = null;
|
|
2061
|
+
isLoading = true;
|
|
2006
2062
|
baseUrl = '';
|
|
2007
2063
|
headerIconClass = 'primary-icon-xl';
|
|
2008
2064
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
@@ -2014,8 +2070,9 @@ class ProfilePersonalInfoContactWidgetComponent {
|
|
|
2014
2070
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2015
2071
|
labelClass = 'field-secondary-label-sm';
|
|
2016
2072
|
valueClass = 'fs-14 fw-medium';
|
|
2017
|
-
emergencyContactLabelClass = 'fs-
|
|
2018
|
-
|
|
2073
|
+
emergencyContactLabelClass = 'fs-14 fw-semi-bold';
|
|
2074
|
+
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2075
|
+
emptyStateTextClass = 'field-secondary-label-md';
|
|
2019
2076
|
contactIcon = faPhone;
|
|
2020
2077
|
emergencyContactIcon = faBolt;
|
|
2021
2078
|
sectionTitle = "contact";
|
|
@@ -2027,26 +2084,29 @@ class ProfilePersonalInfoContactWidgetComponent {
|
|
|
2027
2084
|
}
|
|
2028
2085
|
ngOnInit() {
|
|
2029
2086
|
if (!this.baseUrl) {
|
|
2087
|
+
this.isLoading = false;
|
|
2030
2088
|
return;
|
|
2031
2089
|
}
|
|
2032
2090
|
this.isLoadingChanged.emit(true);
|
|
2033
2091
|
this.hrSelfWidgetsService.getPersonalInfoContactDetails(this.baseUrl).subscribe({
|
|
2034
2092
|
next: (response) => {
|
|
2093
|
+
this.isLoading = false;
|
|
2035
2094
|
this.isLoadingChanged.emit(false);
|
|
2036
2095
|
this.employeePersonalInfoContactDetails = response;
|
|
2037
2096
|
},
|
|
2038
2097
|
error: () => {
|
|
2098
|
+
this.isLoading = false;
|
|
2039
2099
|
this.isLoadingChanged.emit(false);
|
|
2040
2100
|
this.employeePersonalInfoContactDetails = null;
|
|
2041
2101
|
}
|
|
2042
2102
|
});
|
|
2043
2103
|
}
|
|
2044
2104
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoContactWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2045
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoContactWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-contact-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emergencyContactLabelClass: "emergencyContactLabelClass",
|
|
2105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoContactWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-contact-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emergencyContactLabelClass: "emergencyContactLabelClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", contactIcon: "contactIcon", emergencyContactIcon: "emergencyContactIcon", sectionTitle: "sectionTitle", showEmergencyContact: "showEmergencyContact", emergencyContactRowClass: "emergencyContactRowClass" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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@if(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'HomePhone'\"\r\n [value]=\"employeePersonalInfoContactDetails.HomePhone\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n \r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Email'\"\r\n [value]=\"employeePersonalInfoContactDetails.Email\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n@if(showEmergencyContact)\r\n{\r\n<div [ngClass]=\"rowClass\">\r\n <div class=\"col-12\">\r\n <div [ngClass]=\"emergencyContactLabelClass\">\r\n • {{'EmergencyContact' | HRTranslate}}\r\n </div>\r\n </div>\r\n</div>\r\n<div [ngClass]=\"emergencyContactRowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Name || employeePersonalInfoContactDetails.EmergencyContactLegacy\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Relation'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Relation\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Phone'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.PhoneNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoContactYet' | HRTranslate)}}</p>\r\n</div>\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
2046
2106
|
}
|
|
2047
2107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoContactWidgetComponent, decorators: [{
|
|
2048
2108
|
type: Component,
|
|
2049
|
-
args: [{ selector: 'hr-profile-personal-info-contact-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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 [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails
|
|
2109
|
+
args: [{ selector: 'hr-profile-personal-info-contact-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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@if(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'HomePhone'\"\r\n [value]=\"employeePersonalInfoContactDetails.HomePhone\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n \r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Email'\"\r\n [value]=\"employeePersonalInfoContactDetails.Email\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n@if(showEmergencyContact)\r\n{\r\n<div [ngClass]=\"rowClass\">\r\n <div class=\"col-12\">\r\n <div [ngClass]=\"emergencyContactLabelClass\">\r\n • {{'EmergencyContact' | HRTranslate}}\r\n </div>\r\n </div>\r\n</div>\r\n<div [ngClass]=\"emergencyContactRowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Name || employeePersonalInfoContactDetails.EmergencyContactLegacy\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Relation'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Relation\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Phone'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.PhoneNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoContactYet' | HRTranslate)}}</p>\r\n</div>\r\n}" }]
|
|
2050
2110
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2051
2111
|
type: Input,
|
|
2052
2112
|
args: [{ required: true }]
|
|
@@ -2072,7 +2132,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2072
2132
|
type: Input
|
|
2073
2133
|
}], emergencyContactLabelClass: [{
|
|
2074
2134
|
type: Input
|
|
2075
|
-
}],
|
|
2135
|
+
}], emptyStateContainerClass: [{
|
|
2136
|
+
type: Input
|
|
2137
|
+
}], emptyStateTextClass: [{
|
|
2076
2138
|
type: Input
|
|
2077
2139
|
}], contactIcon: [{
|
|
2078
2140
|
type: Input
|
|
@@ -2091,6 +2153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2091
2153
|
class ProfilePersonalInfoAddressWidgetComponent {
|
|
2092
2154
|
hrSelfWidgetsService;
|
|
2093
2155
|
personalInfoAddressDetails = null;
|
|
2156
|
+
isLoading = true;
|
|
2094
2157
|
baseUrl = '';
|
|
2095
2158
|
headerIconClass = 'primary-icon-xl';
|
|
2096
2159
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
@@ -2101,6 +2164,8 @@ class ProfilePersonalInfoAddressWidgetComponent {
|
|
|
2101
2164
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2102
2165
|
labelClass = 'field-secondary-label-sm';
|
|
2103
2166
|
valueClass = 'fs-14 fw-medium';
|
|
2167
|
+
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2168
|
+
emptyStateTextClass = 'field-secondary-label-md';
|
|
2104
2169
|
addressIcon = faHouse;
|
|
2105
2170
|
sectionTitle = 'address';
|
|
2106
2171
|
isLoadingChanged = new EventEmitter();
|
|
@@ -2109,26 +2174,29 @@ class ProfilePersonalInfoAddressWidgetComponent {
|
|
|
2109
2174
|
}
|
|
2110
2175
|
ngOnInit() {
|
|
2111
2176
|
if (!this.baseUrl) {
|
|
2177
|
+
this.isLoading = false;
|
|
2112
2178
|
return;
|
|
2113
2179
|
}
|
|
2114
2180
|
this.isLoadingChanged.emit(true);
|
|
2115
2181
|
this.hrSelfWidgetsService.getPersonalInfoAddressDetails(this.baseUrl).subscribe({
|
|
2116
2182
|
next: (response) => {
|
|
2183
|
+
this.isLoading = false;
|
|
2117
2184
|
this.isLoadingChanged.emit(false);
|
|
2118
2185
|
this.personalInfoAddressDetails = response;
|
|
2119
2186
|
},
|
|
2120
2187
|
error: () => {
|
|
2188
|
+
this.isLoading = false;
|
|
2121
2189
|
this.isLoadingChanged.emit(false);
|
|
2122
2190
|
this.personalInfoAddressDetails = null;
|
|
2123
2191
|
}
|
|
2124
2192
|
});
|
|
2125
2193
|
}
|
|
2126
2194
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoAddressWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2127
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2195
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoAddressWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-address-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", addressIcon: "addressIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"addressIcon\"\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@if(personalInfoAddressDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Address'\"\r\n [value]=\"personalInfoAddressDetails.Address\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'City'\"\r\n [value]=\"personalInfoAddressDetails.City\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'P.OBox'\"\r\n [value]=\"personalInfoAddressDetails.POBox\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'PostalCode'\"\r\n [value]=\"personalInfoAddressDetails.PostalCode\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoAddressYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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"] }] });
|
|
2128
2196
|
}
|
|
2129
2197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoAddressWidgetComponent, decorators: [{
|
|
2130
2198
|
type: Component,
|
|
2131
|
-
args: [{ selector: 'hr-profile-personal-info-address-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"addressIcon\"\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 [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Address'\"\r\n [value]=\"personalInfoAddressDetails
|
|
2199
|
+
args: [{ selector: 'hr-profile-personal-info-address-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"addressIcon\"\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@if(personalInfoAddressDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'Address'\"\r\n [value]=\"personalInfoAddressDetails.Address\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'City'\"\r\n [value]=\"personalInfoAddressDetails.City\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'P.OBox'\"\r\n [value]=\"personalInfoAddressDetails.POBox\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'PostalCode'\"\r\n [value]=\"personalInfoAddressDetails.PostalCode\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoAddressYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
2132
2200
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2133
2201
|
type: Input,
|
|
2134
2202
|
args: [{ required: true }]
|
|
@@ -2150,6 +2218,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2150
2218
|
type: Input
|
|
2151
2219
|
}], valueClass: [{
|
|
2152
2220
|
type: Input
|
|
2221
|
+
}], emptyStateContainerClass: [{
|
|
2222
|
+
type: Input
|
|
2223
|
+
}], emptyStateTextClass: [{
|
|
2224
|
+
type: Input
|
|
2153
2225
|
}], addressIcon: [{
|
|
2154
2226
|
type: Input
|
|
2155
2227
|
}], sectionTitle: [{
|
|
@@ -2161,11 +2233,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2161
2233
|
class ProfilePersonalInfoLanguagesWidgetComponent {
|
|
2162
2234
|
hrSelfWidgetsService;
|
|
2163
2235
|
languages = null;
|
|
2236
|
+
isLoading = true;
|
|
2164
2237
|
baseUrl = '';
|
|
2165
2238
|
headerIconClass = 'primary-icon-xl';
|
|
2166
2239
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
2167
2240
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
2168
2241
|
contentTextClass = 'text-dark-gray fs-14 fw-medium mt-4';
|
|
2242
|
+
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2243
|
+
emptyStateTextClass = 'field-secondary-label-md';
|
|
2169
2244
|
hasDataChange = new EventEmitter();
|
|
2170
2245
|
languagesIcon = faLanguage;
|
|
2171
2246
|
sectionTitle = "languages";
|
|
@@ -2175,17 +2250,20 @@ class ProfilePersonalInfoLanguagesWidgetComponent {
|
|
|
2175
2250
|
}
|
|
2176
2251
|
ngOnInit() {
|
|
2177
2252
|
if (!this.baseUrl) {
|
|
2253
|
+
this.isLoading = false;
|
|
2178
2254
|
this.emitHasData();
|
|
2179
2255
|
return;
|
|
2180
2256
|
}
|
|
2181
2257
|
this.isLoadingChanged.emit(true);
|
|
2182
2258
|
this.hrSelfWidgetsService.getPersonalInfoLanguages(this.baseUrl).subscribe({
|
|
2183
2259
|
next: (response) => {
|
|
2260
|
+
this.isLoading = false;
|
|
2184
2261
|
this.isLoadingChanged.emit(false);
|
|
2185
2262
|
this.languages = response ?? [];
|
|
2186
2263
|
this.emitHasData();
|
|
2187
2264
|
},
|
|
2188
2265
|
error: () => {
|
|
2266
|
+
this.isLoading = false;
|
|
2189
2267
|
this.languages = [];
|
|
2190
2268
|
this.emitHasData();
|
|
2191
2269
|
this.isLoadingChanged.emit(false);
|
|
@@ -2199,11 +2277,11 @@ class ProfilePersonalInfoLanguagesWidgetComponent {
|
|
|
2199
2277
|
return this.languages?.join(', ') || '-';
|
|
2200
2278
|
}
|
|
2201
2279
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoLanguagesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2202
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2280
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoLanguagesWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-languages-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", contentTextClass: "contentTextClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", languagesIcon: "languagesIcon", sectionTitle: "sectionTitle" }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"languagesIcon\"\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@if((languages?.length ?? 0) > 0){\r\n<div [ngClass]=\"contentTextClass\">\r\n {{getLanguages()}}\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoLanguagesYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }] });
|
|
2203
2281
|
}
|
|
2204
2282
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoLanguagesWidgetComponent, decorators: [{
|
|
2205
2283
|
type: Component,
|
|
2206
|
-
args: [{ selector: 'hr-profile-personal-info-languages-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"languagesIcon\"\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 [ngClass]=\"contentTextClass\">\r\n {{getLanguages()}}\r\n</div>\r\n" }]
|
|
2284
|
+
args: [{ selector: 'hr-profile-personal-info-languages-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"languagesIcon\"\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@if((languages?.length ?? 0) > 0){\r\n<div [ngClass]=\"contentTextClass\">\r\n {{getLanguages()}}\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoLanguagesYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
2207
2285
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2208
2286
|
type: Input
|
|
2209
2287
|
}], headerIconClass: [{
|
|
@@ -2214,6 +2292,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2214
2292
|
type: Input
|
|
2215
2293
|
}], contentTextClass: [{
|
|
2216
2294
|
type: Input
|
|
2295
|
+
}], emptyStateContainerClass: [{
|
|
2296
|
+
type: Input
|
|
2297
|
+
}], emptyStateTextClass: [{
|
|
2298
|
+
type: Input
|
|
2217
2299
|
}], hasDataChange: [{
|
|
2218
2300
|
type: Output
|
|
2219
2301
|
}], languagesIcon: [{
|
|
@@ -2227,11 +2309,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2227
2309
|
class ProfilePersonalInfoOtherNationalitiesWidgetComponent {
|
|
2228
2310
|
hrSelfWidgetsService;
|
|
2229
2311
|
personalInfo = null;
|
|
2312
|
+
isLoading = true;
|
|
2230
2313
|
baseUrl = '';
|
|
2231
2314
|
headerIconClass = 'primary-icon-xl';
|
|
2232
2315
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
2233
2316
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
2234
2317
|
contentTextClass = 'text-dark-gray fs-14 fw-medium mt-4';
|
|
2318
|
+
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2319
|
+
emptyStateTextClass = 'field-secondary-label-md';
|
|
2320
|
+
emptyStateTextKey = 'ThereIsNoOtherNationalitiesYet';
|
|
2235
2321
|
hasDataChange = new EventEmitter();
|
|
2236
2322
|
isLoadingChanged = new EventEmitter();
|
|
2237
2323
|
otherNationalitiesIcon = faEarthAfrica;
|
|
@@ -2241,17 +2327,20 @@ class ProfilePersonalInfoOtherNationalitiesWidgetComponent {
|
|
|
2241
2327
|
}
|
|
2242
2328
|
ngOnInit() {
|
|
2243
2329
|
if (!this.baseUrl) {
|
|
2330
|
+
this.isLoading = false;
|
|
2244
2331
|
this.emitHasData();
|
|
2245
2332
|
return;
|
|
2246
2333
|
}
|
|
2247
2334
|
this.isLoadingChanged.emit(true);
|
|
2248
2335
|
this.hrSelfWidgetsService.getPersonalInfoOtherNationalities(this.baseUrl).subscribe({
|
|
2249
2336
|
next: (response) => {
|
|
2337
|
+
this.isLoading = false;
|
|
2250
2338
|
this.isLoadingChanged.emit(false);
|
|
2251
2339
|
this.personalInfo = response ?? [];
|
|
2252
2340
|
this.emitHasData();
|
|
2253
2341
|
},
|
|
2254
2342
|
error: () => {
|
|
2343
|
+
this.isLoading = false;
|
|
2255
2344
|
this.isLoadingChanged.emit(false);
|
|
2256
2345
|
this.personalInfo = [];
|
|
2257
2346
|
this.emitHasData();
|
|
@@ -2265,11 +2354,11 @@ class ProfilePersonalInfoOtherNationalitiesWidgetComponent {
|
|
|
2265
2354
|
return this.personalInfo?.join(', ') || '-';
|
|
2266
2355
|
}
|
|
2267
2356
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoOtherNationalitiesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2268
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoOtherNationalitiesWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-other-nationalities-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", contentTextClass: "contentTextClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", emptyStateTextKey: "emptyStateTextKey", otherNationalitiesIcon: "otherNationalitiesIcon", sectionTitle: "sectionTitle" }, outputs: { hasDataChange: "hasDataChange", isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"otherNationalitiesIcon\"\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@if((personalInfo?.length ?? 0) > 0){\r\n<div [ngClass]=\"contentTextClass\">\r\n {{getOtherNationalities()}}\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : (emptyStateTextKey | HRTranslate)}}</p>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }] });
|
|
2269
2358
|
}
|
|
2270
2359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoOtherNationalitiesWidgetComponent, decorators: [{
|
|
2271
2360
|
type: Component,
|
|
2272
|
-
args: [{ selector: 'hr-profile-personal-info-other-nationalities-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"otherNationalitiesIcon\"\r\n [text]=\"( sectionTitle | HRTranslate)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [ngClass]=\"contentTextClass\">\r\n {{getOtherNationalities()}}\r\n</div>\r\n" }]
|
|
2361
|
+
args: [{ selector: 'hr-profile-personal-info-other-nationalities-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"otherNationalitiesIcon\"\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@if((personalInfo?.length ?? 0) > 0){\r\n<div [ngClass]=\"contentTextClass\">\r\n {{getOtherNationalities()}}\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : (emptyStateTextKey | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
2273
2362
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2274
2363
|
type: Input,
|
|
2275
2364
|
args: [{ required: true }]
|
|
@@ -2281,6 +2370,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2281
2370
|
type: Input
|
|
2282
2371
|
}], contentTextClass: [{
|
|
2283
2372
|
type: Input
|
|
2373
|
+
}], emptyStateContainerClass: [{
|
|
2374
|
+
type: Input
|
|
2375
|
+
}], emptyStateTextClass: [{
|
|
2376
|
+
type: Input
|
|
2377
|
+
}], emptyStateTextKey: [{
|
|
2378
|
+
type: Input
|
|
2284
2379
|
}], hasDataChange: [{
|
|
2285
2380
|
type: Output
|
|
2286
2381
|
}], isLoadingChanged: [{
|