ngx-histaff-alpha 3.3.8 → 3.3.9
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.
|
@@ -87,7 +87,7 @@ export class CoreShiftStickerComponent extends BaseComponent {
|
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreShiftStickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { $shift: { classPropertyName: "$shift", publicName: "$shift", isSignal: true, isRequired: true, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { $shift: { classPropertyName: "$shift", publicName: "$shift", isSignal: true, isRequired: true, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;border-radius:2px;color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:600}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.pending{color:gray;background-color:#fff;border:3px solid dashed}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) - 2px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;right:calc(var(--height) * -1 - 2px);color:#646464}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
91
91
|
}
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreShiftStickerComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
98
98
|
TableCellPipe,
|
|
99
99
|
CoreCheckboxComponent,
|
|
100
100
|
FormsModule
|
|
101
|
-
], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)
|
|
101
|
+
], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;border-radius:2px;color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:600}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.pending{color:gray;background-color:#fff;border:3px solid dashed}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) - 2px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;right:calc(var(--height) * -1 - 2px);color:#646464}\n"] }]
|
|
102
102
|
}], propDecorators: { checked: [{
|
|
103
103
|
type: Input
|
|
104
104
|
}] } });
|
|
@@ -23904,7 +23904,7 @@ class CoreShiftStickerComponent extends BaseComponent {
|
|
|
23904
23904
|
});
|
|
23905
23905
|
}
|
|
23906
23906
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreShiftStickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { $shift: { classPropertyName: "$shift", publicName: "$shift", isSignal: true, isRequired: true, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)
|
|
23907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { $shift: { classPropertyName: "$shift", publicName: "$shift", isSignal: true, isRequired: true, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;border-radius:2px;color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:600}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.pending{color:gray;background-color:#fff;border:3px solid dashed}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) - 2px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;right:calc(var(--height) * -1 - 2px);color:#646464}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23908
23908
|
}
|
|
23909
23909
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreShiftStickerComponent, decorators: [{
|
|
23910
23910
|
type: Component,
|
|
@@ -23915,7 +23915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
23915
23915
|
TableCellPipe,
|
|
23916
23916
|
CoreCheckboxComponent,
|
|
23917
23917
|
FormsModule
|
|
23918
|
-
], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)
|
|
23918
|
+
], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between open-font\" [ngStyle]=\"{\r\n position: 'relative',\r\n height,\r\n fontSize,\r\n cursor,\r\n width: $width() + 'px',\r\n margin: '2px'\r\n}\" draggable=\"true\">\r\n <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.pending]=\"$pending()\">\r\n <div #check class=\"check p-absolute\">\r\n <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n </div>\r\n <div class=\"ellipsis p-relative first-line\" title=\"9:00 AM - 11:00 AM \u2022 2h\"\r\n ng-class=\"{'icon-on-right': !event.showBigIcon && event.rrule && event.type !== 'availability'}\">\r\n {{ $hoursStart() | tableCell : 'TIME_HHMM' : lang }} - {{ $hoursStop() | tableCell : 'TIME_HHMM' : lang }} \u2022\r\n {{ $duration() }}\r\n </div>\r\n <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon && event.summary}\">\r\n <span>\r\n {{ $symbolCode() }} \u2022\r\n\r\n @if ($isOff()) {\r\n <i class=\"fas fa-plug-circle-minus\"></i>\r\n }\r\n @if ($isHolidayCal()) {\r\n <i class=\"fas fa-champagne-glasses\"></i>\r\n }\r\n @if ($isHaveSal()) {\r\n <i class=\"fas fa-sack-dollar\"></i>\r\n }\r\n @if ($isInsArising()) {\r\n <i class=\"fas fa-car-burst\"></i>\r\n }\r\n </span>\r\n </div>\r\n\r\n <div #plus class=\"plus p-absolute\">\r\n <i class=\"feather-plus\"></i>\r\n </div>\r\n\r\n </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: white;--background-color: box-sizing: border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;border-radius:2px;color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:600}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.pending{color:gray;background-color:#fff;border:3px solid dashed}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) - 2px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;right:calc(var(--height) * -1 - 2px);color:#646464}\n"] }]
|
|
23919
23919
|
}], propDecorators: { checked: [{
|
|
23920
23920
|
type: Input
|
|
23921
23921
|
}] } });
|