@colijnit/sharedcomponents 300.1.1 → 300.1.2
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.
|
@@ -10141,6 +10141,17 @@ var CalendarView;
|
|
|
10141
10141
|
CalendarView["MonthView"] = "MONTH";
|
|
10142
10142
|
})(CalendarView || (CalendarView = {}));
|
|
10143
10143
|
|
|
10144
|
+
var WeekStart;
|
|
10145
|
+
(function (WeekStart) {
|
|
10146
|
+
WeekStart["Sunday"] = "sunday";
|
|
10147
|
+
WeekStart["Monday"] = "monday";
|
|
10148
|
+
WeekStart["Tuesday"] = "tuesday";
|
|
10149
|
+
WeekStart["Wednesday"] = "wednesday";
|
|
10150
|
+
WeekStart["Thursday"] = "thursday";
|
|
10151
|
+
WeekStart["Friday"] = "friday";
|
|
10152
|
+
WeekStart["Saturday"] = "saturday";
|
|
10153
|
+
})(WeekStart || (WeekStart = {}));
|
|
10154
|
+
|
|
10144
10155
|
// All the months. Values are corresponding dictionary keys in text_nl.
|
|
10145
10156
|
var Month$1;
|
|
10146
10157
|
(function (Month) {
|
|
@@ -11324,6 +11335,7 @@ class ViewSelectComponent {
|
|
|
11324
11335
|
[CalendarView.MonthView, ThumbThreeWayState.Right]
|
|
11325
11336
|
]);
|
|
11326
11337
|
selectedView = CalendarView.WeekView;
|
|
11338
|
+
selectedFirstDayOfTheWeek;
|
|
11327
11339
|
selectedViewChange = new EventEmitter();
|
|
11328
11340
|
CalendarView = CalendarView;
|
|
11329
11341
|
get modelAsThumbState() {
|
|
@@ -11342,7 +11354,7 @@ class ViewSelectComponent {
|
|
|
11342
11354
|
this.selectedViewChange.emit(this.selectedView);
|
|
11343
11355
|
}
|
|
11344
11356
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ViewSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11345
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ViewSelectComponent, isStandalone: false, selector: "view-select", inputs: { selectedView: "selectedView" }, outputs: { selectedViewChange: "selectedViewChange" }, ngImport: i0, template: `
|
|
11357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ViewSelectComponent, isStandalone: false, selector: "view-select", inputs: { selectedView: "selectedView", selectedFirstDayOfTheWeek: "selectedFirstDayOfTheWeek" }, outputs: { selectedViewChange: "selectedViewChange" }, ngImport: i0, template: `
|
|
11346
11358
|
<div class="select-wrapper">
|
|
11347
11359
|
<!--div class="label"
|
|
11348
11360
|
[class.active]="selectedView === CalendarView.DayView"
|
|
@@ -11420,6 +11432,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
11420
11432
|
}]
|
|
11421
11433
|
}], ctorParameters: () => [], propDecorators: { selectedView: [{
|
|
11422
11434
|
type: Input
|
|
11435
|
+
}], selectedFirstDayOfTheWeek: [{
|
|
11436
|
+
type: Input
|
|
11423
11437
|
}], selectedViewChange: [{
|
|
11424
11438
|
type: Output
|
|
11425
11439
|
}] } });
|
|
@@ -11434,10 +11448,12 @@ class AgendaHeaderComponent {
|
|
|
11434
11448
|
viewTypes = CalendarView;
|
|
11435
11449
|
scrollbarWidth = 15;
|
|
11436
11450
|
today = new Date();
|
|
11451
|
+
originalSelectedDate;
|
|
11437
11452
|
set selectedDate(value) {
|
|
11438
11453
|
this._selectedDate = new Date(value);
|
|
11439
11454
|
this._prepareHeaderData();
|
|
11440
11455
|
}
|
|
11456
|
+
selectedFirstDayOfTheWeek;
|
|
11441
11457
|
get selectedDate() {
|
|
11442
11458
|
return this._selectedDate;
|
|
11443
11459
|
}
|
|
@@ -11473,12 +11489,12 @@ class AgendaHeaderComponent {
|
|
|
11473
11489
|
this.iconCacheService = iconCacheService;
|
|
11474
11490
|
}
|
|
11475
11491
|
ngOnDestroy() {
|
|
11476
|
-
window.removeEventListener(
|
|
11492
|
+
window.removeEventListener('resize', this._onResize);
|
|
11477
11493
|
this._elementRef = undefined;
|
|
11478
11494
|
}
|
|
11479
11495
|
ngOnInit() {
|
|
11480
11496
|
this._ngZone.runOutsideAngular(() => {
|
|
11481
|
-
window.addEventListener(
|
|
11497
|
+
window.addEventListener('resize', this._onResize);
|
|
11482
11498
|
});
|
|
11483
11499
|
}
|
|
11484
11500
|
ngAfterContentChecked() {
|
|
@@ -11550,6 +11566,23 @@ class AgendaHeaderComponent {
|
|
|
11550
11566
|
}
|
|
11551
11567
|
changeTheView(view) {
|
|
11552
11568
|
this.view = view;
|
|
11569
|
+
if (!this.originalSelectedDate && this._selectedDate) {
|
|
11570
|
+
this.originalSelectedDate = this._selectedDate;
|
|
11571
|
+
}
|
|
11572
|
+
switch (view) {
|
|
11573
|
+
case CalendarView.WeekView:
|
|
11574
|
+
this._selectedDate = this.selectedFirstDayOfTheWeek;
|
|
11575
|
+
break;
|
|
11576
|
+
case CalendarView.WeekWorkView:
|
|
11577
|
+
this._selectedDate = this.selectedFirstDayOfTheWeek;
|
|
11578
|
+
break;
|
|
11579
|
+
case CalendarView.ThreeDaysView:
|
|
11580
|
+
if (this.originalSelectedDate) {
|
|
11581
|
+
this._selectedDate = this.originalSelectedDate;
|
|
11582
|
+
this.originalSelectedDate = undefined;
|
|
11583
|
+
}
|
|
11584
|
+
break;
|
|
11585
|
+
}
|
|
11553
11586
|
this.viewChange.emit({ view: view, date: this._selectedDate });
|
|
11554
11587
|
this._prepareHeaderData();
|
|
11555
11588
|
}
|
|
@@ -11561,7 +11594,7 @@ class AgendaHeaderComponent {
|
|
|
11561
11594
|
*/
|
|
11562
11595
|
_resizeHost() {
|
|
11563
11596
|
if (this._elementRef) {
|
|
11564
|
-
this._renderer.setStyle(this._elementRef.nativeElement,
|
|
11597
|
+
this._renderer.setStyle(this._elementRef.nativeElement, 'width', this._elementRef.nativeElement.parentElement.clientWidth - this.scrollbarWidth + 'px');
|
|
11565
11598
|
}
|
|
11566
11599
|
}
|
|
11567
11600
|
_prepareHeaderData() {
|
|
@@ -11570,7 +11603,7 @@ class AgendaHeaderComponent {
|
|
|
11570
11603
|
case CalendarView.DayView:
|
|
11571
11604
|
const day = new Day();
|
|
11572
11605
|
day.date = new Date(this.selectedDate);
|
|
11573
|
-
const options = { year:
|
|
11606
|
+
const options = { year: 'numeric', month: 'long', day: 'numeric' };
|
|
11574
11607
|
day.description = this.selectedDate.toLocaleDateString(this._locale, options);
|
|
11575
11608
|
this.day = day;
|
|
11576
11609
|
break;
|
|
@@ -11644,369 +11677,369 @@ class AgendaHeaderComponent {
|
|
|
11644
11677
|
return weekNo;
|
|
11645
11678
|
}
|
|
11646
11679
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AgendaHeaderComponent, deps: [{ token: LOCALE_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11647
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AgendaHeaderComponent, isStandalone: false, selector: "agenda-header", inputs: { selectedDate: "selectedDate", view: "view", firstAvailableDate: "firstAvailableDate", eventsPerDay: "eventsPerDay", viewSelection: "viewSelection" }, outputs: { viewChange: "viewChange", selectedDateChange: "selectedDateChange", rangeChange: "rangeChange" }, ngImport: i0, template: `
|
|
11680
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AgendaHeaderComponent, isStandalone: false, selector: "agenda-header", inputs: { selectedDate: "selectedDate", selectedFirstDayOfTheWeek: "selectedFirstDayOfTheWeek", view: "view", firstAvailableDate: "firstAvailableDate", eventsPerDay: "eventsPerDay", viewSelection: "viewSelection" }, outputs: { viewChange: "viewChange", selectedDateChange: "selectedDateChange", rangeChange: "rangeChange" }, ngImport: i0, template: `
|
|
11648
11681
|
@if (view === viewTypes.DayView) {
|
|
11649
|
-
|
|
11650
|
-
|
|
11651
|
-
|
|
11652
|
-
|
|
11653
|
-
|
|
11654
|
-
|
|
11655
|
-
|
|
11682
|
+
<div class="agenda-header-wrapper day-view">
|
|
11683
|
+
<div class="week-day-label">
|
|
11684
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11685
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11686
|
+
<div class="day-description" [textContent]="day.description"></div>
|
|
11687
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11688
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11689
|
+
</div>
|
|
11656
11690
|
</div>
|
|
11657
|
-
</div>
|
|
11658
11691
|
}
|
|
11659
11692
|
@if (view === viewTypes.DaysAround) {
|
|
11660
|
-
|
|
11661
|
-
|
|
11662
|
-
|
|
11663
|
-
|
|
11664
|
-
|
|
11665
|
-
}
|
|
11666
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11667
|
-
<div class="week-day-label days-around"
|
|
11668
|
-
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11669
|
-
@if (showBackButton && index === 0) {
|
|
11670
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11671
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11693
|
+
<div class="agenda-header-wrapper days-around">
|
|
11694
|
+
@if (weekDays?.length > 0) {
|
|
11695
|
+
<div class="month-description">
|
|
11696
|
+
{{ (selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize) + ': ' + getWeekNumber(selectedDate) }}
|
|
11697
|
+
</div>
|
|
11672
11698
|
}
|
|
11673
|
-
|
|
11674
|
-
|
|
11675
|
-
|
|
11676
|
-
|
|
11677
|
-
|
|
11678
|
-
|
|
11679
|
-
|
|
11699
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11700
|
+
<div class="week-day-label days-around"
|
|
11701
|
+
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11702
|
+
@if (showBackButton && index === 0) {
|
|
11703
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11704
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11705
|
+
}
|
|
11706
|
+
<div class="weekday-value day"
|
|
11707
|
+
[textContent]="capitalizeString(weekDay.weekdayShort)"></div>
|
|
11708
|
+
<div class="weekday-value date"
|
|
11709
|
+
[textContent]="weekDay.weekdayDay"></div>
|
|
11710
|
+
@if (index === 6) {
|
|
11711
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11712
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11713
|
+
}
|
|
11714
|
+
</div>
|
|
11680
11715
|
}
|
|
11681
|
-
|
|
11682
|
-
}
|
|
11683
|
-
</div>
|
|
11716
|
+
</div>
|
|
11684
11717
|
}
|
|
11685
11718
|
@if (view === viewTypes.ThreeDaysView) {
|
|
11686
|
-
|
|
11687
|
-
|
|
11688
|
-
|
|
11689
|
-
|
|
11690
|
-
</div>
|
|
11691
|
-
}
|
|
11692
|
-
<div class="week-view-header-wrapper">
|
|
11693
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11694
|
-
<div class="week-day-label"
|
|
11695
|
-
[class.selected]="weekDay.weekdaySelected">
|
|
11696
|
-
@if (showBackButton && index === 0) {
|
|
11697
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11698
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11699
|
-
}
|
|
11700
|
-
@if (weekDay.newMonth) {
|
|
11701
|
-
<div
|
|
11702
|
-
class="month-description">
|
|
11703
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11719
|
+
<div class="agenda-header-wrapper three-days-view">
|
|
11720
|
+
@if (viewSelection) {
|
|
11721
|
+
<div class="hour-label-placeholder">
|
|
11722
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11704
11723
|
</div>
|
|
11705
|
-
|
|
11706
|
-
|
|
11707
|
-
|
|
11708
|
-
|
|
11709
|
-
|
|
11710
|
-
|
|
11711
|
-
|
|
11724
|
+
}
|
|
11725
|
+
<div class="week-view-header-wrapper">
|
|
11726
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11727
|
+
<div class="week-day-label"
|
|
11728
|
+
[class.selected]="weekDay.weekdaySelected">
|
|
11729
|
+
@if (showBackButton && index === 0) {
|
|
11730
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11731
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11732
|
+
}
|
|
11733
|
+
@if (weekDay.newMonth) {
|
|
11734
|
+
<div
|
|
11735
|
+
class="month-description">
|
|
11736
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11737
|
+
</div>
|
|
11738
|
+
}
|
|
11739
|
+
<div class="weekday-value"
|
|
11740
|
+
[textContent]="capitalizeString(weekDay.weekdayLong) + ' ' + weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear "></div>
|
|
11741
|
+
@if (index === 2) {
|
|
11742
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11743
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11744
|
+
}
|
|
11745
|
+
</div>
|
|
11746
|
+
}
|
|
11712
11747
|
</div>
|
|
11713
|
-
}
|
|
11714
11748
|
</div>
|
|
11715
|
-
</div>
|
|
11716
11749
|
}
|
|
11717
11750
|
@if (view === viewTypes.WeekView) {
|
|
11718
|
-
|
|
11719
|
-
|
|
11720
|
-
|
|
11721
|
-
|
|
11722
|
-
</div>
|
|
11723
|
-
}
|
|
11724
|
-
<div class="week-view-header-wrapper">
|
|
11725
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11726
|
-
<div class="week-day-label"
|
|
11727
|
-
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11728
|
-
@if (showBackButton && index === 0) {
|
|
11729
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11730
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11731
|
-
}
|
|
11732
|
-
@if (weekDay.newMonth) {
|
|
11733
|
-
<div
|
|
11734
|
-
class="month-description">
|
|
11735
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11751
|
+
<div class="agenda-header-wrapper week-view">
|
|
11752
|
+
@if (viewSelection) {
|
|
11753
|
+
<div class="hour-label-placeholder">
|
|
11754
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11736
11755
|
</div>
|
|
11737
|
-
|
|
11738
|
-
|
|
11739
|
-
|
|
11740
|
-
|
|
11741
|
-
|
|
11742
|
-
|
|
11743
|
-
|
|
11744
|
-
|
|
11745
|
-
|
|
11756
|
+
}
|
|
11757
|
+
<div class="week-view-header-wrapper">
|
|
11758
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11759
|
+
<div class="week-day-label"
|
|
11760
|
+
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11761
|
+
@if (showBackButton && index === 0) {
|
|
11762
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11763
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11764
|
+
}
|
|
11765
|
+
@if (weekDay.newMonth) {
|
|
11766
|
+
<div
|
|
11767
|
+
class="month-description">
|
|
11768
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11769
|
+
</div>
|
|
11770
|
+
}
|
|
11771
|
+
<div class="weekday-value">
|
|
11772
|
+
<span [textContent]="capitalizeString(weekDay.weekdayLong)"></span>
|
|
11773
|
+
<span [textContent]="weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear"></span>
|
|
11774
|
+
</div>
|
|
11775
|
+
@if (index === 6) {
|
|
11776
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11777
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11778
|
+
}
|
|
11779
|
+
</div>
|
|
11780
|
+
}
|
|
11746
11781
|
</div>
|
|
11747
|
-
}
|
|
11748
11782
|
</div>
|
|
11749
|
-
</div>
|
|
11750
11783
|
}
|
|
11751
|
-
|
|
11784
|
+
|
|
11752
11785
|
@if (view === viewTypes.WeekWorkView) {
|
|
11753
|
-
|
|
11754
|
-
|
|
11755
|
-
|
|
11756
|
-
|
|
11757
|
-
</div>
|
|
11758
|
-
}
|
|
11759
|
-
<div class="week-view-header-wrapper">
|
|
11760
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11761
|
-
<div class="week-day-label"
|
|
11762
|
-
[class.selected]="weekDay.weekdaySelected">
|
|
11763
|
-
@if (showBackButton && index === 0) {
|
|
11764
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11765
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11766
|
-
}
|
|
11767
|
-
@if (weekDay.newMonth) {
|
|
11768
|
-
<div
|
|
11769
|
-
class="month-description">
|
|
11770
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11786
|
+
<div class="agenda-header-wrapper work-week-view">
|
|
11787
|
+
@if (viewSelection) {
|
|
11788
|
+
<div class="hour-label-placeholder">
|
|
11789
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11771
11790
|
</div>
|
|
11772
|
-
|
|
11773
|
-
|
|
11774
|
-
|
|
11775
|
-
|
|
11776
|
-
|
|
11777
|
-
|
|
11778
|
-
|
|
11779
|
-
|
|
11780
|
-
|
|
11791
|
+
}
|
|
11792
|
+
<div class="week-view-header-wrapper">
|
|
11793
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11794
|
+
<div class="week-day-label"
|
|
11795
|
+
[class.selected]="weekDay.weekdaySelected">
|
|
11796
|
+
@if (showBackButton && index === 0) {
|
|
11797
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11798
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11799
|
+
}
|
|
11800
|
+
@if (weekDay.newMonth) {
|
|
11801
|
+
<div
|
|
11802
|
+
class="month-description">
|
|
11803
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11804
|
+
</div>
|
|
11805
|
+
}
|
|
11806
|
+
<div class="weekday-value">
|
|
11807
|
+
<span [textContent]="capitalizeString(weekDay.weekdayLong)"></span>
|
|
11808
|
+
<span [textContent]="weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear"></span>
|
|
11809
|
+
</div>
|
|
11810
|
+
@if (index === 4) {
|
|
11811
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11812
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11813
|
+
}
|
|
11814
|
+
</div>
|
|
11815
|
+
}
|
|
11781
11816
|
</div>
|
|
11782
|
-
}
|
|
11783
11817
|
</div>
|
|
11784
|
-
</div>
|
|
11785
11818
|
}
|
|
11786
|
-
|
|
11819
|
+
|
|
11787
11820
|
@if (view === viewTypes.WeekSelectView) {
|
|
11788
|
-
|
|
11789
|
-
|
|
11790
|
-
|
|
11791
|
-
|
|
11792
|
-
|
|
11793
|
-
|
|
11794
|
-
|
|
11795
|
-
|
|
11796
|
-
|
|
11797
|
-
|
|
11798
|
-
|
|
11799
|
-
|
|
11800
|
-
|
|
11801
|
-
|
|
11802
|
-
|
|
11821
|
+
<div class="agenda-header-wrapper">
|
|
11822
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11823
|
+
<div class="week-day-label"
|
|
11824
|
+
[class.selected]="weekDay.weekdaySelected"
|
|
11825
|
+
[class.selectable]="weekDay.events && weekDay.events.length > 0"
|
|
11826
|
+
(click)="setUnit(weekDay)">
|
|
11827
|
+
@if (index === 0 && showBackButton) {
|
|
11828
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11829
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11830
|
+
}
|
|
11831
|
+
<div class="weekday-description" [textContent]="weekDay.weekdayShort"></div>
|
|
11832
|
+
<div class="weekday-value" [textContent]="weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort"></div>
|
|
11833
|
+
@if (index === 6) {
|
|
11834
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11835
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11836
|
+
}
|
|
11837
|
+
</div>
|
|
11803
11838
|
}
|
|
11804
|
-
|
|
11805
|
-
}
|
|
11806
|
-
</div>
|
|
11839
|
+
</div>
|
|
11807
11840
|
}
|
|
11808
11841
|
@if (view === viewTypes.MonthView) {
|
|
11809
|
-
|
|
11810
|
-
|
|
11811
|
-
|
|
11812
|
-
|
|
11813
|
-
|
|
11814
|
-
|
|
11815
|
-
|
|
11816
|
-
|
|
11817
|
-
|
|
11818
|
-
|
|
11819
|
-
|
|
11842
|
+
<div class="agenda-header-wrapper">
|
|
11843
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11844
|
+
<div class="week-day-label">
|
|
11845
|
+
@if (index === 0 && showBackButton) {
|
|
11846
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11847
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11848
|
+
}
|
|
11849
|
+
<div class="weekday-description" [textContent]="weekDay.weekdayShort"></div>
|
|
11850
|
+
@if (index === 6) {
|
|
11851
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11852
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11853
|
+
}
|
|
11854
|
+
</div>
|
|
11820
11855
|
}
|
|
11821
|
-
|
|
11822
|
-
}
|
|
11823
|
-
</div>
|
|
11856
|
+
</div>
|
|
11824
11857
|
}
|
|
11825
|
-
|
|
11858
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i3.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: ViewSelectComponent, selector: "view-select", inputs: ["selectedView", "selectedFirstDayOfTheWeek"], outputs: ["selectedViewChange"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "pipe", type: SharedLocalizePipe, name: "sharedLocalize" }], encapsulation: i0.ViewEncapsulation.None });
|
|
11826
11859
|
}
|
|
11827
11860
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AgendaHeaderComponent, decorators: [{
|
|
11828
11861
|
type: Component,
|
|
11829
11862
|
args: [{
|
|
11830
|
-
selector:
|
|
11863
|
+
selector: 'agenda-header',
|
|
11831
11864
|
template: `
|
|
11832
11865
|
@if (view === viewTypes.DayView) {
|
|
11833
|
-
|
|
11834
|
-
|
|
11835
|
-
|
|
11836
|
-
|
|
11837
|
-
|
|
11838
|
-
|
|
11839
|
-
|
|
11866
|
+
<div class="agenda-header-wrapper day-view">
|
|
11867
|
+
<div class="week-day-label">
|
|
11868
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11869
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11870
|
+
<div class="day-description" [textContent]="day.description"></div>
|
|
11871
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11872
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11873
|
+
</div>
|
|
11840
11874
|
</div>
|
|
11841
|
-
</div>
|
|
11842
11875
|
}
|
|
11843
11876
|
@if (view === viewTypes.DaysAround) {
|
|
11844
|
-
|
|
11845
|
-
|
|
11846
|
-
|
|
11847
|
-
|
|
11848
|
-
|
|
11849
|
-
}
|
|
11850
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11851
|
-
<div class="week-day-label days-around"
|
|
11852
|
-
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11853
|
-
@if (showBackButton && index === 0) {
|
|
11854
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11855
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11877
|
+
<div class="agenda-header-wrapper days-around">
|
|
11878
|
+
@if (weekDays?.length > 0) {
|
|
11879
|
+
<div class="month-description">
|
|
11880
|
+
{{ (selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize) + ': ' + getWeekNumber(selectedDate) }}
|
|
11881
|
+
</div>
|
|
11856
11882
|
}
|
|
11857
|
-
|
|
11858
|
-
|
|
11859
|
-
|
|
11860
|
-
|
|
11861
|
-
|
|
11862
|
-
|
|
11863
|
-
|
|
11883
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11884
|
+
<div class="week-day-label days-around"
|
|
11885
|
+
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11886
|
+
@if (showBackButton && index === 0) {
|
|
11887
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11888
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11889
|
+
}
|
|
11890
|
+
<div class="weekday-value day"
|
|
11891
|
+
[textContent]="capitalizeString(weekDay.weekdayShort)"></div>
|
|
11892
|
+
<div class="weekday-value date"
|
|
11893
|
+
[textContent]="weekDay.weekdayDay"></div>
|
|
11894
|
+
@if (index === 6) {
|
|
11895
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11896
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11897
|
+
}
|
|
11898
|
+
</div>
|
|
11864
11899
|
}
|
|
11865
|
-
|
|
11866
|
-
}
|
|
11867
|
-
</div>
|
|
11900
|
+
</div>
|
|
11868
11901
|
}
|
|
11869
11902
|
@if (view === viewTypes.ThreeDaysView) {
|
|
11870
|
-
|
|
11871
|
-
|
|
11872
|
-
|
|
11873
|
-
|
|
11874
|
-
</div>
|
|
11875
|
-
}
|
|
11876
|
-
<div class="week-view-header-wrapper">
|
|
11877
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11878
|
-
<div class="week-day-label"
|
|
11879
|
-
[class.selected]="weekDay.weekdaySelected">
|
|
11880
|
-
@if (showBackButton && index === 0) {
|
|
11881
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11882
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11883
|
-
}
|
|
11884
|
-
@if (weekDay.newMonth) {
|
|
11885
|
-
<div
|
|
11886
|
-
class="month-description">
|
|
11887
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11903
|
+
<div class="agenda-header-wrapper three-days-view">
|
|
11904
|
+
@if (viewSelection) {
|
|
11905
|
+
<div class="hour-label-placeholder">
|
|
11906
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11888
11907
|
</div>
|
|
11889
|
-
|
|
11890
|
-
|
|
11891
|
-
|
|
11892
|
-
|
|
11893
|
-
|
|
11894
|
-
|
|
11895
|
-
|
|
11908
|
+
}
|
|
11909
|
+
<div class="week-view-header-wrapper">
|
|
11910
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11911
|
+
<div class="week-day-label"
|
|
11912
|
+
[class.selected]="weekDay.weekdaySelected">
|
|
11913
|
+
@if (showBackButton && index === 0) {
|
|
11914
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11915
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11916
|
+
}
|
|
11917
|
+
@if (weekDay.newMonth) {
|
|
11918
|
+
<div
|
|
11919
|
+
class="month-description">
|
|
11920
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11921
|
+
</div>
|
|
11922
|
+
}
|
|
11923
|
+
<div class="weekday-value"
|
|
11924
|
+
[textContent]="capitalizeString(weekDay.weekdayLong) + ' ' + weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear "></div>
|
|
11925
|
+
@if (index === 2) {
|
|
11926
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11927
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11928
|
+
}
|
|
11929
|
+
</div>
|
|
11930
|
+
}
|
|
11896
11931
|
</div>
|
|
11897
|
-
}
|
|
11898
11932
|
</div>
|
|
11899
|
-
</div>
|
|
11900
11933
|
}
|
|
11901
11934
|
@if (view === viewTypes.WeekView) {
|
|
11902
|
-
|
|
11903
|
-
|
|
11904
|
-
|
|
11905
|
-
|
|
11906
|
-
</div>
|
|
11907
|
-
}
|
|
11908
|
-
<div class="week-view-header-wrapper">
|
|
11909
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11910
|
-
<div class="week-day-label"
|
|
11911
|
-
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11912
|
-
@if (showBackButton && index === 0) {
|
|
11913
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11914
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11915
|
-
}
|
|
11916
|
-
@if (weekDay.newMonth) {
|
|
11917
|
-
<div
|
|
11918
|
-
class="month-description">
|
|
11919
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11935
|
+
<div class="agenda-header-wrapper week-view">
|
|
11936
|
+
@if (viewSelection) {
|
|
11937
|
+
<div class="hour-label-placeholder">
|
|
11938
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11920
11939
|
</div>
|
|
11921
|
-
|
|
11922
|
-
|
|
11923
|
-
|
|
11924
|
-
|
|
11925
|
-
|
|
11926
|
-
|
|
11927
|
-
|
|
11928
|
-
|
|
11929
|
-
|
|
11940
|
+
}
|
|
11941
|
+
<div class="week-view-header-wrapper">
|
|
11942
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11943
|
+
<div class="week-day-label"
|
|
11944
|
+
[class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
|
|
11945
|
+
@if (showBackButton && index === 0) {
|
|
11946
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11947
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11948
|
+
}
|
|
11949
|
+
@if (weekDay.newMonth) {
|
|
11950
|
+
<div
|
|
11951
|
+
class="month-description">
|
|
11952
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11953
|
+
</div>
|
|
11954
|
+
}
|
|
11955
|
+
<div class="weekday-value">
|
|
11956
|
+
<span [textContent]="capitalizeString(weekDay.weekdayLong)"></span>
|
|
11957
|
+
<span [textContent]="weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear"></span>
|
|
11958
|
+
</div>
|
|
11959
|
+
@if (index === 6) {
|
|
11960
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11961
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11962
|
+
}
|
|
11963
|
+
</div>
|
|
11964
|
+
}
|
|
11930
11965
|
</div>
|
|
11931
|
-
}
|
|
11932
11966
|
</div>
|
|
11933
|
-
</div>
|
|
11934
11967
|
}
|
|
11935
|
-
|
|
11968
|
+
|
|
11936
11969
|
@if (view === viewTypes.WeekWorkView) {
|
|
11937
|
-
|
|
11938
|
-
|
|
11939
|
-
|
|
11940
|
-
|
|
11941
|
-
</div>
|
|
11942
|
-
}
|
|
11943
|
-
<div class="week-view-header-wrapper">
|
|
11944
|
-
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11945
|
-
<div class="week-day-label"
|
|
11946
|
-
[class.selected]="weekDay.weekdaySelected">
|
|
11947
|
-
@if (showBackButton && index === 0) {
|
|
11948
|
-
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11949
|
-
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11950
|
-
}
|
|
11951
|
-
@if (weekDay.newMonth) {
|
|
11952
|
-
<div
|
|
11953
|
-
class="month-description">
|
|
11954
|
-
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11970
|
+
<div class="agenda-header-wrapper work-week-view">
|
|
11971
|
+
@if (viewSelection) {
|
|
11972
|
+
<div class="hour-label-placeholder">
|
|
11973
|
+
<view-select [selectedView]="view" [selectedFirstDayOfTheWeek]="selectedFirstDayOfTheWeek" (selectedViewChange)="changeTheView($event)"></view-select>
|
|
11955
11974
|
</div>
|
|
11956
|
-
|
|
11957
|
-
|
|
11958
|
-
|
|
11959
|
-
|
|
11960
|
-
|
|
11961
|
-
|
|
11962
|
-
|
|
11963
|
-
|
|
11964
|
-
|
|
11975
|
+
}
|
|
11976
|
+
<div class="week-view-header-wrapper">
|
|
11977
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
11978
|
+
<div class="week-day-label"
|
|
11979
|
+
[class.selected]="weekDay.weekdaySelected">
|
|
11980
|
+
@if (showBackButton && index === 0) {
|
|
11981
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
11982
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
11983
|
+
}
|
|
11984
|
+
@if (weekDay.newMonth) {
|
|
11985
|
+
<div
|
|
11986
|
+
class="month-description">
|
|
11987
|
+
<span [textContent]="(selectedDate | date: 'MMMM') + ' ' + selectedDate.getFullYear() + ' ' + ('WEEK' | sharedLocalize)+ ': ' + getWeekNumber(selectedDate) "> </span>
|
|
11988
|
+
</div>
|
|
11989
|
+
}
|
|
11990
|
+
<div class="weekday-value">
|
|
11991
|
+
<span [textContent]="capitalizeString(weekDay.weekdayLong)"></span>
|
|
11992
|
+
<span [textContent]="weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear"></span>
|
|
11993
|
+
</div>
|
|
11994
|
+
@if (index === 4) {
|
|
11995
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
11996
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
11997
|
+
}
|
|
11998
|
+
</div>
|
|
11999
|
+
}
|
|
11965
12000
|
</div>
|
|
11966
|
-
}
|
|
11967
12001
|
</div>
|
|
11968
|
-
</div>
|
|
11969
12002
|
}
|
|
11970
|
-
|
|
12003
|
+
|
|
11971
12004
|
@if (view === viewTypes.WeekSelectView) {
|
|
11972
|
-
|
|
11973
|
-
|
|
11974
|
-
|
|
11975
|
-
|
|
11976
|
-
|
|
11977
|
-
|
|
11978
|
-
|
|
11979
|
-
|
|
11980
|
-
|
|
11981
|
-
|
|
11982
|
-
|
|
11983
|
-
|
|
11984
|
-
|
|
11985
|
-
|
|
11986
|
-
|
|
12005
|
+
<div class="agenda-header-wrapper">
|
|
12006
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
12007
|
+
<div class="week-day-label"
|
|
12008
|
+
[class.selected]="weekDay.weekdaySelected"
|
|
12009
|
+
[class.selectable]="weekDay.events && weekDay.events.length > 0"
|
|
12010
|
+
(click)="setUnit(weekDay)">
|
|
12011
|
+
@if (index === 0 && showBackButton) {
|
|
12012
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
12013
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
12014
|
+
}
|
|
12015
|
+
<div class="weekday-description" [textContent]="weekDay.weekdayShort"></div>
|
|
12016
|
+
<div class="weekday-value" [textContent]="weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort"></div>
|
|
12017
|
+
@if (index === 6) {
|
|
12018
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
12019
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
12020
|
+
}
|
|
12021
|
+
</div>
|
|
11987
12022
|
}
|
|
11988
|
-
|
|
11989
|
-
}
|
|
11990
|
-
</div>
|
|
12023
|
+
</div>
|
|
11991
12024
|
}
|
|
11992
12025
|
@if (view === viewTypes.MonthView) {
|
|
11993
|
-
|
|
11994
|
-
|
|
11995
|
-
|
|
11996
|
-
|
|
11997
|
-
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12001
|
-
|
|
12002
|
-
|
|
12003
|
-
|
|
12026
|
+
<div class="agenda-header-wrapper">
|
|
12027
|
+
@for (weekDay of weekDays; track weekDay; let index = $index) {
|
|
12028
|
+
<div class="week-day-label">
|
|
12029
|
+
@if (index === 0 && showBackButton) {
|
|
12030
|
+
<co-icon class="pointer-hover no-user-select sub-unit-icon dark"
|
|
12031
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
|
|
12032
|
+
}
|
|
12033
|
+
<div class="weekday-description" [textContent]="weekDay.weekdayShort"></div>
|
|
12034
|
+
@if (index === 6) {
|
|
12035
|
+
<co-icon class="pointer-hover no-user-select add-unit-icon dark"
|
|
12036
|
+
[iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
|
|
12037
|
+
}
|
|
12038
|
+
</div>
|
|
12004
12039
|
}
|
|
12005
|
-
|
|
12006
|
-
}
|
|
12007
|
-
</div>
|
|
12040
|
+
</div>
|
|
12008
12041
|
}
|
|
12009
|
-
|
|
12042
|
+
`,
|
|
12010
12043
|
encapsulation: ViewEncapsulation.None,
|
|
12011
12044
|
standalone: false
|
|
12012
12045
|
}]
|
|
@@ -12015,6 +12048,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
12015
12048
|
args: [LOCALE_ID]
|
|
12016
12049
|
}] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: IconCacheService }], propDecorators: { selectedDate: [{
|
|
12017
12050
|
type: Input
|
|
12051
|
+
}], selectedFirstDayOfTheWeek: [{
|
|
12052
|
+
type: Input
|
|
12018
12053
|
}], view: [{
|
|
12019
12054
|
type: Input
|
|
12020
12055
|
}], firstAvailableDate: [{
|
|
@@ -12905,10 +12940,17 @@ class DatePlanningComponent {
|
|
|
12905
12940
|
_changeDetector;
|
|
12906
12941
|
renderer;
|
|
12907
12942
|
dayStart;
|
|
12943
|
+
selectedDate;
|
|
12944
|
+
selectedFirstDateOfTheWeek;
|
|
12908
12945
|
calendarNavigation = false;
|
|
12909
12946
|
customEventObject = false;
|
|
12910
12947
|
showButton = false;
|
|
12911
|
-
|
|
12948
|
+
weekStartsOn = WeekStart.Monday;
|
|
12949
|
+
set setSelectedDate(selectedDate) {
|
|
12950
|
+
this.selectedDate = selectedDate;
|
|
12951
|
+
this.setFirstDayOfTheWeek(selectedDate, this.weekStartsOn);
|
|
12952
|
+
}
|
|
12953
|
+
;
|
|
12912
12954
|
firstAvailableDate;
|
|
12913
12955
|
buttonLabel = "";
|
|
12914
12956
|
eventsPerDay = [];
|
|
@@ -12919,6 +12961,15 @@ class DatePlanningComponent {
|
|
|
12919
12961
|
rangeChange = new EventEmitter();
|
|
12920
12962
|
viewChange = new EventEmitter();
|
|
12921
12963
|
buttonClick = new EventEmitter();
|
|
12964
|
+
dayNumbers = {
|
|
12965
|
+
[WeekStart.Sunday]: 0,
|
|
12966
|
+
[WeekStart.Monday]: 1,
|
|
12967
|
+
[WeekStart.Tuesday]: 2,
|
|
12968
|
+
[WeekStart.Wednesday]: 3,
|
|
12969
|
+
[WeekStart.Thursday]: 4,
|
|
12970
|
+
[WeekStart.Friday]: 5,
|
|
12971
|
+
[WeekStart.Saturday]: 6,
|
|
12972
|
+
};
|
|
12922
12973
|
showClass = true;
|
|
12923
12974
|
days = [];
|
|
12924
12975
|
_selectedDate = new Date();
|
|
@@ -12950,8 +13001,19 @@ class DatePlanningComponent {
|
|
|
12950
13001
|
}
|
|
12951
13002
|
}
|
|
12952
13003
|
}
|
|
13004
|
+
setFirstDayOfTheWeek(input, weekStartsOn = WeekStart.Monday) {
|
|
13005
|
+
if (Number.isNaN(input.getTime())) {
|
|
13006
|
+
throw new TypeError("Invalid Date");
|
|
13007
|
+
}
|
|
13008
|
+
const result = new Date(input);
|
|
13009
|
+
const startDayNumber = this.dayNumbers[weekStartsOn];
|
|
13010
|
+
const daysSinceStart = (result.getDay() - startDayNumber + 7) % 7;
|
|
13011
|
+
result.setDate(result.getDate() - daysSinceStart);
|
|
13012
|
+
result.setHours(0, 0, 0, 0);
|
|
13013
|
+
this.selectedFirstDateOfTheWeek = result;
|
|
13014
|
+
}
|
|
12953
13015
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DatePlanningComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
12954
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DatePlanningComponent, isStandalone: false, selector: "co-date-planning", inputs: { calendarNavigation: "calendarNavigation", customEventObject: "customEventObject", showButton: "showButton",
|
|
13016
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DatePlanningComponent, isStandalone: false, selector: "co-date-planning", inputs: { calendarNavigation: "calendarNavigation", customEventObject: "customEventObject", showButton: "showButton", weekStartsOn: "weekStartsOn", setSelectedDate: "setSelectedDate", firstAvailableDate: "firstAvailableDate", buttonLabel: "buttonLabel", eventsPerDay: "eventsPerDay", view: "view", viewSelection: "viewSelection" }, outputs: { eventChecked: "eventChecked", selectedDateChange: "selectedDateChange", rangeChange: "rangeChange", viewChange: "viewChange", buttonClick: "buttonClick" }, host: { properties: { "class.co-date-planning": "this.showClass" } }, viewQueries: [{ propertyName: "dayStart", first: true, predicate: ["dayStart"], descendants: true, static: true }], ngImport: i0, template: `
|
|
12955
13017
|
<div class="sc-agenda">
|
|
12956
13018
|
<div class="content-wrapper">
|
|
12957
13019
|
@if (calendarNavigation) {
|
|
@@ -12966,9 +13028,10 @@ class DatePlanningComponent {
|
|
|
12966
13028
|
[firstAvailableDate]="firstAvailableDate"
|
|
12967
13029
|
[eventsPerDay]="eventsPerDay"
|
|
12968
13030
|
[selectedDate]="selectedDate"
|
|
12969
|
-
|
|
13031
|
+
[selectedFirstDayOfTheWeek]="selectedFirstDateOfTheWeek"
|
|
12970
13032
|
[viewSelection]="viewSelection"
|
|
12971
|
-
|
|
13033
|
+
(selectedDateChange)="doChangeSelectedDate($event)"
|
|
13034
|
+
(rangeChange)="doChangeSelectedDate($event, true)"></agenda-header>
|
|
12972
13035
|
<agenda-view [view]="view"
|
|
12973
13036
|
[customEventObject]="customEventObject"
|
|
12974
13037
|
[selectedDate]="selectedDate"
|
|
@@ -12984,7 +13047,7 @@ class DatePlanningComponent {
|
|
|
12984
13047
|
(click)="buttonClick.emit($event)">
|
|
12985
13048
|
</co-button>
|
|
12986
13049
|
}
|
|
12987
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: CalendarComponent, selector: "calendar", inputs: ["view", "selectedDate", "days"], outputs: ["daysChange", "selectedDateChange"] }, { kind: "component", type: AgendaHeaderComponent, selector: "agenda-header", inputs: ["selectedDate", "view", "firstAvailableDate", "eventsPerDay", "viewSelection"], outputs: ["viewChange", "selectedDateChange", "rangeChange"] }, { kind: "component", type: AgendaViewComponent, selector: "agenda-view", inputs: ["view", "customEventObject", "selectedDate", "eventsPerDay"], outputs: ["eventChecked"] }], animations: [
|
|
13050
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: CalendarComponent, selector: "calendar", inputs: ["view", "selectedDate", "days"], outputs: ["daysChange", "selectedDateChange"] }, { kind: "component", type: AgendaHeaderComponent, selector: "agenda-header", inputs: ["selectedDate", "selectedFirstDayOfTheWeek", "view", "firstAvailableDate", "eventsPerDay", "viewSelection"], outputs: ["viewChange", "selectedDateChange", "rangeChange"] }, { kind: "component", type: AgendaViewComponent, selector: "agenda-view", inputs: ["view", "customEventObject", "selectedDate", "eventsPerDay"], outputs: ["eventChecked"] }], animations: [
|
|
12988
13051
|
trigger("showHideWindow", [
|
|
12989
13052
|
state("void", style({ transform: "scaleY(0)" })),
|
|
12990
13053
|
state("*", style({ transform: "scaleY(1)" })),
|
|
@@ -13013,9 +13076,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
13013
13076
|
[firstAvailableDate]="firstAvailableDate"
|
|
13014
13077
|
[eventsPerDay]="eventsPerDay"
|
|
13015
13078
|
[selectedDate]="selectedDate"
|
|
13016
|
-
|
|
13079
|
+
[selectedFirstDayOfTheWeek]="selectedFirstDateOfTheWeek"
|
|
13017
13080
|
[viewSelection]="viewSelection"
|
|
13018
|
-
|
|
13081
|
+
(selectedDateChange)="doChangeSelectedDate($event)"
|
|
13082
|
+
(rangeChange)="doChangeSelectedDate($event, true)"></agenda-header>
|
|
13019
13083
|
<agenda-view [view]="view"
|
|
13020
13084
|
[customEventObject]="customEventObject"
|
|
13021
13085
|
[selectedDate]="selectedDate"
|
|
@@ -13053,7 +13117,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
13053
13117
|
type: Input
|
|
13054
13118
|
}], showButton: [{
|
|
13055
13119
|
type: Input
|
|
13056
|
-
}],
|
|
13120
|
+
}], weekStartsOn: [{
|
|
13121
|
+
type: Input
|
|
13122
|
+
}], setSelectedDate: [{
|
|
13057
13123
|
type: Input
|
|
13058
13124
|
}], firstAvailableDate: [{
|
|
13059
13125
|
type: Input
|
|
@@ -28538,5 +28604,5 @@ class TreeViewNode {
|
|
|
28538
28604
|
* Generated bundle index. Do not edit.
|
|
28539
28605
|
*/
|
|
28540
28606
|
|
|
28541
|
-
export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
|
|
28607
|
+
export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
|
|
28542
28608
|
//# sourceMappingURL=colijnit-sharedcomponents.mjs.map
|