@skysoftware-co/bayan-hr-widgets-ui 1.0.32 → 1.0.33
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 +12 -88
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs +39 -11
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs.map +1 -1
- package/lib/my-next-week-vacation-insights-widget/my-next-week-vacation-insights-widget.component.d.ts +3 -1
- package/lib/shared/pipes/highlight.pipe.d.ts +7 -0
- package/lib/shared/types/common.d.ts +4 -4
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/lib/my-vacation-team-widget/components/vacation-subordinates-popup/vacation-subordinates-popup.component.d.ts +0 -38
- package/lib/my-vacation-team-widget/my-vacation-team-widget.component.d.ts +0 -33
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ components:
|
|
|
31
31
|
1. My Main Details Widget
|
|
32
32
|
2. My Upcoming Events Widget
|
|
33
33
|
3. My Calendar Widget
|
|
34
|
-
|
|
34
|
+
|
|
35
35
|
## Dependencies
|
|
36
36
|
This library depends on `@skysoftware-co/bayan-components-ui` package which provides:
|
|
37
37
|
- Employee Badge Component
|
|
@@ -243,7 +243,6 @@ This component displays an employee calendar showing vacations, public holidays,
|
|
|
243
243
|
|-------|------|---------------|-------------|
|
|
244
244
|
| `baseUrl` | string | `''` | Base URL for API calls |
|
|
245
245
|
| `headerContainerClass` | string | `''` | Additional CSS class for the header container |
|
|
246
|
-
| `datasource` | `ScheduleRequestsResponse \| null` | `null` | External datasource for pending requests. When provided, pending vacation requests are merged with calendar vacations (consecutive same-type vacations are combined), and pending event requests are added as events. The calendar reactively updates whenever this input changes after the initial calendar data has loaded. |
|
|
247
246
|
| `publicHolidayColor` | string | from `HRConstantsService`: `'#249EA0'` | Color for public holidays |
|
|
248
247
|
| `dayOffColor` | string | from `HRConstantsService`: `'#FCCF5A'` | Color for days off |
|
|
249
248
|
| `eventsColor` | string | from `HRConstantsService`: `'#e67e0f'` | Color for events |
|
|
@@ -272,15 +271,15 @@ The component calls `GET {baseUrl}/hr/employee-portal/calendar` with query param
|
|
|
272
271
|
- Header: `api-version: 2`
|
|
273
272
|
|
|
274
273
|
|
|
275
|
-
## My Vacation
|
|
274
|
+
## My Next Week Vacation Insights Widget Component
|
|
276
275
|
|
|
277
276
|
### Usage
|
|
278
277
|
```html
|
|
279
|
-
<hr-my-vacation-
|
|
278
|
+
<hr-my-next-week-vacation-insights-widget
|
|
280
279
|
[baseUrl]="environment.baseUrl"
|
|
281
280
|
[showProperty]="true"
|
|
282
281
|
(isLoadingChanged)="onLoadingChanged($event)">
|
|
283
|
-
</hr-my-vacation-
|
|
282
|
+
</hr-my-next-week-vacation-insights-widget>
|
|
284
283
|
```
|
|
285
284
|
|
|
286
285
|
This component displays a "Next Week Vacation Insights" card showing two badges: **Upcoming Vacations** and **Expected To Return** counts for team subordinates. Clicking a badge opens a popup with a paginated, searchable data grid listing the relevant employees. It uses `SkyWidgetSectionItemComponent` from `@skysoftware-co/sky-components-ui` for badge display and `BayanEmployeeBadgeComponent` from `@skysoftware-co/bayan-components-ui` for employee photos in the popup.
|
|
@@ -290,20 +289,22 @@ This component displays a "Next Week Vacation Insights" card showing two badges:
|
|
|
290
289
|
|-------|------|---------------|-------------|
|
|
291
290
|
| `baseUrl` | string | `''` | Base URL for API calls |
|
|
292
291
|
| `showProperty` | boolean | `false` | Show employee property badge in the popup grid |
|
|
293
|
-
| `cardClass` | string | `'card rounded rounded-4 card-shadow
|
|
294
|
-
| `titleClass` | string | `'table-header-lg fw-meduim'` | Card title CSS class |
|
|
292
|
+
| `cardClass` | string | `'card rounded rounded-4 card-shadow border-top-0 h-100 p-4'` | Card container CSS class |
|
|
293
|
+
| `titleClass` | string | `'table-header-lg fw-meduim mb-3 mt-2'` | Card title CSS class |
|
|
295
294
|
| `valueClass` | string | `'fs-24 mt-1 link-dark hover-primary text-decoration-none'` | Badge value CSS class (clickable) |
|
|
296
295
|
| `disabledValueClass` | string | `'fs-24 mt-1 text-muted pe-none text-decoration-none'` | Badge value CSS class when count is 0 |
|
|
297
|
-
| `upcomingContainerClass` | string | `'border-start border-5 mb-
|
|
296
|
+
| `upcomingContainerClass` | string | `'border-start border-5 mb-4'` | Upcoming vacations badge container CSS class |
|
|
298
297
|
| `expectedContainerClass` | string | `'border-start border-5'` | Expected to return badge container CSS class |
|
|
298
|
+
| `firstRowClass` | string | `'mb-4'` | CSS class for the first badge row wrapper |
|
|
299
|
+
| `secondRowClass` | string | `'mt-3'` | CSS class for the second badge row wrapper |
|
|
299
300
|
|
|
300
301
|
### Output Events
|
|
301
302
|
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes
|
|
302
303
|
|
|
303
304
|
### API Endpoints
|
|
304
|
-
- **Summary**: `GET {baseUrl}/hr/widgets/me/team/
|
|
305
|
-
- **Upcoming list**: `GET {baseUrl}/hr/widgets/me/team/
|
|
306
|
-
- **Expected to return list**: `GET {baseUrl}/hr/widgets/me/team/
|
|
305
|
+
- **Summary**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/summary?ShowDirectSubordinatesOnly=false`
|
|
306
|
+
- **Upcoming list**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/upcoming-vacations`
|
|
307
|
+
- **Expected to return list**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/expected-to-return`
|
|
307
308
|
|
|
308
309
|
## Profile Widgets
|
|
309
310
|
|
|
@@ -344,83 +345,6 @@ The package also exports profile-focused widgets used in the employee profile pa
|
|
|
344
345
|
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
345
346
|
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
346
347
|
|
|
347
|
-
## Profile Experiences Widget
|
|
348
|
-
|
|
349
|
-
### Usage
|
|
350
|
-
```html
|
|
351
|
-
<hr-profile-experiences-widget
|
|
352
|
-
[baseUrl]="baseUrl"
|
|
353
|
-
(isLoadingChanged)="onExperiencesLoadingChanged($event)">
|
|
354
|
-
</hr-profile-experiences-widget>
|
|
355
|
-
```
|
|
356
|
-
|
|
357
|
-
### Input Properties
|
|
358
|
-
| Input | Type | Default Value | Description |
|
|
359
|
-
|-------|------|---------------|-------------|
|
|
360
|
-
| `baseUrl` | string | `''` | Base URL for API calls. |
|
|
361
|
-
| `sectionTitle` | string | `'experiences'` | Section title translation key. |
|
|
362
|
-
| `experienceIcon` | IconDefinition | `faUsersRays` | Header icon. |
|
|
363
|
-
| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
|
|
364
|
-
| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
|
|
365
|
-
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
|
|
366
|
-
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
|
|
367
|
-
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
|
|
368
|
-
| `rowClass` | string | `'mt-4'` | Main row CSS class. |
|
|
369
|
-
| `itemRowClass` | string | `'row col-10 mt-3'` | Experience row CSS class. |
|
|
370
|
-
| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
|
|
371
|
-
| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
|
|
372
|
-
| `valueClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` value CSS class. |
|
|
373
|
-
| `actionsColumnClass` | string | `'col-2 mt-3'` | Attachment action column CSS class. |
|
|
374
|
-
| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
|
|
375
|
-
| `downloadIconClass` | string | `'fs-15 text-dark cursor-pointer mx-2'` | Download icon CSS class. |
|
|
376
|
-
| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
|
|
377
|
-
| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
|
|
378
|
-
|
|
379
|
-
### Output Events
|
|
380
|
-
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
381
|
-
- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
|
|
382
|
-
- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
|
|
383
|
-
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
384
|
-
|
|
385
|
-
## Profile Degrees Widget
|
|
386
|
-
|
|
387
|
-
### Usage
|
|
388
|
-
```html
|
|
389
|
-
<hr-profile-degrees-widget
|
|
390
|
-
[baseUrl]="baseUrl"
|
|
391
|
-
(isLoadingChanged)="onDegreesLoadingChanged($event)">
|
|
392
|
-
</hr-profile-degrees-widget>
|
|
393
|
-
```
|
|
394
|
-
|
|
395
|
-
### Input Properties
|
|
396
|
-
| Input | Type | Default Value | Description |
|
|
397
|
-
|-------|------|---------------|-------------|
|
|
398
|
-
| `baseUrl` | string | `''` | Base URL for API calls. |
|
|
399
|
-
| `sectionTitle` | string | `'degrees'` | Section title translation key. |
|
|
400
|
-
| `degreesIcon` | IconDefinition | `faFileCertificate` | Header icon. |
|
|
401
|
-
| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
|
|
402
|
-
| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
|
|
403
|
-
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
|
|
404
|
-
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
|
|
405
|
-
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
|
|
406
|
-
| `rowClass` | string | `'mt-4'` | Main row CSS class. |
|
|
407
|
-
| `itemRowClass` | string | `'row col-10 mt-3'` | Degree row CSS class. |
|
|
408
|
-
| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
|
|
409
|
-
| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
|
|
410
|
-
| `valueClass` | string | `'text-dark-gray fs-14'` | `hr-info-field` main value CSS class. |
|
|
411
|
-
| `valueEllipsisClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` ellipsis value CSS class. |
|
|
412
|
-
| `actionsColumnClass` | string | `'col-2 align-items-end mt-3'` | Attachment action column CSS class. |
|
|
413
|
-
| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
|
|
414
|
-
| `downloadIconClass` | string | `'fs-15 mx-3 text-dark cursor-pointer'` | Download icon CSS class. |
|
|
415
|
-
| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
|
|
416
|
-
| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
|
|
417
|
-
|
|
418
|
-
### Output Events
|
|
419
|
-
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
420
|
-
- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
|
|
421
|
-
- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
|
|
422
|
-
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
423
|
-
|
|
424
348
|
## Profile Personal Info Contact Widget
|
|
425
349
|
|
|
426
350
|
### Usage
|
|
@@ -301,7 +301,7 @@ var en = {
|
|
|
301
301
|
Degrees: Degrees$2,
|
|
302
302
|
degrees: degrees$2,
|
|
303
303
|
experiences: experiences$2,
|
|
304
|
-
"Degree/Year": "Degree/Year",
|
|
304
|
+
"Degree/Year": "Degree / Year",
|
|
305
305
|
Country: Country$2,
|
|
306
306
|
Specialty: Specialty$2,
|
|
307
307
|
Institute: Institute$2,
|
|
@@ -410,7 +410,7 @@ var ThereIsNoJobMainYet$1 = "لا توجد معلومات وظيفية بعد";
|
|
|
410
410
|
var ThereIsNoJobContractYet$1 = "لا توجد معلومات عقد بعد";
|
|
411
411
|
var ThereIsNoJobSalaryYet$1 = "لا توجد معلومات راتب بعد";
|
|
412
412
|
var ThereIsNoJobServiceChargeYet$1 = "لا توجد معلومات مستحقات نهاية الخدمة بعد";
|
|
413
|
-
var NextWeekVacationInsights$1 = "
|
|
413
|
+
var NextWeekVacationInsights$1 = "ملخص إجازات الأسبوع القادم";
|
|
414
414
|
var UpcomingVacations$1 = "الإجازات القادمة";
|
|
415
415
|
var ExpectedToReturn$1 = "المتوقع عودتهم";
|
|
416
416
|
var Employee$1 = "الموظف";
|
|
@@ -783,7 +783,7 @@ var fr = {
|
|
|
783
783
|
Degrees: Degrees,
|
|
784
784
|
degrees: degrees,
|
|
785
785
|
experiences: experiences,
|
|
786
|
-
"Degree/Year": "Diplome/Annee",
|
|
786
|
+
"Degree/Year": "Diplome / Annee",
|
|
787
787
|
Country: Country,
|
|
788
788
|
Specialty: Specialty,
|
|
789
789
|
Institute: Institute,
|
|
@@ -1338,7 +1338,7 @@ class HRSelfWidgetsService {
|
|
|
1338
1338
|
}
|
|
1339
1339
|
getVacationSummary(baseUrl) {
|
|
1340
1340
|
const params = new HttpParams().set('ShowDirectSubordinatesOnly', 'false');
|
|
1341
|
-
return this.http.get(`${baseUrl}/hr/widgets/me/team/
|
|
1341
|
+
return this.http.get(`${baseUrl}/hr/widgets/me/team/next-week-vacation-insights/summary`, {
|
|
1342
1342
|
params,
|
|
1343
1343
|
headers: this.headers
|
|
1344
1344
|
});
|
|
@@ -2113,6 +2113,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
2113
2113
|
type: Input
|
|
2114
2114
|
}] } });
|
|
2115
2115
|
|
|
2116
|
+
class HRHighlightPipe {
|
|
2117
|
+
transform(value, args) {
|
|
2118
|
+
if (args && value) {
|
|
2119
|
+
let pattern = args.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
|
|
2120
|
+
const regex = new RegExp(pattern, 'gi');
|
|
2121
|
+
return value.replace(regex, (match) => `<span class='highlight'>${match}</span>`);
|
|
2122
|
+
}
|
|
2123
|
+
else {
|
|
2124
|
+
return value;
|
|
2125
|
+
}
|
|
2126
|
+
}
|
|
2127
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
2128
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: HRHighlightPipe, isStandalone: true, name: "HRHighlight" });
|
|
2129
|
+
}
|
|
2130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRHighlightPipe, decorators: [{
|
|
2131
|
+
type: Pipe,
|
|
2132
|
+
args: [{
|
|
2133
|
+
name: 'HRHighlight',
|
|
2134
|
+
standalone: true
|
|
2135
|
+
}]
|
|
2136
|
+
}] });
|
|
2137
|
+
|
|
2116
2138
|
class HRCommonMethodsService {
|
|
2117
2139
|
translateService;
|
|
2118
2140
|
constructor(translateService) {
|
|
@@ -2523,11 +2545,11 @@ class HRInfoFieldComponent {
|
|
|
2523
2545
|
valueClass = 'fs-14 fw-medium';
|
|
2524
2546
|
fallbackValue = '—';
|
|
2525
2547
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2526
|
-
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\"
|
|
2548
|
+
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" }] });
|
|
2527
2549
|
}
|
|
2528
2550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
|
|
2529
2551
|
type: Component,
|
|
2530
|
-
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\"
|
|
2552
|
+
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" }]
|
|
2531
2553
|
}], propDecorators: { labelKey: [{
|
|
2532
2554
|
type: Input,
|
|
2533
2555
|
args: [{ required: true }]
|
|
@@ -3565,12 +3587,12 @@ class HRNextWeekVacationInsightsPopupComponent {
|
|
|
3565
3587
|
employee.FailedToLoadPhoto = true;
|
|
3566
3588
|
}
|
|
3567
3589
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRNextWeekVacationInsightsPopupComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
|
|
3568
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: HRNextWeekVacationInsightsPopupComponent, isStandalone: true, selector: "hr-next-week-vacation-insights-popup", inputs: { popupVisible: "popupVisible", popupType: "popupType", baseUrl: "baseUrl", width: "width", height: "height", gridHeight: "gridHeight", pageSize: "pageSize", showProperty: "showProperty" }, outputs: { closePopupClickHandler: "closePopupClickHandler" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DxDataGridComponent, descendants: true }], ngImport: i0, template: "<dx-popup [visible]=\"popupVisible\"\r\n [height]=\"height\"\r\n [minHeight]=\"'40%'\"\r\n [maxHeight]=\"'70%'\"\r\n [width]=\"width\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"false\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n titleTemplate=\"title\"\r\n [showTitle]=\"true\"\r\n (onShown)=\"onShown()\"\r\n (onHidden)=\"onHidden()\">\r\n\r\n <div *dxTemplate=\"let data of 'title'\">\r\n <div class=\"d-flex justify-content-between align-items-center my-0\">\r\n <p class=\"mx-3 fs-16 fw-meduim text-ellipsis-one-line\">\r\n <span class=\"text-dark-gray\">{{popupTitle ? (popupTitle | HRTranslate) : ('NextWeekVacationInsights' | HRTranslate)}}</span>\r\n <span class=\"mx-2 text-primary\">({{getPopupTitle() | HRTranslate}})</span>\r\n </p>\r\n <div class=\"p-2\" (click)=\"onPopupClose()\">\r\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 me-1 text-dark-gray cursor-pointer\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *dxTemplate=\"let d of 'popup-content'\">\r\n <div class=\"mb-2\">\r\n <dx-text-box [width]=\"'250px'\"\r\n mode=\"search\"\r\n [value]=\"searchValue\"\r\n [placeholder]=\"'Search...' | HRTranslate\"\r\n (onValueChanged)=\"onSearchValueChanged($event)\">\r\n </dx-text-box>\r\n </div>\r\n @if(dataSource){\r\n <dx-data-grid class=\"popup-data-grid\"\r\n [dataSource]=\"dataSource\"\r\n [showBorders]=\"false\"\r\n [showRowLines]=\"false\"\r\n [showColumnLines]=\"false\"\r\n [columnAutoWidth]=\"true\"\r\n [wordWrapEnabled]=\"true\"\r\n [height]=\"gridHeight\"\r\n [allowColumnReordering]=\"false\"\r\n [remoteOperations]=\"{paging: true}\">\r\n\r\n <dxo-sorting mode=\"none\"></dxo-sorting>\r\n\r\n <dxo-scrolling mode=\"infinite\"\r\n [useNative]=\"false\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n showScrollbar=\"always\">\r\n </dxo-scrolling>\r\n\r\n <dxo-paging [enabled]=\"true\" [pageSize]=\"pageSize\"></dxo-paging>\r\n\r\n <dxi-column caption=\"{{'Employee' | HRTranslate}}\"\r\n dataField=\"EmployeeName\"\r\n cellTemplate=\"employeeCellTemplate\"\r\n [minWidth]=\"250\">\r\n </dxi-column>\r\n\r\n @if(popupType === VacationPopupType.Upcoming){\r\n <dxi-column caption=\"{{'StartDate' | HRTranslate}}\"\r\n dataField=\"VacationStartDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n <dxi-column caption=\"{{'EndDate' | HRTranslate}}\"\r\n dataField=\"VacationEndDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }@else{\r\n <dxi-column caption=\"{{'ReturnDate' | HRTranslate}}\"\r\n dataField=\"ReturnDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }\r\n\r\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\r\n <div class=\"d-flex align-items-center\">\r\n <bayan-employee-badge\r\n [badge]=\"getEmployeeBadge(cell.data)\"\r\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\r\n imageClass=\"rounded-circle m-1\"\r\n [width]=\"'40px'\"\r\n [height]=\"'40px'\"\r\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\">\r\n </bayan-employee-badge>\r\n <div class=\"d-flex flex-column ms-1\">\r\n <div class=\"d-flex flex-row\">\r\n @if(showProperty){\r\n <span class=\"property-badge cursor-pointer mx-1\" [title]=\"cell.data.PropertyName\" [innerHTML]=\"cell.data.PropertySymbol\"></span>\r\n }\r\n <span class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\r\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\">\r\n {{cell.data.EmployeeNumber}} | {{cell.data.EmployeeName}}\r\n </span>\r\n </div>\r\n <p class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\">\r\n {{cell.data.EmployeeAdminUnitName}}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </dx-data-grid>\r\n }\r\n </div>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "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", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxDataGridModule }, { kind: "component", type: i1$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i5.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i5.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i5.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i5.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
|
|
3590
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: HRNextWeekVacationInsightsPopupComponent, isStandalone: true, selector: "hr-next-week-vacation-insights-popup", inputs: { popupVisible: "popupVisible", popupType: "popupType", baseUrl: "baseUrl", width: "width", height: "height", gridHeight: "gridHeight", pageSize: "pageSize", showProperty: "showProperty" }, outputs: { closePopupClickHandler: "closePopupClickHandler" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: DxDataGridComponent, descendants: true }], ngImport: i0, template: "<dx-popup [visible]=\"popupVisible\"\r\n [height]=\"height\"\r\n [minHeight]=\"'40%'\"\r\n [maxHeight]=\"'70%'\"\r\n [width]=\"width\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"false\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n titleTemplate=\"title\"\r\n [showTitle]=\"true\"\r\n (onShown)=\"onShown()\"\r\n (onHidden)=\"onHidden()\">\r\n\r\n <div *dxTemplate=\"let data of 'title'\">\r\n <div class=\"d-flex justify-content-between align-items-center my-0\">\r\n <p class=\"mx-3 fs-16 fw-meduim text-ellipsis-one-line\">\r\n <span class=\"text-dark-gray\">{{popupTitle ? (popupTitle | HRTranslate) : ('NextWeekVacationInsights' | HRTranslate)}}</span>\r\n <span class=\"mx-2 text-primary\">({{getPopupTitle() | HRTranslate}})</span>\r\n </p>\r\n <div class=\"p-2\" (click)=\"onPopupClose()\">\r\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 me-1 text-dark-gray cursor-pointer\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *dxTemplate=\"let d of 'popup-content'\">\r\n <div class=\"mb-2 d-flex justify-content-end\">\r\n <dx-text-box [width]=\"'250px'\"\r\n mode=\"search\"\r\n [value]=\"searchValue\"\r\n [placeholder]=\"'Search...' | HRTranslate\"\r\n (onValueChanged)=\"onSearchValueChanged($event)\">\r\n </dx-text-box>\r\n </div>\r\n @if(dataSource){\r\n <dx-data-grid class=\"popup-data-grid\"\r\n [dataSource]=\"dataSource\"\r\n [showBorders]=\"false\"\r\n [showRowLines]=\"false\"\r\n [showColumnLines]=\"false\"\r\n [columnAutoWidth]=\"true\"\r\n [wordWrapEnabled]=\"true\"\r\n [height]=\"gridHeight\"\r\n [allowColumnReordering]=\"false\"\r\n [remoteOperations]=\"{paging: true}\">\r\n\r\n <dxo-sorting mode=\"none\"></dxo-sorting>\r\n\r\n <dxo-scrolling mode=\"infinite\"\r\n [useNative]=\"false\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n showScrollbar=\"always\">\r\n </dxo-scrolling>\r\n\r\n <dxo-paging [enabled]=\"true\" [pageSize]=\"pageSize\"></dxo-paging>\r\n\r\n <dxi-column caption=\"{{'Employee' | HRTranslate}}\"\r\n dataField=\"EmployeeName\"\r\n cellTemplate=\"employeeCellTemplate\"\r\n [minWidth]=\"250\">\r\n </dxi-column>\r\n\r\n @if(popupType === VacationPopupType.Upcoming){\r\n <dxi-column caption=\"{{'StartDate' | HRTranslate}}\"\r\n dataField=\"VacationStartDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n <dxi-column caption=\"{{'EndDate' | HRTranslate}}\"\r\n dataField=\"VacationEndDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }@else{\r\n <dxi-column caption=\"{{'ReturnDate' | HRTranslate}}\"\r\n dataField=\"ReturnDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }\r\n\r\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\r\n <div class=\"d-flex align-items-center\">\r\n <bayan-employee-badge\r\n [badge]=\"getEmployeeBadge(cell.data)\"\r\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\r\n imageClass=\"rounded-circle\"\r\n [width]=\"'40px'\"\r\n [height]=\"'40px'\"\r\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\">\r\n </bayan-employee-badge>\r\n <div class=\"d-flex flex-column ms-1\">\r\n <div class=\"d-flex flex-row ms-2\">\r\n @if(showProperty){\r\n <span class=\"property-badge cursor-pointer me-1\" [title]=\"cell.data.PropertyName\" [innerHTML]=\"cell.data.PropertySymbol\"></span>\r\n }\r\n <span class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\r\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\"\r\n [innerHTML]=\"(cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName) | HRHighlight:searchValue\">\r\n </span>\r\n </div>\r\n <p class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\"\r\n [innerHTML]=\"cell.data.EmployeeAdminUnitName | HRHighlight:searchValue\">\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </dx-data-grid>\r\n }\r\n </div>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "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", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxDataGridModule }, { kind: "component", type: i1$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i5.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i5.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i5.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i5.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "pipe", type: HRHighlightPipe, name: "HRHighlight" }] });
|
|
3569
3591
|
}
|
|
3570
3592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRNextWeekVacationInsightsPopupComponent, decorators: [{
|
|
3571
3593
|
type: Component,
|
|
3572
3594
|
args: [{ selector: 'hr-next-week-vacation-insights-popup', standalone: true, imports: [DxPopupModule, HRTranslatePipe, CommonModule, FontAwesomeModule,
|
|
3573
|
-
DxDataGridModule, BayanEmployeeBadgeComponent, DxTextBoxModule], template: "<dx-popup [visible]=\"popupVisible\"\r\n [height]=\"height\"\r\n [minHeight]=\"'40%'\"\r\n [maxHeight]=\"'70%'\"\r\n [width]=\"width\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"false\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n titleTemplate=\"title\"\r\n [showTitle]=\"true\"\r\n (onShown)=\"onShown()\"\r\n (onHidden)=\"onHidden()\">\r\n\r\n <div *dxTemplate=\"let data of 'title'\">\r\n <div class=\"d-flex justify-content-between align-items-center my-0\">\r\n <p class=\"mx-3 fs-16 fw-meduim text-ellipsis-one-line\">\r\n <span class=\"text-dark-gray\">{{popupTitle ? (popupTitle | HRTranslate) : ('NextWeekVacationInsights' | HRTranslate)}}</span>\r\n <span class=\"mx-2 text-primary\">({{getPopupTitle() | HRTranslate}})</span>\r\n </p>\r\n <div class=\"p-2\" (click)=\"onPopupClose()\">\r\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 me-1 text-dark-gray cursor-pointer\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *dxTemplate=\"let d of 'popup-content'\">\r\n <div class=\"mb-2\">\r\n <dx-text-box [width]=\"'250px'\"\r\n mode=\"search\"\r\n [value]=\"searchValue\"\r\n [placeholder]=\"'Search...' | HRTranslate\"\r\n (onValueChanged)=\"onSearchValueChanged($event)\">\r\n </dx-text-box>\r\n </div>\r\n @if(dataSource){\r\n <dx-data-grid class=\"popup-data-grid\"\r\n [dataSource]=\"dataSource\"\r\n [showBorders]=\"false\"\r\n [showRowLines]=\"false\"\r\n [showColumnLines]=\"false\"\r\n [columnAutoWidth]=\"true\"\r\n [wordWrapEnabled]=\"true\"\r\n [height]=\"gridHeight\"\r\n [allowColumnReordering]=\"false\"\r\n [remoteOperations]=\"{paging: true}\">\r\n\r\n <dxo-sorting mode=\"none\"></dxo-sorting>\r\n\r\n <dxo-scrolling mode=\"infinite\"\r\n [useNative]=\"false\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n showScrollbar=\"always\">\r\n </dxo-scrolling>\r\n\r\n <dxo-paging [enabled]=\"true\" [pageSize]=\"pageSize\"></dxo-paging>\r\n\r\n <dxi-column caption=\"{{'Employee' | HRTranslate}}\"\r\n dataField=\"EmployeeName\"\r\n cellTemplate=\"employeeCellTemplate\"\r\n [minWidth]=\"250\">\r\n </dxi-column>\r\n\r\n @if(popupType === VacationPopupType.Upcoming){\r\n <dxi-column caption=\"{{'StartDate' | HRTranslate}}\"\r\n dataField=\"VacationStartDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n <dxi-column caption=\"{{'EndDate' | HRTranslate}}\"\r\n dataField=\"VacationEndDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }@else{\r\n <dxi-column caption=\"{{'ReturnDate' | HRTranslate}}\"\r\n dataField=\"ReturnDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }\r\n\r\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\r\n <div class=\"d-flex align-items-center\">\r\n <bayan-employee-badge\r\n [badge]=\"getEmployeeBadge(cell.data)\"\r\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\r\n imageClass=\"rounded-circle
|
|
3595
|
+
DxDataGridModule, BayanEmployeeBadgeComponent, DxTextBoxModule, HRHighlightPipe], template: "<dx-popup [visible]=\"popupVisible\"\r\n [height]=\"height\"\r\n [minHeight]=\"'40%'\"\r\n [maxHeight]=\"'70%'\"\r\n [width]=\"width\"\r\n contentTemplate=\"popup-content\"\r\n [showCloseButton]=\"false\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n titleTemplate=\"title\"\r\n [showTitle]=\"true\"\r\n (onShown)=\"onShown()\"\r\n (onHidden)=\"onHidden()\">\r\n\r\n <div *dxTemplate=\"let data of 'title'\">\r\n <div class=\"d-flex justify-content-between align-items-center my-0\">\r\n <p class=\"mx-3 fs-16 fw-meduim text-ellipsis-one-line\">\r\n <span class=\"text-dark-gray\">{{popupTitle ? (popupTitle | HRTranslate) : ('NextWeekVacationInsights' | HRTranslate)}}</span>\r\n <span class=\"mx-2 text-primary\">({{getPopupTitle() | HRTranslate}})</span>\r\n </p>\r\n <div class=\"p-2\" (click)=\"onPopupClose()\">\r\n <fa-icon [icon]=\"xMarkIcon\" class=\"fs-18 me-1 text-dark-gray cursor-pointer\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *dxTemplate=\"let d of 'popup-content'\">\r\n <div class=\"mb-2 d-flex justify-content-end\">\r\n <dx-text-box [width]=\"'250px'\"\r\n mode=\"search\"\r\n [value]=\"searchValue\"\r\n [placeholder]=\"'Search...' | HRTranslate\"\r\n (onValueChanged)=\"onSearchValueChanged($event)\">\r\n </dx-text-box>\r\n </div>\r\n @if(dataSource){\r\n <dx-data-grid class=\"popup-data-grid\"\r\n [dataSource]=\"dataSource\"\r\n [showBorders]=\"false\"\r\n [showRowLines]=\"false\"\r\n [showColumnLines]=\"false\"\r\n [columnAutoWidth]=\"true\"\r\n [wordWrapEnabled]=\"true\"\r\n [height]=\"gridHeight\"\r\n [allowColumnReordering]=\"false\"\r\n [remoteOperations]=\"{paging: true}\">\r\n\r\n <dxo-sorting mode=\"none\"></dxo-sorting>\r\n\r\n <dxo-scrolling mode=\"infinite\"\r\n [useNative]=\"false\"\r\n [scrollByContent]=\"true\"\r\n [scrollByThumb]=\"true\"\r\n showScrollbar=\"always\">\r\n </dxo-scrolling>\r\n\r\n <dxo-paging [enabled]=\"true\" [pageSize]=\"pageSize\"></dxo-paging>\r\n\r\n <dxi-column caption=\"{{'Employee' | HRTranslate}}\"\r\n dataField=\"EmployeeName\"\r\n cellTemplate=\"employeeCellTemplate\"\r\n [minWidth]=\"250\">\r\n </dxi-column>\r\n\r\n @if(popupType === VacationPopupType.Upcoming){\r\n <dxi-column caption=\"{{'StartDate' | HRTranslate}}\"\r\n dataField=\"VacationStartDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n <dxi-column caption=\"{{'EndDate' | HRTranslate}}\"\r\n dataField=\"VacationEndDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }@else{\r\n <dxi-column caption=\"{{'ReturnDate' | HRTranslate}}\"\r\n dataField=\"ReturnDate\"\r\n dataType=\"date\"\r\n format=\"dd/MM/yyyy\"\r\n [width]=\"120\"\r\n alignment=\"start\">\r\n </dxi-column>\r\n }\r\n\r\n <div *dxTemplate=\"let cell of 'employeeCellTemplate'\">\r\n <div class=\"d-flex align-items-center\">\r\n <bayan-employee-badge\r\n [badge]=\"getEmployeeBadge(cell.data)\"\r\n badgeClass=\"badge employee-rounded-badge-xl fs-6\"\r\n imageClass=\"rounded-circle\"\r\n [width]=\"'40px'\"\r\n [height]=\"'40px'\"\r\n (employeePhotoError)=\"handleEmployeePhotoError(cell.data)\">\r\n </bayan-employee-badge>\r\n <div class=\"d-flex flex-column ms-1\">\r\n <div class=\"d-flex flex-row ms-2\">\r\n @if(showProperty){\r\n <span class=\"property-badge cursor-pointer me-1\" [title]=\"cell.data.PropertyName\" [innerHTML]=\"cell.data.PropertySymbol\"></span>\r\n }\r\n <span class=\"text-ellipsis-one-line fs-14 text-dark-gray fw-normal\"\r\n [title]=\"cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName\"\r\n [innerHTML]=\"(cell.data.EmployeeNumber + ' | ' + cell.data.EmployeeName) | HRHighlight:searchValue\">\r\n </span>\r\n </div>\r\n <p class=\"ms-2 mt-1 text-ellipsis-one-line fs-12 text-dark-gray fw-normal mb-0\"\r\n [innerHTML]=\"cell.data.EmployeeAdminUnitName | HRHighlight:searchValue\">\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </dx-data-grid>\r\n }\r\n </div>\r\n</dx-popup>\r\n" }]
|
|
3574
3596
|
}], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { dataGrid: [{
|
|
3575
3597
|
type: ViewChild,
|
|
3576
3598
|
args: [DxDataGridComponent, { static: false }]
|
|
@@ -3605,6 +3627,8 @@ class MyNextWeekVacationInsightsWidgetComponent {
|
|
|
3605
3627
|
disabledValueClass = 'fs-24 mt-1 text-muted pe-none text-decoration-none';
|
|
3606
3628
|
upcomingContainerClass = 'border-start border-5 mb-4';
|
|
3607
3629
|
expectedContainerClass = 'border-start border-5';
|
|
3630
|
+
firstRowClass = 'mb-4';
|
|
3631
|
+
secondRowClass = 'mt-3';
|
|
3608
3632
|
isLoadingChanged = new EventEmitter();
|
|
3609
3633
|
popupVisible = false;
|
|
3610
3634
|
popupType = VacationPopupType.Upcoming;
|
|
@@ -3665,11 +3689,11 @@ class MyNextWeekVacationInsightsWidgetComponent {
|
|
|
3665
3689
|
};
|
|
3666
3690
|
}
|
|
3667
3691
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyNextWeekVacationInsightsWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3668
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: MyNextWeekVacationInsightsWidgetComponent, isStandalone: true, selector: "hr-my-next-week-vacation-insights-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 mb-3\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-3\">\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-next-week-vacation-insights-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-next-week-vacation-insights-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: HRNextWeekVacationInsightsPopupComponent, selector: "hr-next-week-vacation-insights-popup", inputs: ["popupVisible", "popupType", "baseUrl", "width", "height", "gridHeight", "pageSize", "showProperty"], outputs: ["closePopupClickHandler"] }] });
|
|
3692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: MyNextWeekVacationInsightsWidgetComponent, isStandalone: true, selector: "hr-my-next-week-vacation-insights-widget", inputs: { baseUrl: "baseUrl", showProperty: "showProperty", cardClass: "cardClass", titleClass: "titleClass", valueClass: "valueClass", disabledValueClass: "disabledValueClass", upcomingContainerClass: "upcomingContainerClass", expectedContainerClass: "expectedContainerClass", firstRowClass: "firstRowClass", secondRowClass: "secondRowClass" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<div [class]=\"cardClass\">\r\n <div class=\"card-body d-flex flex-column p-0 mb-3\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate | uppercase}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-3\">\r\n <div [ngClass]=\"firstRowClass\">\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 </div>\r\n <div [ngClass]=\"secondRowClass\">\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</div>\r\n\r\n<hr-next-week-vacation-insights-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-next-week-vacation-insights-popup>\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: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: SkyWidgetSectionItemComponent, selector: "sky-widget-section-item", inputs: ["data", "iconContainerClass", "iconClass", "iconSize", "iconWidth", "iconHeight", "buttonClass", "titleClass", "valueClass", "containerClass", "borderColorClass"], outputs: ["OnWidgetSectionClick"] }, { kind: "component", type: HRNextWeekVacationInsightsPopupComponent, selector: "hr-next-week-vacation-insights-popup", inputs: ["popupVisible", "popupType", "baseUrl", "width", "height", "gridHeight", "pageSize", "showProperty"], outputs: ["closePopupClickHandler"] }] });
|
|
3669
3693
|
}
|
|
3670
3694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyNextWeekVacationInsightsWidgetComponent, decorators: [{
|
|
3671
3695
|
type: Component,
|
|
3672
|
-
args: [{ selector: 'hr-my-next-week-vacation-insights-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, FontAwesomeModule, SkyWidgetSectionItemComponent, HRNextWeekVacationInsightsPopupComponent], template: "<div [class]=\"cardClass\">\r\n <div class=\"card-body d-flex flex-column p-0 mb-3\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-3\">\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-next-week-vacation-insights-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-next-week-vacation-insights-popup>\r\n" }]
|
|
3696
|
+
args: [{ selector: 'hr-my-next-week-vacation-insights-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, FontAwesomeModule, SkyWidgetSectionItemComponent, HRNextWeekVacationInsightsPopupComponent], template: "<div [class]=\"cardClass\">\r\n <div class=\"card-body d-flex flex-column p-0 mb-3\">\r\n <div [class]=\"titleClass\">\r\n {{'NextWeekVacationInsights' | HRTranslate | uppercase}}\r\n </div>\r\n <div class=\"d-flex flex-column mt-3\">\r\n <div [ngClass]=\"firstRowClass\">\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 </div>\r\n <div [ngClass]=\"secondRowClass\">\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</div>\r\n\r\n<hr-next-week-vacation-insights-popup\r\n [popupVisible]=\"popupVisible\"\r\n [popupType]=\"popupType\"\r\n [baseUrl]=\"popupBaseUrl\"\r\n [showProperty]=\"showProperty\"\r\n (closePopupClickHandler)=\"closePopup()\">\r\n</hr-next-week-vacation-insights-popup>\r\n" }]
|
|
3673
3697
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRTranslatePipe }], propDecorators: { baseUrl: [{
|
|
3674
3698
|
type: Input
|
|
3675
3699
|
}], showProperty: [{
|
|
@@ -3686,6 +3710,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3686
3710
|
type: Input
|
|
3687
3711
|
}], expectedContainerClass: [{
|
|
3688
3712
|
type: Input
|
|
3713
|
+
}], firstRowClass: [{
|
|
3714
|
+
type: Input
|
|
3715
|
+
}], secondRowClass: [{
|
|
3716
|
+
type: Input
|
|
3689
3717
|
}], isLoadingChanged: [{
|
|
3690
3718
|
type: Output
|
|
3691
3719
|
}] } });
|
|
@@ -3963,5 +3991,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3963
3991
|
* Generated bundle index. Do not edit.
|
|
3964
3992
|
*/
|
|
3965
3993
|
|
|
3966
|
-
export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyUpcomingEventsWidgetComponent, ProfileBankInfoWidgetComponent, ProfileDegreesWidgetComponent, ProfileExperiencesWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
|
|
3994
|
+
export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRHighlightPipe, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyUpcomingEventsWidgetComponent, ProfileBankInfoWidgetComponent, ProfileDegreesWidgetComponent, ProfileExperiencesWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
|
|
3967
3995
|
//# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map
|