@skysoftware-co/bayan-hr-widgets-ui 1.0.14 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +355 -11
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs +108 -102
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs.map +1 -1
- package/lib/my-vacation-team-widget/my-vacation-team-widget.component.d.ts +3 -1
- package/lib/profile-bank-info-widget/profile-bank-info-widget.component.d.ts +44 -0
- package/lib/profile-job-info-contract-widget/profile-job-info-contract-widget.component.d.ts +30 -0
- package/lib/profile-job-info-main-widget/profile-job-info-main-widget.component.d.ts +30 -0
- package/lib/profile-job-info-service-charge-widget/profile-job-info-service-charge-widget.component.d.ts +32 -0
- package/lib/profile-job-information-salary-widget/profile-job-info-salary-widget.component.d.ts +36 -0
- package/package.json +3 -2
- package/public-api.d.ts +5 -5
- package/lib/profile-bank-information-widget/profile-bank-information-widget.component.d.ts +0 -44
- package/lib/profile-job-information-contract-widget/profile-job-information-contract-widget.component.d.ts +0 -30
- package/lib/profile-job-information-main-widget/profile-job-information-main-widget.component.d.ts +0 -30
- package/lib/profile-job-information-salary-widget/profile-job-information-salary-widget.component.d.ts +0 -36
- package/lib/profile-job-information-service-charge-widget/profile-job-information-service-charge-widget.component.d.ts +0 -32
|
@@ -11,7 +11,7 @@ import { SkyShortcutIconComponent, SkySectionDividerComponent, SkyWidgetSectionI
|
|
|
11
11
|
import * as i1 from '@angular/common/http';
|
|
12
12
|
import { HttpParams } from '@angular/common/http';
|
|
13
13
|
import { map, shareReplay, catchError, throwError, lastValueFrom } from 'rxjs';
|
|
14
|
-
import { faCakeCandles, faTreePalm, faCalendarStar, faMoneyCheckDollarPen, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse,
|
|
14
|
+
import { faCakeCandles, faTreePalm, faCalendarStar, faMoneyCheckDollarPen, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse, faFileSignature, faSackDollar, faEnvelopeOpenDollar, faXmark } from '@fortawesome/pro-light-svg-icons';
|
|
15
15
|
import * as i2 from 'devextreme-angular/core';
|
|
16
16
|
import { faCircle, faCalendarDays } from '@fortawesome/pro-regular-svg-icons';
|
|
17
17
|
import moment from 'moment';
|
|
@@ -143,10 +143,10 @@ var City$2 = "City";
|
|
|
143
143
|
var PostalCode$2 = "Postal code";
|
|
144
144
|
var Phone$2 = "Phone";
|
|
145
145
|
var Relation$2 = "Relation";
|
|
146
|
-
var jobMain$
|
|
147
|
-
var jobContract$
|
|
148
|
-
var jobSalary$
|
|
149
|
-
var jobServiceCharge$
|
|
146
|
+
var jobMain$1 = "Job information";
|
|
147
|
+
var jobContract$1 = "Contract";
|
|
148
|
+
var jobSalary$1 = "Salary";
|
|
149
|
+
var jobServiceCharge$1 = "Service charge";
|
|
150
150
|
var AdminUnit$2 = "Admin unit";
|
|
151
151
|
var Position$2 = "Position";
|
|
152
152
|
var Grade$2 = "Grade";
|
|
@@ -160,10 +160,11 @@ var ContractMaritalStatus$2 = "Contract marital status";
|
|
|
160
160
|
var ContractDependentsCount$2 = "Contract dependents count";
|
|
161
161
|
var BasicSalary$2 = "Basic salary";
|
|
162
162
|
var GrossSalary$2 = "Gross salary";
|
|
163
|
-
var
|
|
164
|
-
var
|
|
165
|
-
var
|
|
166
|
-
var
|
|
163
|
+
var Points$2 = "Points";
|
|
164
|
+
var SalaryRatio$2 = "Salary ratio";
|
|
165
|
+
var FixedAmount$2 = "Fixed amount";
|
|
166
|
+
var FixedRate$2 = "Fixed rate";
|
|
167
|
+
var ServiceCharge$2 = "Service charge";
|
|
167
168
|
var ThereIsNoJobMainYet$2 = "There is no job information yet";
|
|
168
169
|
var ThereIsNoJobContractYet$2 = "There is no contract information yet";
|
|
169
170
|
var ThereIsNoJobSalaryYet$2 = "There is no salary information yet";
|
|
@@ -250,10 +251,10 @@ var en = {
|
|
|
250
251
|
PostalCode: PostalCode$2,
|
|
251
252
|
Phone: Phone$2,
|
|
252
253
|
Relation: Relation$2,
|
|
253
|
-
jobMain: jobMain$
|
|
254
|
-
jobContract: jobContract$
|
|
255
|
-
jobSalary: jobSalary$
|
|
256
|
-
jobServiceCharge: jobServiceCharge$
|
|
254
|
+
jobMain: jobMain$1,
|
|
255
|
+
jobContract: jobContract$1,
|
|
256
|
+
jobSalary: jobSalary$1,
|
|
257
|
+
jobServiceCharge: jobServiceCharge$1,
|
|
257
258
|
AdminUnit: AdminUnit$2,
|
|
258
259
|
Position: Position$2,
|
|
259
260
|
Grade: Grade$2,
|
|
@@ -267,10 +268,11 @@ var en = {
|
|
|
267
268
|
ContractDependentsCount: ContractDependentsCount$2,
|
|
268
269
|
BasicSalary: BasicSalary$2,
|
|
269
270
|
GrossSalary: GrossSalary$2,
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
271
|
+
Points: Points$2,
|
|
272
|
+
SalaryRatio: SalaryRatio$2,
|
|
273
|
+
FixedAmount: FixedAmount$2,
|
|
274
|
+
FixedRate: FixedRate$2,
|
|
275
|
+
ServiceCharge: ServiceCharge$2,
|
|
274
276
|
ThereIsNoJobMainYet: ThereIsNoJobMainYet$2,
|
|
275
277
|
ThereIsNoJobContractYet: ThereIsNoJobContractYet$2,
|
|
276
278
|
ThereIsNoJobSalaryYet: ThereIsNoJobSalaryYet$2,
|
|
@@ -358,10 +360,9 @@ var City$1 = "المدينة";
|
|
|
358
360
|
var PostalCode$1 = "الرمز البريدي";
|
|
359
361
|
var Phone$1 = "الهاتف";
|
|
360
362
|
var Relation$1 = "العلاقة";
|
|
361
|
-
var
|
|
362
|
-
var
|
|
363
|
-
var
|
|
364
|
-
var jobServiceCharge$1 = "مستحقات نهاية الخدمة";
|
|
363
|
+
var Main = "المعلومات الوظيفية";
|
|
364
|
+
var Contract = "العقد";
|
|
365
|
+
var Salary = "الراتب";
|
|
365
366
|
var AdminUnit$1 = "الوحدة الإدارية";
|
|
366
367
|
var Position$1 = "المنصب";
|
|
367
368
|
var Grade$1 = "الدرجة";
|
|
@@ -375,10 +376,11 @@ var ContractMaritalStatus$1 = "الحالة الاجتماعية في العقد
|
|
|
375
376
|
var ContractDependentsCount$1 = "عدد المعالين في العقد";
|
|
376
377
|
var BasicSalary$1 = "الراتب الأساسي";
|
|
377
378
|
var GrossSalary$1 = "إجمالي الراتب";
|
|
378
|
-
var
|
|
379
|
-
var
|
|
380
|
-
var
|
|
381
|
-
var
|
|
379
|
+
var Points$1 = "نقاط";
|
|
380
|
+
var SalaryRatio$1 = "نسبة من الراتب";
|
|
381
|
+
var FixedAmount$1 = "مبلغ ثابت";
|
|
382
|
+
var FixedRate$1 = "نسبة ثابتة";
|
|
383
|
+
var ServiceCharge$1 = "مستحقات نهاية الخدمة";
|
|
382
384
|
var ThereIsNoJobMainYet$1 = "لا توجد معلومات وظيفية بعد";
|
|
383
385
|
var ThereIsNoJobContractYet$1 = "لا توجد معلومات عقد بعد";
|
|
384
386
|
var ThereIsNoJobSalaryYet$1 = "لا توجد معلومات راتب بعد";
|
|
@@ -465,10 +467,9 @@ var ar = {
|
|
|
465
467
|
PostalCode: PostalCode$1,
|
|
466
468
|
Phone: Phone$1,
|
|
467
469
|
Relation: Relation$1,
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
jobServiceCharge: jobServiceCharge$1,
|
|
470
|
+
Main: Main,
|
|
471
|
+
Contract: Contract,
|
|
472
|
+
Salary: Salary,
|
|
472
473
|
AdminUnit: AdminUnit$1,
|
|
473
474
|
Position: Position$1,
|
|
474
475
|
Grade: Grade$1,
|
|
@@ -482,10 +483,11 @@ var ar = {
|
|
|
482
483
|
ContractDependentsCount: ContractDependentsCount$1,
|
|
483
484
|
BasicSalary: BasicSalary$1,
|
|
484
485
|
GrossSalary: GrossSalary$1,
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
486
|
+
Points: Points$1,
|
|
487
|
+
SalaryRatio: SalaryRatio$1,
|
|
488
|
+
FixedAmount: FixedAmount$1,
|
|
489
|
+
FixedRate: FixedRate$1,
|
|
490
|
+
ServiceCharge: ServiceCharge$1,
|
|
489
491
|
ThereIsNoJobMainYet: ThereIsNoJobMainYet$1,
|
|
490
492
|
ThereIsNoJobContractYet: ThereIsNoJobContractYet$1,
|
|
491
493
|
ThereIsNoJobSalaryYet: ThereIsNoJobSalaryYet$1,
|
|
@@ -590,10 +592,11 @@ var ContractMaritalStatus = "État civil du contrat";
|
|
|
590
592
|
var ContractDependentsCount = "Nombre de personnes à charge du contrat";
|
|
591
593
|
var BasicSalary = "Salaire de base";
|
|
592
594
|
var GrossSalary = "Salaire brut";
|
|
593
|
-
var
|
|
594
|
-
var
|
|
595
|
-
var
|
|
596
|
-
var
|
|
595
|
+
var Points = "Points";
|
|
596
|
+
var SalaryRatio = "Ratio du salaire";
|
|
597
|
+
var FixedAmount = "Montant fixe";
|
|
598
|
+
var FixedRate = "Taux fixe";
|
|
599
|
+
var ServiceCharge = "Indemnité de fin de service";
|
|
597
600
|
var ThereIsNoJobMainYet = "Il n'y a pas encore d'informations professionnelles";
|
|
598
601
|
var ThereIsNoJobContractYet = "Il n'y a pas encore d'informations de contrat";
|
|
599
602
|
var ThereIsNoJobSalaryYet = "Il n'y a pas encore d'informations salariales";
|
|
@@ -697,10 +700,11 @@ var fr = {
|
|
|
697
700
|
ContractDependentsCount: ContractDependentsCount,
|
|
698
701
|
BasicSalary: BasicSalary,
|
|
699
702
|
GrossSalary: GrossSalary,
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
703
|
+
Points: Points,
|
|
704
|
+
SalaryRatio: SalaryRatio,
|
|
705
|
+
FixedAmount: FixedAmount,
|
|
706
|
+
FixedRate: FixedRate,
|
|
707
|
+
ServiceCharge: ServiceCharge,
|
|
704
708
|
ThereIsNoJobMainYet: ThereIsNoJobMainYet,
|
|
705
709
|
ThereIsNoJobContractYet: ThereIsNoJobContractYet,
|
|
706
710
|
ThereIsNoJobSalaryYet: ThereIsNoJobSalaryYet,
|
|
@@ -2184,11 +2188,11 @@ class HRInfoFieldComponent {
|
|
|
2184
2188
|
valueClass = 'fs-14 fw-medium';
|
|
2185
2189
|
fallbackValue = '—';
|
|
2186
2190
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: HRInfoFieldComponent, isStandalone: true, selector: "hr-info-field", inputs: { labelKey: "labelKey", value: "value", labelClass: "labelClass", valueClass: "valueClass", fallbackValue: "fallbackValue" }, ngImport: i0, template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\">{{value || fallbackValue}}</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
|
|
2191
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: HRInfoFieldComponent, isStandalone: true, selector: "hr-info-field", inputs: { labelKey: "labelKey", value: "value", labelClass: "labelClass", valueClass: "valueClass", fallbackValue: "fallbackValue" }, ngImport: i0, template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\" [title]=\"value\">{{value || fallbackValue}}</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
|
|
2188
2192
|
}
|
|
2189
2193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
|
|
2190
2194
|
type: Component,
|
|
2191
|
-
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\">{{value || fallbackValue}}</div>\r\n" }]
|
|
2195
|
+
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\" [title]=\"value\">{{value || fallbackValue}}</div>\r\n" }]
|
|
2192
2196
|
}], propDecorators: { labelKey: [{
|
|
2193
2197
|
type: Input,
|
|
2194
2198
|
args: [{ required: true }]
|
|
@@ -2202,7 +2206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2202
2206
|
type: Input
|
|
2203
2207
|
}] } });
|
|
2204
2208
|
|
|
2205
|
-
class
|
|
2209
|
+
class ProfileBankInfoWidgetComponent {
|
|
2206
2210
|
commonMethodsService;
|
|
2207
2211
|
hrSelfWidgetsService;
|
|
2208
2212
|
isLoading = true;
|
|
@@ -2265,12 +2269,12 @@ class ProfileBankInformationWidgetComponent {
|
|
|
2265
2269
|
}
|
|
2266
2270
|
return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals) || '-';
|
|
2267
2271
|
}
|
|
2268
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2269
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type:
|
|
2272
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInfoWidgetComponent, deps: [{ token: HRCommonMethodsService }, { token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2273
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileBankInfoWidgetComponent, isStandalone: true, selector: "hr-profile-bank-info-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: { errorOccurred: "errorOccurred", isLoadingChanged: "isLoadingChanged" }, usesOnChanges: true, 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"] }] });
|
|
2270
2274
|
}
|
|
2271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInfoWidgetComponent, decorators: [{
|
|
2272
2276
|
type: Component,
|
|
2273
|
-
args: [{ selector: 'hr-profile-bank-
|
|
2277
|
+
args: [{ selector: 'hr-profile-bank-info-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" }]
|
|
2274
2278
|
}], ctorParameters: () => [{ type: HRCommonMethodsService }, { type: HRSelfWidgetsService }], propDecorators: { currencyCode: [{
|
|
2275
2279
|
type: Input
|
|
2276
2280
|
}], currencyDecimals: [{
|
|
@@ -2342,7 +2346,7 @@ class ProfilePersonalInfoMainWidgetComponent {
|
|
|
2342
2346
|
topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
|
|
2343
2347
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2344
2348
|
labelClass = 'field-secondary-label-sm';
|
|
2345
|
-
valueClass = 'fs-14 fw-medium';
|
|
2349
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2346
2350
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2347
2351
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
2348
2352
|
mainIcon = faMemoCircleInfo;
|
|
@@ -2433,7 +2437,7 @@ class ProfilePersonalInfoContactWidgetComponent {
|
|
|
2433
2437
|
topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
|
|
2434
2438
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2435
2439
|
labelClass = 'field-secondary-label-sm';
|
|
2436
|
-
valueClass = 'fs-14 fw-medium';
|
|
2440
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2437
2441
|
emergencyContactLabelClass = 'fs-14 fw-semibold';
|
|
2438
2442
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2439
2443
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
@@ -2695,7 +2699,7 @@ class ProfilePersonalInfoAddressWidgetComponent {
|
|
|
2695
2699
|
responsiveTopSpacingColumnClass = 'col-md-4 col-6 mt-md-0 mt-4';
|
|
2696
2700
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2697
2701
|
labelClass = 'field-secondary-label-sm';
|
|
2698
|
-
valueClass = 'fs-14 fw-medium';
|
|
2702
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2699
2703
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2700
2704
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
2701
2705
|
addressIcon = faHouse;
|
|
@@ -2766,7 +2770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2766
2770
|
type: Output
|
|
2767
2771
|
}] } });
|
|
2768
2772
|
|
|
2769
|
-
class
|
|
2773
|
+
class ProfileJobInfoMainWidgetComponent {
|
|
2770
2774
|
hrSelfWidgetsService;
|
|
2771
2775
|
jobInformationMain = null;
|
|
2772
2776
|
isLoading = true;
|
|
@@ -2780,11 +2784,11 @@ class ProfileJobInformationMainWidgetComponent {
|
|
|
2780
2784
|
topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
|
|
2781
2785
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2782
2786
|
labelClass = 'field-secondary-label-sm';
|
|
2783
|
-
valueClass = 'fs-14 fw-medium';
|
|
2787
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2784
2788
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2785
2789
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
2786
|
-
mainIcon =
|
|
2787
|
-
sectionTitle = '
|
|
2790
|
+
mainIcon = faFileSignature;
|
|
2791
|
+
sectionTitle = 'Main';
|
|
2788
2792
|
isLoadingChanged = new EventEmitter();
|
|
2789
2793
|
errorOccurred = new EventEmitter();
|
|
2790
2794
|
constructor(hrSelfWidgetsService) {
|
|
@@ -2810,12 +2814,12 @@ class ProfileJobInformationMainWidgetComponent {
|
|
|
2810
2814
|
}
|
|
2811
2815
|
});
|
|
2812
2816
|
}
|
|
2813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2814
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type:
|
|
2817
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoMainWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2818
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoMainWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-main-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", mainIcon: "mainIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, 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(jobInformationMain){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'AdminUnit'\"\r\n [value]=\"jobInformationMain.AdminUnitName\"\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]=\"'Position'\"\r\n [value]=\"jobInformationMain.PositionName\"\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]=\"'Grade'\"\r\n [value]=\"jobInformationMain.GradeName\"\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]=\"'JoiningDate'\"\r\n [value]=\"jobInformationMain.JoiningDate ? (jobInformationMain.JoiningDate | 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]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'CorporateJoiningDate'\"\r\n [value]=\"jobInformationMain.CorporateJoiningDate ? (jobInformationMain.CorporateJoiningDate | 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]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Sponsor'\"\r\n [value]=\"jobInformationMain.SponsorName\"\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)) : ('ThereIsNoJobMainYet' | 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"] }] });
|
|
2815
2819
|
}
|
|
2816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoMainWidgetComponent, decorators: [{
|
|
2817
2821
|
type: Component,
|
|
2818
|
-
args: [{ selector: 'hr-profile-job-
|
|
2822
|
+
args: [{ selector: 'hr-profile-job-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(jobInformationMain){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'AdminUnit'\"\r\n [value]=\"jobInformationMain.AdminUnitName\"\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]=\"'Position'\"\r\n [value]=\"jobInformationMain.PositionName\"\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]=\"'Grade'\"\r\n [value]=\"jobInformationMain.GradeName\"\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]=\"'JoiningDate'\"\r\n [value]=\"jobInformationMain.JoiningDate ? (jobInformationMain.JoiningDate | 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]=\"topSpacingBottomMdSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'CorporateJoiningDate'\"\r\n [value]=\"jobInformationMain.CorporateJoiningDate ? (jobInformationMain.CorporateJoiningDate | 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]=\"topSpacingBottomSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'Sponsor'\"\r\n [value]=\"jobInformationMain.SponsorName\"\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)) : ('ThereIsNoJobMainYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
2819
2823
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2820
2824
|
type: Input,
|
|
2821
2825
|
args: [{ required: true }]
|
|
@@ -2853,7 +2857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2853
2857
|
type: Output
|
|
2854
2858
|
}] } });
|
|
2855
2859
|
|
|
2856
|
-
class
|
|
2860
|
+
class ProfileJobInfoContractWidgetComponent {
|
|
2857
2861
|
hrSelfWidgetsService;
|
|
2858
2862
|
jobInformationContract = null;
|
|
2859
2863
|
isLoading = true;
|
|
@@ -2867,11 +2871,11 @@ class ProfileJobInformationContractWidgetComponent {
|
|
|
2867
2871
|
topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
|
|
2868
2872
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
2869
2873
|
labelClass = 'field-secondary-label-sm';
|
|
2870
|
-
valueClass = 'fs-14 fw-medium';
|
|
2874
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2871
2875
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2872
2876
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
2873
|
-
contractIcon =
|
|
2874
|
-
sectionTitle = '
|
|
2877
|
+
contractIcon = faFileSignature;
|
|
2878
|
+
sectionTitle = 'Contract';
|
|
2875
2879
|
isLoadingChanged = new EventEmitter();
|
|
2876
2880
|
errorOccurred = new EventEmitter();
|
|
2877
2881
|
constructor(hrSelfWidgetsService) {
|
|
@@ -2897,12 +2901,12 @@ class ProfileJobInformationContractWidgetComponent {
|
|
|
2897
2901
|
}
|
|
2898
2902
|
});
|
|
2899
2903
|
}
|
|
2900
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2901
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type:
|
|
2904
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoContractWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2905
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoContractWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-contract-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", contractIcon: "contractIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"contractIcon\"\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(jobInformationContract){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'ContractType'\"\r\n [value]=\"jobInformationContract.ContractTypeName\"\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]=\"'ContractStartDate'\"\r\n [value]=\"jobInformationContract.ContractStartDate ? (jobInformationContract.ContractStartDate | 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]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'ContractEndDate'\"\r\n [value]=\"jobInformationContract.ContractEndDate ? (jobInformationContract.ContractEndDate | date: 'dd/MM/yyyy') : null\"\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]=\"'ContractMaritalStatus'\"\r\n [value]=\"jobInformationContract.ContractMaritalStateName\"\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]=\"'ContractDependentsCount'\"\r\n [value]=\"jobInformationContract.ContractDependentsCount?.toString()\"\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)) : ('ThereIsNoJobContractYet' | 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"] }] });
|
|
2902
2906
|
}
|
|
2903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
2907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoContractWidgetComponent, decorators: [{
|
|
2904
2908
|
type: Component,
|
|
2905
|
-
args: [{ selector: 'hr-profile-job-
|
|
2909
|
+
args: [{ selector: 'hr-profile-job-info-contract-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contractIcon\"\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(jobInformationContract){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'ContractType'\"\r\n [value]=\"jobInformationContract.ContractTypeName\"\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]=\"'ContractStartDate'\"\r\n [value]=\"jobInformationContract.ContractStartDate ? (jobInformationContract.ContractStartDate | 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]=\"responsiveTopSpacingColumnClass\">\r\n <hr-info-field [labelKey]=\"'ContractEndDate'\"\r\n [value]=\"jobInformationContract.ContractEndDate ? (jobInformationContract.ContractEndDate | date: 'dd/MM/yyyy') : null\"\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]=\"'ContractMaritalStatus'\"\r\n [value]=\"jobInformationContract.ContractMaritalStateName\"\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]=\"'ContractDependentsCount'\"\r\n [value]=\"jobInformationContract.ContractDependentsCount?.toString()\"\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)) : ('ThereIsNoJobContractYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
2906
2910
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
2907
2911
|
type: Input,
|
|
2908
2912
|
args: [{ required: true }]
|
|
@@ -2940,7 +2944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2940
2944
|
type: Output
|
|
2941
2945
|
}] } });
|
|
2942
2946
|
|
|
2943
|
-
class
|
|
2947
|
+
class ProfileJobInfoSalaryWidgetComponent {
|
|
2944
2948
|
hrSelfWidgetsService;
|
|
2945
2949
|
commonMethodsService;
|
|
2946
2950
|
jobInformationSalary = null;
|
|
@@ -2955,12 +2959,12 @@ class ProfileJobInformationSalaryWidgetComponent {
|
|
|
2955
2959
|
columnClass = 'col-md-4 col-6 mt-4';
|
|
2956
2960
|
grossSalaryColumnClass = 'col-md-4 col-6 my-4';
|
|
2957
2961
|
labelClass = 'field-secondary-label-sm';
|
|
2958
|
-
valueClass = 'fs-14 fw-medium';
|
|
2962
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
2959
2963
|
currencyClass = 'fs-10 text-secondary fw-light';
|
|
2960
2964
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
2961
2965
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
2962
|
-
salaryIcon =
|
|
2963
|
-
sectionTitle = '
|
|
2966
|
+
salaryIcon = faSackDollar;
|
|
2967
|
+
sectionTitle = 'Salary';
|
|
2964
2968
|
isLoadingChanged = new EventEmitter();
|
|
2965
2969
|
errorOccurred = new EventEmitter();
|
|
2966
2970
|
constructor(hrSelfWidgetsService, commonMethodsService) {
|
|
@@ -2999,12 +3003,12 @@ class ProfileJobInformationSalaryWidgetComponent {
|
|
|
2999
3003
|
}
|
|
3000
3004
|
return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals) || '—';
|
|
3001
3005
|
}
|
|
3002
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
3003
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type:
|
|
3006
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoSalaryWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRCommonMethodsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3007
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoSalaryWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-salary-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", grossSalaryColumnClass: "grossSalaryColumnClass", labelClass: "labelClass", valueClass: "valueClass", currencyClass: "currencyClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", salaryIcon: "salaryIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"salaryIcon\"\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(jobInformationSalary){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{'BasicSalary' | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(basicSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n\r\n @for(allowance of allowances; track allowance){\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{allowance.AllowanceName}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(allowance.AllowanceAmount)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"grossSalaryColumnClass\">\r\n <div [ngClass]=\"labelClass\">{{'GrossSalary' | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(jobInformationSalary.GrossSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobSalaryYet' | 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"] }] });
|
|
3004
3008
|
}
|
|
3005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
3009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoSalaryWidgetComponent, decorators: [{
|
|
3006
3010
|
type: Component,
|
|
3007
|
-
args: [{ selector: 'hr-profile-job-
|
|
3011
|
+
args: [{ selector: 'hr-profile-job-info-salary-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"salaryIcon\"\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(jobInformationSalary){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{'BasicSalary' | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(basicSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n\r\n @for(allowance of allowances; track allowance){\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{allowance.AllowanceName}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(allowance.AllowanceAmount)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n }\r\n\r\n <div [ngClass]=\"grossSalaryColumnClass\">\r\n <div [ngClass]=\"labelClass\">{{'GrossSalary' | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{formatAmount(jobInformationSalary.GrossSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobSalaryYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
3008
3012
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRCommonMethodsService }], propDecorators: { baseUrl: [{
|
|
3009
3013
|
type: Input,
|
|
3010
3014
|
args: [{ required: true }]
|
|
@@ -3044,7 +3048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3044
3048
|
type: Output
|
|
3045
3049
|
}] } });
|
|
3046
3050
|
|
|
3047
|
-
class
|
|
3051
|
+
class ProfileJobInfoServiceChargeWidgetComponent {
|
|
3048
3052
|
hrSelfWidgetsService;
|
|
3049
3053
|
commonMethodsService;
|
|
3050
3054
|
jobInformationServiceCharge = null;
|
|
@@ -3057,11 +3061,11 @@ class ProfileJobInformationServiceChargeWidgetComponent {
|
|
|
3057
3061
|
rowClass = 'row mt-4 mb-5';
|
|
3058
3062
|
columnClass = 'col-md-4 col-6';
|
|
3059
3063
|
labelClass = 'field-secondary-label-sm';
|
|
3060
|
-
valueClass = 'fs-14 fw-medium';
|
|
3064
|
+
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
3061
3065
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
3062
3066
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
3063
|
-
serviceChargeIcon =
|
|
3064
|
-
sectionTitle = '
|
|
3067
|
+
serviceChargeIcon = faEnvelopeOpenDollar;
|
|
3068
|
+
sectionTitle = 'ServiceCharge';
|
|
3065
3069
|
isLoadingChanged = new EventEmitter();
|
|
3066
3070
|
errorOccurred = new EventEmitter();
|
|
3067
3071
|
constructor(hrSelfWidgetsService, commonMethodsService) {
|
|
@@ -3090,36 +3094,36 @@ class ProfileJobInformationServiceChargeWidgetComponent {
|
|
|
3090
3094
|
}
|
|
3091
3095
|
get modeLabelKey() {
|
|
3092
3096
|
const mode = this.jobInformationServiceCharge?.ServiceChargeEntitlementMode;
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3097
|
+
switch (ServiceChargeEntitlementMode[mode]) {
|
|
3098
|
+
case ServiceChargeEntitlementMode.Points:
|
|
3099
|
+
return 'Points';
|
|
3100
|
+
case ServiceChargeEntitlementMode.SalaryRatio:
|
|
3101
|
+
return 'SalaryRatio';
|
|
3102
|
+
case ServiceChargeEntitlementMode.FixedAmount:
|
|
3103
|
+
return 'FixedAmount';
|
|
3104
|
+
case ServiceChargeEntitlementMode.FixedRate:
|
|
3105
|
+
return 'FixedRate';
|
|
3106
|
+
default:
|
|
3107
|
+
return 'ServiceCharge';
|
|
3101
3108
|
}
|
|
3102
|
-
if (mode === ServiceChargeEntitlementMode.FixedRate) {
|
|
3103
|
-
return 'ServiceChargeModeFixedRate';
|
|
3104
|
-
}
|
|
3105
|
-
return 'serviceCharge';
|
|
3106
3109
|
}
|
|
3107
3110
|
get value() {
|
|
3108
3111
|
const data = this.jobInformationServiceCharge;
|
|
3109
3112
|
if (!data || data.ServiceChargeValue == null) {
|
|
3110
3113
|
return '—';
|
|
3111
3114
|
}
|
|
3112
|
-
if (data.ServiceChargeEntitlementMode ===
|
|
3115
|
+
if (ServiceChargeEntitlementMode[data.ServiceChargeEntitlementMode] ===
|
|
3116
|
+
ServiceChargeEntitlementMode.FixedAmount) {
|
|
3113
3117
|
return `${this.commonMethodsService.currencyDecimalFormat(data.ServiceChargeValue, 4)} (${this.currencyCode})`;
|
|
3114
3118
|
}
|
|
3115
3119
|
return this.commonMethodsService.currencyDecimalFormat(data.ServiceChargeValue, 2) || '—';
|
|
3116
3120
|
}
|
|
3117
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
3118
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type:
|
|
3121
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoServiceChargeWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRCommonMethodsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3122
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoServiceChargeWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-service-charge-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", serviceChargeIcon: "serviceChargeIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"serviceChargeIcon\"\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(jobInformationServiceCharge){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{modeLabelKey | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{value}}</div>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobServiceChargeYet' | 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"] }] });
|
|
3119
3123
|
}
|
|
3120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type:
|
|
3124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoServiceChargeWidgetComponent, decorators: [{
|
|
3121
3125
|
type: Component,
|
|
3122
|
-
args: [{ selector: 'hr-profile-job-
|
|
3126
|
+
args: [{ selector: 'hr-profile-job-info-service-charge-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"serviceChargeIcon\"\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(jobInformationServiceCharge){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <div [ngClass]=\"labelClass\">{{modeLabelKey | HRTranslate}}</div>\r\n <div [ngClass]=\"valueClass\">{{value}}</div>\r\n </div>\r\n</div>\r\n}@else{\r\n<div [class]=\"emptyStateContainerClass\">\r\n <p [class]=\"emptyStateTextClass\">{{isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobServiceChargeYet' | HRTranslate)}}</p>\r\n</div>\r\n}\r\n" }]
|
|
3123
3127
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRCommonMethodsService }], propDecorators: { baseUrl: [{
|
|
3124
3128
|
type: Input,
|
|
3125
3129
|
args: [{ required: true }]
|
|
@@ -3257,6 +3261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3257
3261
|
|
|
3258
3262
|
class MyVacationTeamWidgetComponent {
|
|
3259
3263
|
selfWidgetsService;
|
|
3264
|
+
translatePipe;
|
|
3260
3265
|
baseUrl = '';
|
|
3261
3266
|
showProperty = false;
|
|
3262
3267
|
cardClass = 'card rounded rounded-4 card-shadow p-16 border-top-0 h-100 p-4';
|
|
@@ -3272,8 +3277,9 @@ class MyVacationTeamWidgetComponent {
|
|
|
3272
3277
|
VacationPopupType = VacationPopupType;
|
|
3273
3278
|
upcomingVacationsBadge;
|
|
3274
3279
|
expectedToReturnBadge;
|
|
3275
|
-
constructor(selfWidgetsService) {
|
|
3280
|
+
constructor(selfWidgetsService, translatePipe) {
|
|
3276
3281
|
this.selfWidgetsService = selfWidgetsService;
|
|
3282
|
+
this.translatePipe = translatePipe;
|
|
3277
3283
|
}
|
|
3278
3284
|
ngOnInit() {
|
|
3279
3285
|
this.initBadges(0, 0);
|
|
@@ -3312,24 +3318,24 @@ class MyVacationTeamWidgetComponent {
|
|
|
3312
3318
|
initBadges(upcomingVacations, expectedToReturn) {
|
|
3313
3319
|
this.upcomingVacationsBadge = {
|
|
3314
3320
|
Id: 1,
|
|
3315
|
-
Title: 'UpcomingVacations',
|
|
3321
|
+
Title: this.translatePipe.transform('UpcomingVacations'),
|
|
3316
3322
|
Value: upcomingVacations,
|
|
3317
3323
|
Icon: faPlaneDeparture
|
|
3318
3324
|
};
|
|
3319
3325
|
this.expectedToReturnBadge = {
|
|
3320
3326
|
Id: 2,
|
|
3321
|
-
Title: 'ExpectedToReturn',
|
|
3327
|
+
Title: this.translatePipe.transform('ExpectedToReturn'),
|
|
3322
3328
|
Value: expectedToReturn,
|
|
3323
3329
|
Icon: faPlaneArrival
|
|
3324
3330
|
};
|
|
3325
3331
|
}
|
|
3326
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyVacationTeamWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3332
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyVacationTeamWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3327
3333
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: MyVacationTeamWidgetComponent, isStandalone: true, selector: "hr-my-vacation-team-widget", inputs: { baseUrl: "baseUrl", showProperty: "showProperty", cardClass: "cardClass", titleClass: "titleClass", valueClass: "valueClass", disabledValueClass: "disabledValueClass", upcomingContainerClass: "upcomingContainerClass", expectedContainerClass: "expectedContainerClass" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<div [class]=\"cardClass\">\r\n <div class=\"card-body d-flex flex-column p-0\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-4\">\r\n <sky-widget-section-item\r\n [data]=\"upcomingVacationsBadge\"\r\n [containerClass]=\"upcomingContainerClass\"\r\n [valueClass]=\"upcomingVacationsBadge?.Value === 0 ? disabledValueClass : valueClass\"\r\n [ngClass]=\"{'pe-none': upcomingVacationsBadge?.Value === 0}\"\r\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.Upcoming)\">\r\n </sky-widget-section-item>\r\n <sky-widget-section-item\r\n [data]=\"expectedToReturnBadge\"\r\n [containerClass]=\"expectedContainerClass\"\r\n [valueClass]=\"expectedToReturnBadge?.Value === 0 ? disabledValueClass : valueClass\"\r\n [ngClass]=\"{'pe-none': expectedToReturnBadge?.Value === 0}\"\r\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.ExpectedToReturn)\">\r\n </sky-widget-section-item>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<hr-vacation-subordinates-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-vacation-subordinates-popup>\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: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: SkyWidgetSectionItemComponent, selector: "sky-widget-section-item", inputs: ["data", "iconContainerClass", "iconClass", "iconSize", "iconWidth", "iconHeight", "buttonClass", "titleClass", "valueClass", "containerClass", "borderColorClass"], outputs: ["OnWidgetSectionClick"] }, { kind: "component", type: HRVacationSubordinatesPopupComponent, selector: "hr-vacation-subordinates-popup", inputs: ["popupVisible", "popupType", "baseUrl", "width", "height", "gridHeight", "pageSize", "showProperty"], outputs: ["closePopupClickHandler"] }] });
|
|
3328
3334
|
}
|
|
3329
3335
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyVacationTeamWidgetComponent, decorators: [{
|
|
3330
3336
|
type: Component,
|
|
3331
3337
|
args: [{ selector: 'hr-my-vacation-team-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, FontAwesomeModule, SkyWidgetSectionItemComponent, HRVacationSubordinatesPopupComponent], template: "<div [class]=\"cardClass\">\r\n <div class=\"card-body d-flex flex-column p-0\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-4\">\r\n <sky-widget-section-item\r\n [data]=\"upcomingVacationsBadge\"\r\n [containerClass]=\"upcomingContainerClass\"\r\n [valueClass]=\"upcomingVacationsBadge?.Value === 0 ? disabledValueClass : valueClass\"\r\n [ngClass]=\"{'pe-none': upcomingVacationsBadge?.Value === 0}\"\r\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.Upcoming)\">\r\n </sky-widget-section-item>\r\n <sky-widget-section-item\r\n [data]=\"expectedToReturnBadge\"\r\n [containerClass]=\"expectedContainerClass\"\r\n [valueClass]=\"expectedToReturnBadge?.Value === 0 ? disabledValueClass : valueClass\"\r\n [ngClass]=\"{'pe-none': expectedToReturnBadge?.Value === 0}\"\r\n (OnWidgetSectionClick)=\"openPopup(VacationPopupType.ExpectedToReturn)\">\r\n </sky-widget-section-item>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<hr-vacation-subordinates-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-vacation-subordinates-popup>\r\n" }]
|
|
3332
|
-
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
3338
|
+
}], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRTranslatePipe }], propDecorators: { baseUrl: [{
|
|
3333
3339
|
type: Input
|
|
3334
3340
|
}], showProperty: [{
|
|
3335
3341
|
type: Input
|
|
@@ -3357,5 +3363,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3357
3363
|
* Generated bundle index. Do not edit.
|
|
3358
3364
|
*/
|
|
3359
3365
|
|
|
3360
|
-
export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyUpcomingEventsWidgetComponent, MyVacationTeamWidgetComponent,
|
|
3366
|
+
export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyUpcomingEventsWidgetComponent, MyVacationTeamWidgetComponent, ProfileBankInfoWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
|
|
3361
3367
|
//# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map
|