@skysoftware-co/bayan-hr-widgets-ui 2.0.8 → 2.0.10
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.
|
@@ -178,7 +178,7 @@ var EndDate$2 = "End date";
|
|
|
178
178
|
var ReturnDate$2 = "Return date";
|
|
179
179
|
var MyTeam$2 = "My team";
|
|
180
180
|
var ContactInfo$2 = "Contact info";
|
|
181
|
-
var ShowAllSubordinates$2 = "Show all
|
|
181
|
+
var ShowAllSubordinates$2 = "Show all sub-ordinates";
|
|
182
182
|
var NoDataToDisplay$2 = "No data to display";
|
|
183
183
|
var JobInformation$2 = "Job information";
|
|
184
184
|
var Degrees$2 = "Degrees";
|
|
@@ -5631,6 +5631,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
5631
5631
|
class EmployeeMainInfoCardComponent {
|
|
5632
5632
|
employeeMainInfo = input(null, ...(ngDevMode ? [{ debugName: "employeeMainInfo" }] : /* istanbul ignore next */ []));
|
|
5633
5633
|
searchValue = input('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
|
|
5634
|
+
badgeClass = input('badge employee-rounded-badge-xl fs-5', ...(ngDevMode ? [{ debugName: "badgeClass" }] : /* istanbul ignore next */ []));
|
|
5635
|
+
badgeImageClass = input('rounded-circle shadow-lg', ...(ngDevMode ? [{ debugName: "badgeImageClass" }] : /* istanbul ignore next */ []));
|
|
5636
|
+
badgeWidth = input('50px', ...(ngDevMode ? [{ debugName: "badgeWidth" }] : /* istanbul ignore next */ []));
|
|
5637
|
+
badgeHeight = input('50px', ...(ngDevMode ? [{ debugName: "badgeHeight" }] : /* istanbul ignore next */ []));
|
|
5638
|
+
employeeInfoContainerClass = input('d-flex align-content-center', ...(ngDevMode ? [{ debugName: "employeeInfoContainerClass" }] : /* istanbul ignore next */ []));
|
|
5639
|
+
employeeDetailsClass = input('ms-3', ...(ngDevMode ? [{ debugName: "employeeDetailsClass" }] : /* istanbul ignore next */ []));
|
|
5640
|
+
employeeNameContainerClass = input('d-flex align-items-center', ...(ngDevMode ? [{ debugName: "employeeNameContainerClass" }] : /* istanbul ignore next */ []));
|
|
5641
|
+
employeeNameClass = input('fs-14 text-dark-gray fw-medium text-ellipsis-one-line', ...(ngDevMode ? [{ debugName: "employeeNameClass" }] : /* istanbul ignore next */ []));
|
|
5642
|
+
employeePositionClass = input('fs-12 fw-normal text-dark-gray text-ellipsis-one-line mb-1', ...(ngDevMode ? [{ debugName: "employeePositionClass" }] : /* istanbul ignore next */ []));
|
|
5643
|
+
employeeGradeClass = input('fs-12 text-dark-gray', ...(ngDevMode ? [{ debugName: "employeeGradeClass" }] : /* istanbul ignore next */ []));
|
|
5634
5644
|
showGrade = input(false, ...(ngDevMode ? [{ debugName: "showGrade" }] : /* istanbul ignore next */ []));
|
|
5635
5645
|
showPropertySymbol = input(true, ...(ngDevMode ? [{ debugName: "showPropertySymbol" }] : /* istanbul ignore next */ []));
|
|
5636
5646
|
showChangeEmployeeButton = input(false, ...(ngDevMode ? [{ debugName: "showChangeEmployeeButton" }] : /* istanbul ignore next */ []));
|
|
@@ -5661,12 +5671,12 @@ class EmployeeMainInfoCardComponent {
|
|
|
5661
5671
|
this.employeeBadge.EmployeePhotoFailed = true;
|
|
5662
5672
|
}
|
|
5663
5673
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EmployeeMainInfoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5664
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: EmployeeMainInfoCardComponent, isStandalone: true, selector: "app-employee-main-info-card", inputs: { employeeMainInfo: { classPropertyName: "employeeMainInfo", publicName: "employeeMainInfo", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, showChangeEmployeeButton: { classPropertyName: "showChangeEmployeeButton", publicName: "showChangeEmployeeButton", isSignal: true, isRequired: false, transformFunction: null }, alignCenter: { classPropertyName: "alignCenter", publicName: "alignCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ChangeEmployeeButtonHandler: "ChangeEmployeeButtonHandler" }, ngImport: i0, template: "@if (employeeMainInfo(); as info) {\r\n <div class=\"
|
|
5674
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: EmployeeMainInfoCardComponent, isStandalone: true, selector: "app-employee-main-info-card", inputs: { employeeMainInfo: { classPropertyName: "employeeMainInfo", publicName: "employeeMainInfo", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: false, transformFunction: null }, badgeImageClass: { classPropertyName: "badgeImageClass", publicName: "badgeImageClass", isSignal: true, isRequired: false, transformFunction: null }, badgeWidth: { classPropertyName: "badgeWidth", publicName: "badgeWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeHeight: { classPropertyName: "badgeHeight", publicName: "badgeHeight", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoContainerClass: { classPropertyName: "employeeInfoContainerClass", publicName: "employeeInfoContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeDetailsClass: { classPropertyName: "employeeDetailsClass", publicName: "employeeDetailsClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameContainerClass: { classPropertyName: "employeeNameContainerClass", publicName: "employeeNameContainerClass", isSignal: true, isRequired: false, transformFunction: null }, employeeNameClass: { classPropertyName: "employeeNameClass", publicName: "employeeNameClass", isSignal: true, isRequired: false, transformFunction: null }, employeePositionClass: { classPropertyName: "employeePositionClass", publicName: "employeePositionClass", isSignal: true, isRequired: false, transformFunction: null }, employeeGradeClass: { classPropertyName: "employeeGradeClass", publicName: "employeeGradeClass", isSignal: true, isRequired: false, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, showChangeEmployeeButton: { classPropertyName: "showChangeEmployeeButton", publicName: "showChangeEmployeeButton", isSignal: true, isRequired: false, transformFunction: null }, alignCenter: { classPropertyName: "alignCenter", publicName: "alignCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ChangeEmployeeButtonHandler: "ChangeEmployeeButtonHandler" }, ngImport: i0, template: "@if (employeeMainInfo(); as info) {\r\n <div [class]=\"employeeInfoContainerClass()\" [ngClass]=\"{ 'align-items-center': alignCenter() }\">\r\n <bayan-employee-badge\r\n [badge]=\"employeeBadge\"\r\n [badgeClass]=\"badgeClass()\"\r\n [imageClass]=\"badgeImageClass()\"\r\n [width]=\"badgeWidth()\"\r\n [height]=\"badgeHeight()\"\r\n (employeePhotoError)=\"handleEmployeePhotoError()\"\r\n ></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeDetailsClass()\">\r\n <div [class]=\"employeeNameContainerClass()\">\r\n <div\r\n [class]=\"employeeNameClass()\"\r\n data-bs-toggle=\"tooltip\"\r\n [title]=\"info.EmployeeNumber + ' | ' + info.EmployeeName\"\r\n [innerHTML]=\"info.EmployeeNumber + ' | ' + info.EmployeeName | highlight: searchValue()\"\r\n ></div>\r\n @if (showChangeEmployeeButton()) {\r\n <button type=\"button\" class=\"border-0 ms-2 bg-none\" (click)=\"convertEmployee()\">\r\n <fa-icon [icon]=\"dropDownIcon\" class=\"text-primary fs-5\"></fa-icon>\r\n </button>\r\n }\r\n </div>\r\n @if (info.PositionName != null && info.PositionName != '') {\r\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"info.PositionName\">\r\n <span [innerHTML]=\"info.PositionName | highlight: searchValue()\"></span>\r\n </div>\r\n }\r\n @if (showGrade() && info.GradeName != null) {\r\n <div [class]=\"employeeGradeClass()\" [title]=\"info.GradeName\">\r\n <span [innerHTML]=\"info.GradeName | highlight: searchValue()\"></span>\r\n </div>\r\n }\r\n <div\r\n class=\"d-flex text-dark-gray mb-0\"\r\n data-bs-toggle=\"tooltip\"\r\n [title]=\"showPropertySymbol() ? info.PropertySymbol + ' | ' + info.AdminUnitName : info.AdminUnitName\"\r\n >\r\n <div class=\"fs-12\">\r\n @if (showPropertySymbol()) {\r\n <span class=\"property-badge cursor-pointer\" title=\"{{ info.PropertyName }}\">\r\n <span [innerHTML]=\"info.PropertySymbol | highlight: searchValue()\"></span>\r\n </span>\r\n }\r\n <span class=\"fw-normal ms-1\" [ngClass]=\"{ 'me-1': isRTL, 'ms-1': !isRTL }\" \r\n [title]=\"info.AdminUnitName\" [innerHTML]=\"info.AdminUnitName | highlight: searchValue()\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5665
5675
|
}
|
|
5666
5676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EmployeeMainInfoCardComponent, decorators: [{
|
|
5667
5677
|
type: Component,
|
|
5668
|
-
args: [{ selector: 'app-employee-main-info-card', standalone: true, imports: [FontAwesomeModule, NgClass, BayanEmployeeBadgeComponent, HighlightPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (employeeMainInfo(); as info) {\r\n <div class=\"
|
|
5669
|
-
}], ctorParameters: () => [], propDecorators: { employeeMainInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeMainInfo", required: false }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], showGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrade", required: false }] }], showPropertySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPropertySymbol", required: false }] }], showChangeEmployeeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChangeEmployeeButton", required: false }] }], alignCenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignCenter", required: false }] }], ChangeEmployeeButtonHandler: [{ type: i0.Output, args: ["ChangeEmployeeButtonHandler"] }] } });
|
|
5678
|
+
args: [{ selector: 'app-employee-main-info-card', standalone: true, imports: [FontAwesomeModule, NgClass, BayanEmployeeBadgeComponent, HighlightPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (employeeMainInfo(); as info) {\r\n <div [class]=\"employeeInfoContainerClass()\" [ngClass]=\"{ 'align-items-center': alignCenter() }\">\r\n <bayan-employee-badge\r\n [badge]=\"employeeBadge\"\r\n [badgeClass]=\"badgeClass()\"\r\n [imageClass]=\"badgeImageClass()\"\r\n [width]=\"badgeWidth()\"\r\n [height]=\"badgeHeight()\"\r\n (employeePhotoError)=\"handleEmployeePhotoError()\"\r\n ></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeDetailsClass()\">\r\n <div [class]=\"employeeNameContainerClass()\">\r\n <div\r\n [class]=\"employeeNameClass()\"\r\n data-bs-toggle=\"tooltip\"\r\n [title]=\"info.EmployeeNumber + ' | ' + info.EmployeeName\"\r\n [innerHTML]=\"info.EmployeeNumber + ' | ' + info.EmployeeName | highlight: searchValue()\"\r\n ></div>\r\n @if (showChangeEmployeeButton()) {\r\n <button type=\"button\" class=\"border-0 ms-2 bg-none\" (click)=\"convertEmployee()\">\r\n <fa-icon [icon]=\"dropDownIcon\" class=\"text-primary fs-5\"></fa-icon>\r\n </button>\r\n }\r\n </div>\r\n @if (info.PositionName != null && info.PositionName != '') {\r\n <div [class]=\"employeePositionClass()\" data-bs-toggle=\"tooltip\" [title]=\"info.PositionName\">\r\n <span [innerHTML]=\"info.PositionName | highlight: searchValue()\"></span>\r\n </div>\r\n }\r\n @if (showGrade() && info.GradeName != null) {\r\n <div [class]=\"employeeGradeClass()\" [title]=\"info.GradeName\">\r\n <span [innerHTML]=\"info.GradeName | highlight: searchValue()\"></span>\r\n </div>\r\n }\r\n <div\r\n class=\"d-flex text-dark-gray mb-0\"\r\n data-bs-toggle=\"tooltip\"\r\n [title]=\"showPropertySymbol() ? info.PropertySymbol + ' | ' + info.AdminUnitName : info.AdminUnitName\"\r\n >\r\n <div class=\"fs-12\">\r\n @if (showPropertySymbol()) {\r\n <span class=\"property-badge cursor-pointer\" title=\"{{ info.PropertyName }}\">\r\n <span [innerHTML]=\"info.PropertySymbol | highlight: searchValue()\"></span>\r\n </span>\r\n }\r\n <span class=\"fw-normal ms-1\" [ngClass]=\"{ 'me-1': isRTL, 'ms-1': !isRTL }\" \r\n [title]=\"info.AdminUnitName\" [innerHTML]=\"info.AdminUnitName | highlight: searchValue()\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n" }]
|
|
5679
|
+
}], ctorParameters: () => [], propDecorators: { employeeMainInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeMainInfo", required: false }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: false }] }], badgeImageClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeImageClass", required: false }] }], badgeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeWidth", required: false }] }], badgeHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeHeight", required: false }] }], employeeInfoContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeInfoContainerClass", required: false }] }], employeeDetailsClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeDetailsClass", required: false }] }], employeeNameContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameContainerClass", required: false }] }], employeeNameClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeNameClass", required: false }] }], employeePositionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeePositionClass", required: false }] }], employeeGradeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeGradeClass", required: false }] }], showGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrade", required: false }] }], showPropertySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPropertySymbol", required: false }] }], showChangeEmployeeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChangeEmployeeButton", required: false }] }], alignCenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignCenter", required: false }] }], ChangeEmployeeButtonHandler: [{ type: i0.Output, args: ["ChangeEmployeeButtonHandler"] }] } });
|
|
5670
5680
|
|
|
5671
5681
|
class MyTeamWidgetsService {
|
|
5672
5682
|
http;
|
|
@@ -5706,6 +5716,7 @@ class MyTeamPopupComponent {
|
|
|
5706
5716
|
isLoadingChanged = output();
|
|
5707
5717
|
errorOccurred = output();
|
|
5708
5718
|
showGrade = input(false, ...(ngDevMode ? [{ debugName: "showGrade" }] : /* istanbul ignore next */ []));
|
|
5719
|
+
showPropertySymbol = input(true, ...(ngDevMode ? [{ debugName: "showPropertySymbol" }] : /* istanbul ignore next */ []));
|
|
5709
5720
|
isPopupVisible = myTeamSubordinatesVisible;
|
|
5710
5721
|
isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
|
|
5711
5722
|
showAllSubordinates = signal(false, ...(ngDevMode ? [{ debugName: "showAllSubordinates" }] : /* istanbul ignore next */ []));
|
|
@@ -5715,14 +5726,14 @@ class MyTeamPopupComponent {
|
|
|
5715
5726
|
hasMoreData = signal(true, ...(ngDevMode ? [{ debugName: "hasMoreData" }] : /* istanbul ignore next */ []));
|
|
5716
5727
|
phoneIcon = input(faPhone$1, ...(ngDevMode ? [{ debugName: "phoneIcon" }] : /* istanbul ignore next */ []));
|
|
5717
5728
|
emailIcon = input(faEnvelope, ...(ngDevMode ? [{ debugName: "emailIcon" }] : /* istanbul ignore next */ []));
|
|
5718
|
-
headerRowClass = input('d-flex justify-content-between align-items-center mb-2', ...(ngDevMode ? [{ debugName: "headerRowClass" }] : /* istanbul ignore next */ []));
|
|
5729
|
+
headerRowClass = input('d-flex justify-content-between align-items-center mb-2 pe-3', ...(ngDevMode ? [{ debugName: "headerRowClass" }] : /* istanbul ignore next */ []));
|
|
5719
5730
|
switchContainerClass = input('form-check form-switch d-flex align-items-center custom-switch-dark ps-0', ...(ngDevMode ? [{ debugName: "switchContainerClass" }] : /* istanbul ignore next */ []));
|
|
5720
5731
|
switchInputClass = input('form-check-input text-dark ms-0', ...(ngDevMode ? [{ debugName: "switchInputClass" }] : /* istanbul ignore next */ []));
|
|
5721
5732
|
switchLabelClass = input('form-check-label mx-2 fs-13', ...(ngDevMode ? [{ debugName: "switchLabelClass" }] : /* istanbul ignore next */ []));
|
|
5722
5733
|
scrollViewClass = input('position-relative', ...(ngDevMode ? [{ debugName: "scrollViewClass" }] : /* istanbul ignore next */ []));
|
|
5723
5734
|
emptyStateClass = input('position-absolute top-50 start-50 translate-middle w-100 text-center text-dark-gray fs-14', ...(ngDevMode ? [{ debugName: "emptyStateClass" }] : /* istanbul ignore next */ []));
|
|
5724
5735
|
groupHeaderClass = input('fs-16 text-dark pt-2 pb-1', ...(ngDevMode ? [{ debugName: "groupHeaderClass" }] : /* istanbul ignore next */ []));
|
|
5725
|
-
employeeCardClass = input('bg-light-gray rounded p-
|
|
5736
|
+
employeeCardClass = input('bg-light-gray rounded p-3 mb-2 d-flex align-items-center justify-content-between border-start border-4 border-start-primary', ...(ngDevMode ? [{ debugName: "employeeCardClass" }] : /* istanbul ignore next */ []));
|
|
5726
5737
|
contactContainerClass = input('d-flex flex-column gap-1 border-start border-2 ps-3 w-100', ...(ngDevMode ? [{ debugName: "contactContainerClass" }] : /* istanbul ignore next */ []));
|
|
5727
5738
|
contactTitleClass = input('fs-10 fw-medium mb-1 text-dark', ...(ngDevMode ? [{ debugName: "contactTitleClass" }] : /* istanbul ignore next */ []));
|
|
5728
5739
|
contactRowClass = input('d-flex align-items-center gap-2 fs-12 fw-normal lh-21 text-dark', ...(ngDevMode ? [{ debugName: "contactRowClass" }] : /* istanbul ignore next */ []));
|
|
@@ -5731,6 +5742,7 @@ class MyTeamPopupComponent {
|
|
|
5731
5742
|
groupedListClass = input('d-flex flex-column gap-2 pb-2', ...(ngDevMode ? [{ debugName: "groupedListClass" }] : /* istanbul ignore next */ []));
|
|
5732
5743
|
loadingContainerClass = input('d-flex justify-content-center py-2', ...(ngDevMode ? [{ debugName: "loadingContainerClass" }] : /* istanbul ignore next */ []));
|
|
5733
5744
|
loadingIndicatorClass = input('w-30 h-30', ...(ngDevMode ? [{ debugName: "loadingIndicatorClass" }] : /* istanbul ignore next */ []));
|
|
5745
|
+
employeeRowClass = input('row g-0 w-100 align-items-center flex-nowrap', ...(ngDevMode ? [{ debugName: "employeeRowClass" }] : /* istanbul ignore next */ []));
|
|
5734
5746
|
employeeInfoColumnClass = input('col-8 overflow-hidden pe-2', ...(ngDevMode ? [{ debugName: "employeeInfoColumnClass" }] : /* istanbul ignore next */ []));
|
|
5735
5747
|
contactColumnClass = input('col-4 d-flex justify-content-end', ...(ngDevMode ? [{ debugName: "contactColumnClass" }] : /* istanbul ignore next */ []));
|
|
5736
5748
|
pageSize = input(100, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
|
|
@@ -5756,8 +5768,30 @@ class MyTeamPopupComponent {
|
|
|
5756
5768
|
this.searchValue.set('');
|
|
5757
5769
|
this.resetState();
|
|
5758
5770
|
}
|
|
5771
|
+
normalizeContactValue(value) {
|
|
5772
|
+
const normalizedValue = value?.trim() ?? '';
|
|
5773
|
+
return normalizedValue && normalizedValue !== '-' ? normalizedValue : '';
|
|
5774
|
+
}
|
|
5759
5775
|
getEmployeeEmail(employee) {
|
|
5760
|
-
return employee.BusinessEmail
|
|
5776
|
+
return this.normalizeContactValue(employee.BusinessEmail) || this.normalizeContactValue(employee.PersonalEmail);
|
|
5777
|
+
}
|
|
5778
|
+
getEmployeePhone(employee) {
|
|
5779
|
+
return this.normalizeContactValue(employee.MobileNumber);
|
|
5780
|
+
}
|
|
5781
|
+
getEmployeeEmailDisplay(employee) {
|
|
5782
|
+
return this.getEmployeeEmail(employee) || '-';
|
|
5783
|
+
}
|
|
5784
|
+
getEmployeePhoneDisplay(employee) {
|
|
5785
|
+
return this.getEmployeePhone(employee) || '-';
|
|
5786
|
+
}
|
|
5787
|
+
hasEmployeeEmail(employee) {
|
|
5788
|
+
return !!this.getEmployeeEmail(employee);
|
|
5789
|
+
}
|
|
5790
|
+
hasEmployeePhone(employee) {
|
|
5791
|
+
return !!this.getEmployeePhone(employee);
|
|
5792
|
+
}
|
|
5793
|
+
hasAnyContactInfo(employee) {
|
|
5794
|
+
return this.hasEmployeeEmail(employee) || this.hasEmployeePhone(employee);
|
|
5761
5795
|
}
|
|
5762
5796
|
onSearchChanged(value) {
|
|
5763
5797
|
const nextSearchValue = value ?? '';
|
|
@@ -5777,6 +5811,12 @@ class MyTeamPopupComponent {
|
|
|
5777
5811
|
event?.component?.release?.();
|
|
5778
5812
|
return;
|
|
5779
5813
|
}
|
|
5814
|
+
const scrollableContainer = event?.element?.querySelector?.('.dx-scrollable-container');
|
|
5815
|
+
const scrollableContent = event?.element?.querySelector?.('.dx-scrollable-content');
|
|
5816
|
+
if (scrollableContainer && scrollableContent && scrollableContent.scrollHeight <= scrollableContainer.clientHeight) {
|
|
5817
|
+
event?.component?.release?.();
|
|
5818
|
+
return;
|
|
5819
|
+
}
|
|
5780
5820
|
const scrollTop = event?.component?.scrollOffset?.().top ?? 0;
|
|
5781
5821
|
if (scrollTop <= 0) {
|
|
5782
5822
|
event?.component?.release?.();
|
|
@@ -5848,7 +5888,7 @@ class MyTeamPopupComponent {
|
|
|
5848
5888
|
}
|
|
5849
5889
|
}
|
|
5850
5890
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5851
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\r\n [visible]=\"isPopupVisible()\"\r\n [width]=\"'755px'\"\r\n [height]=\"'680px'\"\r\n [showCloseButton]=\"true\"\r\n [showTitle]=\"true\"\r\n [title]=\"'MyTeam' | translate\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n (onShown)=\"loadPage(true)\"\r\n (onHiding)=\"closePopup()\"\r\n>\r\n <ng-template #loadingIndicatorTemplate>\r\n <div [class]=\"loadingContainerClass()\">\r\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #employeeCardTemplate let-employee>\r\n <div [class]=\"employeeCardClass()\">\r\n <div class=\"row g-0 w-100 align-items-center flex-nowrap\">\r\n <div [class]=\"employeeInfoColumnClass()\">\r\n <app-employee-main-info-card\r\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\r\n [searchValue]=\"searchValue()\"\r\n [showGrade]=\"showGrade()\"\r\n [showPropertySymbol]=\"true\"\r\n [showChangeEmployeeButton]=\"false\"\r\n ></app-employee-main-info-card>\r\n </div>\r\n <div [class]=\"contactColumnClass()\">\r\n <div [class]=\"contactContainerClass()\">\r\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span [class]=\"emailTextClass()\" [title]=\"getEmployeeEmail(employee)\" [innerHTML]=\"getEmployeeEmail(employee)\"></span>\r\n </span>\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span [innerHTML]=\"employee.MobileNumber ?? '-'\"></span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n <div [class]=\"headerRowClass()\">\r\n <div [class]=\"switchContainerClass()\">\r\n <input\r\n [class]=\"switchInputClass()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n id=\"myTeamDirectOnlySwitch\"\r\n [checked]=\"showAllSubordinates()\"\r\n (change)=\"onToggleChange($event)\"\r\n />\r\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\r\n {{ 'ShowAllSubordinates' | translate }}\r\n </label>\r\n </div>\r\n <dx-text-box\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"'Search...' | translate\"\r\n [width]=\"'250px'\"\r\n mode=\"search\"\r\n (onValueChanged)=\"onSearchChanged($event.value)\"\r\n ></dx-text-box>\r\n </div>\r\n\r\n <dx-scroll-view\r\n #dataScrollView\r\n [height]=\"500\"\r\n [width]=\"'100%'\"\r\n [elementAttr]=\"{ class: scrollViewClass() }\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n [showScrollbar]=\"'always'\"\r\n [bounceEnabled]=\"false\"\r\n (onReachBottom)=\"onReachBottom($event)\"\r\n >\r\n <div [class]=\"groupedListClass()\">\r\n @if (isDataLoading() && items().length === 0) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n } @else if (items().length === 0) {\r\n <div [class]=\"emptyStateClass()\">\r\n {{ 'NoDataToDisplay' | translate }}\r\n </div>\r\n } @else {\r\n @for (group of items(); track group.adminUnitName) {\r\n @if (showAllSubordinates()) {\r\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\r\n }\r\n @for (emp of group.employees; track emp.EmployeeNumber) {\r\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\r\n }\r\n }\r\n @if (isDataLoading()) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </dx-scroll-view>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5891
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeRowClass: { classPropertyName: "employeeRowClass", publicName: "employeeRowClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\r\n [visible]=\"isPopupVisible()\"\r\n [width]=\"'755px'\"\r\n [height]=\"'680px'\"\r\n [showCloseButton]=\"true\"\r\n [showTitle]=\"true\"\r\n [title]=\"'MyTeam' | translate\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n (onShown)=\"loadPage(true)\"\r\n (onHiding)=\"closePopup()\"\r\n>\r\n <ng-template #loadingIndicatorTemplate>\r\n <div [class]=\"loadingContainerClass()\">\r\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #employeeCardTemplate let-employee>\r\n <div [class]=\"employeeCardClass()\">\r\n <div [class]=\"employeeRowClass()\">\r\n <div [class]=\"employeeInfoColumnClass()\">\r\n <app-employee-main-info-card\r\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\r\n [searchValue]=\"searchValue()\"\r\n [showGrade]=\"showGrade()\"\r\n [showPropertySymbol]=\"showPropertySymbol()\"\r\n [showChangeEmployeeButton]=\"false\"\r\n ></app-employee-main-info-card>444\r\n </div>\r\n @if (hasAnyContactInfo(employee)) {\r\n <div [class]=\"contactColumnClass()\">\r\n <div [class]=\"contactContainerClass()\">\r\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\r\n @if (hasEmployeeEmail(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span\r\n [class]=\"emailTextClass()\"\r\n [title]=\"getEmployeeEmailDisplay(employee)\"\r\n [innerHTML]=\"getEmployeeEmailDisplay(employee)\"\r\n ></span>\r\n </span>\r\n }\r\n @if (hasEmployeePhone(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span [innerHTML]=\"getEmployeePhoneDisplay(employee)\"></span>\r\n </span>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n <div [class]=\"headerRowClass()\">\r\n <div [class]=\"switchContainerClass()\">\r\n <input\r\n [class]=\"switchInputClass()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n id=\"myTeamDirectOnlySwitch\"\r\n [checked]=\"showAllSubordinates()\"\r\n (change)=\"onToggleChange($event)\"\r\n />\r\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\r\n {{ 'ShowAllSubordinates' | translate }}\r\n </label>\r\n </div>\r\n <dx-text-box\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"'Search...' | translate\"\r\n [width]=\"'250px'\"\r\n mode=\"search\"\r\n (onValueChanged)=\"onSearchChanged($event.value)\"\r\n ></dx-text-box>\r\n </div>\r\n\r\n <dx-scroll-view\r\n #dataScrollView\r\n [height]=\"500\"\r\n [width]=\"'100%'\"\r\n [elementAttr]=\"{ class: scrollViewClass() }\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n [showScrollbar]=\"'always'\"\r\n [bounceEnabled]=\"false\"\r\n (onReachBottom)=\"onReachBottom($event)\"\r\n >\r\n <div [class]=\"groupedListClass()\">\r\n @if (isDataLoading() && items().length === 0) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n } @else if (items().length === 0) {\r\n <div [class]=\"emptyStateClass()\">\r\n {{ 'NoDataToDisplay' | translate }}\r\n </div>\r\n } @else {\r\n @for (group of items(); track group.adminUnitName) {\r\n @if (showAllSubordinates()) {\r\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\r\n }\r\n @for (emp of group.employees; track emp.EmployeeNumber) {\r\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\r\n }\r\n }\r\n @if (isDataLoading()) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </dx-scroll-view>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "badgeClass", "badgeImageClass", "badgeWidth", "badgeHeight", "employeeInfoContainerClass", "employeeDetailsClass", "employeeNameContainerClass", "employeeNameClass", "employeePositionClass", "employeeGradeClass", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5852
5892
|
}
|
|
5853
5893
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, decorators: [{
|
|
5854
5894
|
type: Component,
|
|
@@ -5862,11 +5902,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
5862
5902
|
NgTemplateOutlet,
|
|
5863
5903
|
HighlightPipe,
|
|
5864
5904
|
HRTranslatePipe,
|
|
5865
|
-
], template: "<dx-popup\r\n [visible]=\"isPopupVisible()\"\r\n [width]=\"'755px'\"\r\n [height]=\"'680px'\"\r\n [showCloseButton]=\"true\"\r\n [showTitle]=\"true\"\r\n [title]=\"'MyTeam' | translate\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n (onShown)=\"loadPage(true)\"\r\n (onHiding)=\"closePopup()\"\r\n>\r\n <ng-template #loadingIndicatorTemplate>\r\n <div [class]=\"loadingContainerClass()\">\r\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #employeeCardTemplate let-employee>\r\n <div [class]=\"employeeCardClass()\">\r\n <div class=\"
|
|
5905
|
+
], template: "<dx-popup\r\n [visible]=\"isPopupVisible()\"\r\n [width]=\"'755px'\"\r\n [height]=\"'680px'\"\r\n [showCloseButton]=\"true\"\r\n [showTitle]=\"true\"\r\n [title]=\"'MyTeam' | translate\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n (onShown)=\"loadPage(true)\"\r\n (onHiding)=\"closePopup()\"\r\n>\r\n <ng-template #loadingIndicatorTemplate>\r\n <div [class]=\"loadingContainerClass()\">\r\n <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #employeeCardTemplate let-employee>\r\n <div [class]=\"employeeCardClass()\">\r\n <div [class]=\"employeeRowClass()\">\r\n <div [class]=\"employeeInfoColumnClass()\">\r\n <app-employee-main-info-card\r\n [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\r\n [searchValue]=\"searchValue()\"\r\n [showGrade]=\"showGrade()\"\r\n [showPropertySymbol]=\"showPropertySymbol()\"\r\n [showChangeEmployeeButton]=\"false\"\r\n ></app-employee-main-info-card>444\r\n </div>\r\n @if (hasAnyContactInfo(employee)) {\r\n <div [class]=\"contactColumnClass()\">\r\n <div [class]=\"contactContainerClass()\">\r\n <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\r\n @if (hasEmployeeEmail(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span\r\n [class]=\"emailTextClass()\"\r\n [title]=\"getEmployeeEmailDisplay(employee)\"\r\n [innerHTML]=\"getEmployeeEmailDisplay(employee)\"\r\n ></span>\r\n </span>\r\n }\r\n @if (hasEmployeePhone(employee)) {\r\n <span [class]=\"contactRowClass()\">\r\n <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\r\n <span [innerHTML]=\"getEmployeePhoneDisplay(employee)\"></span>\r\n </span>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n <div [class]=\"headerRowClass()\">\r\n <div [class]=\"switchContainerClass()\">\r\n <input\r\n [class]=\"switchInputClass()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n id=\"myTeamDirectOnlySwitch\"\r\n [checked]=\"showAllSubordinates()\"\r\n (change)=\"onToggleChange($event)\"\r\n />\r\n <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\r\n {{ 'ShowAllSubordinates' | translate }}\r\n </label>\r\n </div>\r\n <dx-text-box\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"'Search...' | translate\"\r\n [width]=\"'250px'\"\r\n mode=\"search\"\r\n (onValueChanged)=\"onSearchChanged($event.value)\"\r\n ></dx-text-box>\r\n </div>\r\n\r\n <dx-scroll-view\r\n #dataScrollView\r\n [height]=\"500\"\r\n [width]=\"'100%'\"\r\n [elementAttr]=\"{ class: scrollViewClass() }\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n [showScrollbar]=\"'always'\"\r\n [bounceEnabled]=\"false\"\r\n (onReachBottom)=\"onReachBottom($event)\"\r\n >\r\n <div [class]=\"groupedListClass()\">\r\n @if (isDataLoading() && items().length === 0) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n } @else if (items().length === 0) {\r\n <div [class]=\"emptyStateClass()\">\r\n {{ 'NoDataToDisplay' | translate }}\r\n </div>\r\n } @else {\r\n @for (group of items(); track group.adminUnitName) {\r\n @if (showAllSubordinates()) {\r\n <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\r\n }\r\n @for (emp of group.employees; track emp.EmployeeNumber) {\r\n <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\r\n }\r\n }\r\n @if (isDataLoading()) {\r\n <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </dx-scroll-view>\r\n</dx-popup>\r\n" }]
|
|
5866
5906
|
}], propDecorators: { dataScrollView: [{
|
|
5867
5907
|
type: ViewChild,
|
|
5868
5908
|
args: ['dataScrollView']
|
|
5869
|
-
}], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], showGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrade", required: false }] }], phoneIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "phoneIcon", required: false }] }], emailIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailIcon", required: false }] }], headerRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerRowClass", required: false }] }], switchContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchContainerClass", required: false }] }], switchInputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchInputClass", required: false }] }], switchLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchLabelClass", required: false }] }], scrollViewClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollViewClass", required: false }] }], emptyStateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateClass", required: false }] }], groupHeaderClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupHeaderClass", required: false }] }], employeeCardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeCardClass", required: false }] }], contactContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactContainerClass", required: false }] }], contactTitleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactTitleClass", required: false }] }], contactRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactRowClass", required: false }] }], contactIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactIconClass", required: false }] }], emailTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailTextClass", required: false }] }], groupedListClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupedListClass", required: false }] }], loadingContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingContainerClass", required: false }] }], loadingIndicatorClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIndicatorClass", required: false }] }], employeeInfoColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeInfoColumnClass", required: false }] }], contactColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactColumnClass", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }] } });
|
|
5909
|
+
}], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: true }] }], isLoadingChanged: [{ type: i0.Output, args: ["isLoadingChanged"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], showGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrade", required: false }] }], showPropertySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPropertySymbol", required: false }] }], phoneIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "phoneIcon", required: false }] }], emailIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailIcon", required: false }] }], headerRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerRowClass", required: false }] }], switchContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchContainerClass", required: false }] }], switchInputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchInputClass", required: false }] }], switchLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "switchLabelClass", required: false }] }], scrollViewClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollViewClass", required: false }] }], emptyStateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateClass", required: false }] }], groupHeaderClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupHeaderClass", required: false }] }], employeeCardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeCardClass", required: false }] }], contactContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactContainerClass", required: false }] }], contactTitleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactTitleClass", required: false }] }], contactRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactRowClass", required: false }] }], contactIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactIconClass", required: false }] }], emailTextClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailTextClass", required: false }] }], groupedListClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupedListClass", required: false }] }], loadingContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingContainerClass", required: false }] }], loadingIndicatorClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIndicatorClass", required: false }] }], employeeRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeRowClass", required: false }] }], employeeInfoColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "employeeInfoColumnClass", required: false }] }], contactColumnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactColumnClass", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }] } });
|
|
5870
5910
|
|
|
5871
5911
|
/*
|
|
5872
5912
|
* Public API Surface of shared-ui
|