@colijnit/sharedcomponents 1.0.67 → 1.0.68
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/bundles/colijnit-sharedcomponents.umd.js +18 -6
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/date-planning/component/agenda/agenda-header.component.js +56 -47
- package/esm2015/lib/components/date-planning/date-planning.component.js +4 -1
- package/esm2015/lib/components/stock/components/stock-location/components/stock-location-popup/stock-location-popup.component.js +5 -5
- package/esm2015/lib/enum/icon.enum.js +1 -1
- package/esm2015/lib/model/icon-svg.js +1 -1
- package/esm2015/lib/utils/calendar.utils.js +8 -2
- package/fesm2015/colijnit-sharedcomponents.js +69 -51
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/date-planning/component/agenda/agenda-header.component.d.ts +2 -0
- package/lib/components/date-planning/component/agenda/style/_layout.scss +1 -3
- package/lib/components/date-planning/date-planning.component.d.ts +1 -0
- package/package.json +1 -1
- package/3rdpartylicenses.txt +0 -1200
- package/favicon.ico +0 -0
- package/index.html +0 -12
- package/main.ed1d93bd7cd10954d7ec.js +0 -1
- package/polyfills.907fe9d1887c5de17993.js +0 -1
- package/runtime.8aac21847ed3d3829cca.js +0 -1
- package/styles.42e2561063e306e59f45.css +0 -1
|
@@ -4499,7 +4499,7 @@
|
|
|
4499
4499
|
StockLocationPopupComponent.decorators = [
|
|
4500
4500
|
{ type: i0.Component, args: [{
|
|
4501
4501
|
selector: "co-stock-location-popup",
|
|
4502
|
-
template: "\n <div class=\"stock-grid\">\n <co-dialog *ngIf=\"showConfirmationDialog\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n (closeClick)=\"togglePopup()\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></div>\n </div>\n </ng-template>\n <div class=\"dialog-wrapper\">\n <div class=\"stock-dialog-header\">\n <span class=\"stock-header\" *ngIf=\"newStockLine\" [textContent]=\"'NEW_STOCK_LINE' | localize\"></span>\n <span class=\"stock-header\" *ngIf=\"!newStockLine\" [textContent]=\"'CHANGE_STOCK_LINE' | localize\"></span>\n </div>\n <div class=\"stock-dialog-row\">\n <co-input-text [model]=\"selectedWarehouse.warehouseDescription\"\n [placeholder]=\"'WAREHOUSE' | localize\"\n [readonly]=\"true\"\n ></co-input-text>\n\n <co-list-of-values\n [model]=\"locationForNumber(selectedLocationNo)\"\n [collection]=\"stockLocations\"\n [displayField]=\"'locationNo'\"\n [label]=\"'LOCATION' | localize\"\n [required]=\"true\"\n (modelChange)=\"locationChanged($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"stock-dialog-row\">\n <co-input-text [(model)]=\"selectedArticleDetailsData.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n <co-input-text [(model)]=\"selectedArticleDetailsData.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <div class=\"stock-dialog-row\">\n <div class=\"stock-dialog-row-row\">\n <co-input-text [model]=\"articleStockInfo[0]?.purchasePrice | currency:'EUR'\"\n [placeholder]=\"'PURCHASE_PRICE' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n <co-input-text [(model)]=\"articleStockInfo[0].currency\"\n [placeholder]=\"'VALUTA' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <co-input-text [model]=\"selectedArticleDetailsData?.entryDate | date\"\n [placeholder]=\"'DATE' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <div class=\"stock-dialog-row\">\n <co-list-of-values [label]=\"'STATUS' | localize\"\n [model]=\"statusForId(selectedArticleDetailsData?.stockStateId)\"\n [collection]=\"stockStatus\"\n [displayField]=\"'stateDescription'\"\n (modelChange)=\"handleStockStatusChange($event)\"\n ></co-list-of-values>\n <co-input-text [placeholder]=\"'REMARK' | localize\"\n (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n </div>\n <co-input-number-picker\n
|
|
4502
|
+
template: "\n <div class=\"stock-grid\">\n <co-dialog *ngIf=\"showConfirmationDialog\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n (closeClick)=\"togglePopup()\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></div>\n </div>\n </ng-template>\n <div class=\"dialog-wrapper\">\n <div class=\"stock-dialog-header\">\n <span class=\"stock-header\" *ngIf=\"newStockLine\" [textContent]=\"'NEW_STOCK_LINE' | localize\"></span>\n <span class=\"stock-header\" *ngIf=\"!newStockLine\" [textContent]=\"'CHANGE_STOCK_LINE' | localize\"></span>\n </div>\n <div class=\"stock-dialog-row\">\n <co-input-text [model]=\"selectedWarehouse.warehouseDescription\"\n [placeholder]=\"'WAREHOUSE' | localize\"\n [readonly]=\"true\"\n ></co-input-text>\n\n <co-list-of-values\n [model]=\"locationForNumber(selectedLocationNo)\"\n [collection]=\"stockLocations\"\n [displayField]=\"'locationNo'\"\n [label]=\"'LOCATION' | localize\"\n [required]=\"true\"\n (modelChange)=\"locationChanged($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"stock-dialog-row\">\n <co-input-text [(model)]=\"selectedArticleDetailsData.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n <co-input-text [(model)]=\"selectedArticleDetailsData.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <div class=\"stock-dialog-row\">\n <div class=\"stock-dialog-row-row\">\n <co-input-text [model]=\"articleStockInfo[0]?.purchasePrice | currency:'EUR'\"\n [placeholder]=\"'PURCHASE_PRICE' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n <co-input-text [(model)]=\"articleStockInfo[0].currency\"\n [placeholder]=\"'VALUTA' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <co-input-text [model]=\"selectedArticleDetailsData?.entryDate | date\"\n [placeholder]=\"'DATE' | localize\"\n [readonly]=\"false\"\n ></co-input-text>\n </div>\n <div class=\"stock-dialog-row\">\n <co-list-of-values [label]=\"'STATUS' | localize\"\n [model]=\"statusForId(selectedArticleDetailsData?.stockStateId)\"\n [collection]=\"stockStatus\"\n [displayField]=\"'stateDescription'\"\n (modelChange)=\"handleStockStatusChange($event)\"\n ></co-list-of-values>\n <co-input-text [placeholder]=\"'REMARK' | localize\"\n (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n </div>\n <co-input-number-picker\n [(model)]=\"selectedArticleDetailsData.amountInStock\"\n [label]=\"'STOCK' | localize\"\n (modelChange)=\"amountInStockChanged($event)\"\n [min]=\"1\"\n ></co-input-number-picker>\n </div>\n <ng-template #footerTemplate>\n <div class=\"button-wrapper ok-cancel-buttons\">\n <co-button class=\"save-button\"\n (click)=\"handleOkClick()\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n [disabled]=\"disabled()\">\n </co-button>\n <co-button class=\"cancel-button\"\n (click)=\"togglePopup()\"\n [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\">\n </co-button>\n </div>\n </ng-template>\n </co-dialog>\n </div>\n ",
|
|
4503
4503
|
encapsulation: i0.ViewEncapsulation.None
|
|
4504
4504
|
},] }
|
|
4505
4505
|
];
|
|
@@ -4988,6 +4988,7 @@
|
|
|
4988
4988
|
this.buttonLabel = "";
|
|
4989
4989
|
this.eventsPerDay = [];
|
|
4990
4990
|
this.view = exports.CalendarView.WeekView;
|
|
4991
|
+
this.viewSelection = false;
|
|
4991
4992
|
this.eventChecked = new i0.EventEmitter();
|
|
4992
4993
|
this.selectedDateChange = new i0.EventEmitter();
|
|
4993
4994
|
this.rangeChange = new i0.EventEmitter();
|
|
@@ -5027,7 +5028,7 @@
|
|
|
5027
5028
|
DatePlanningComponent.decorators = [
|
|
5028
5029
|
{ type: i0.Component, args: [{
|
|
5029
5030
|
selector: "co-date-planning",
|
|
5030
|
-
template: "\n <div class=\"sc-agenda\">\n <div class=\"content-wrapper\">\n <calendar *ngIf=\"calendarNavigation\"\n [view]=\"view\"\n [(days)]=\"days\"\n [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n <div class=\"agenda-content-wrapper mini-scrollbar\">\n <div class=\"agenda-content\">\n <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n [firstAvailableDate]=\"firstAvailableDate\"\n [eventsPerDay]=\"eventsPerDay\"\n [selectedDate]=\"selectedDate\"\n (selectedDateChange)=\"doChangeSelectedDate($event)\"\n (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n <agenda-view [view]=\"view\"\n [customEventObject]=\"customEventObject\"\n [selectedDate]=\"selectedDate\"\n [eventsPerDay]=\"eventsPerDay\"\n (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n </div>\n </div>\n </div>\n </div>\n <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n [label]=\"buttonLabel\"\n (click)=\"buttonClick.emit($event)\">\n </co-button>\n ",
|
|
5031
|
+
template: "\n <div class=\"sc-agenda\">\n <div class=\"content-wrapper\">\n <calendar *ngIf=\"calendarNavigation\"\n [view]=\"view\"\n [(days)]=\"days\"\n [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n <div class=\"agenda-content-wrapper mini-scrollbar\">\n <div class=\"agenda-content\">\n <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n [firstAvailableDate]=\"firstAvailableDate\"\n [eventsPerDay]=\"eventsPerDay\"\n [selectedDate]=\"selectedDate\"\n (selectedDateChange)=\"doChangeSelectedDate($event)\"\n [viewSelection]=\"viewSelection\"\n (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n <agenda-view [view]=\"view\"\n [customEventObject]=\"customEventObject\"\n [selectedDate]=\"selectedDate\"\n [eventsPerDay]=\"eventsPerDay\"\n (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n </div>\n </div>\n </div>\n </div>\n <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n [label]=\"buttonLabel\"\n (click)=\"buttonClick.emit($event)\">\n </co-button>\n ",
|
|
5031
5032
|
animations: [
|
|
5032
5033
|
animations.trigger("showHideWindow", [
|
|
5033
5034
|
animations.state("void", animations.style({ transform: "scaleY(0)" })),
|
|
@@ -5054,6 +5055,7 @@
|
|
|
5054
5055
|
buttonLabel: [{ type: i0.Input }],
|
|
5055
5056
|
eventsPerDay: [{ type: i0.Input }],
|
|
5056
5057
|
view: [{ type: i0.Input }],
|
|
5058
|
+
viewSelection: [{ type: i0.Input }],
|
|
5057
5059
|
eventChecked: [{ type: i0.Output }],
|
|
5058
5060
|
selectedDateChange: [{ type: i0.Output }],
|
|
5059
5061
|
rangeChange: [{ type: i0.Output }],
|
|
@@ -5773,7 +5775,13 @@
|
|
|
5773
5775
|
return datesByTheHour;
|
|
5774
5776
|
};
|
|
5775
5777
|
CalendarUtils.GetDaysOfWeek = function (date) {
|
|
5776
|
-
var day
|
|
5778
|
+
var day;
|
|
5779
|
+
if (!date) {
|
|
5780
|
+
day = new Date();
|
|
5781
|
+
}
|
|
5782
|
+
else {
|
|
5783
|
+
day = date;
|
|
5784
|
+
}
|
|
5777
5785
|
var daysOfWeek = [];
|
|
5778
5786
|
var options;
|
|
5779
5787
|
var month;
|
|
@@ -5936,7 +5944,7 @@
|
|
|
5936
5944
|
newDate.setDate(this.selectedDate.getDate() - 1);
|
|
5937
5945
|
break;
|
|
5938
5946
|
case exports.CalendarView.WeekView:
|
|
5939
|
-
newDate.setDate(this.selectedDate.getDate() -
|
|
5947
|
+
newDate.setDate(this.selectedDate.getDate() - 3);
|
|
5940
5948
|
break;
|
|
5941
5949
|
case exports.CalendarView.WeekSelectView:
|
|
5942
5950
|
newDate.setDate(this.selectedDate.getDate() - 7);
|
|
@@ -5957,7 +5965,7 @@
|
|
|
5957
5965
|
newDate.setDate(this.selectedDate.getDate() + 1);
|
|
5958
5966
|
break;
|
|
5959
5967
|
case exports.CalendarView.WeekView:
|
|
5960
|
-
newDate.setDate(this.selectedDate.getDate() +
|
|
5968
|
+
newDate.setDate(this.selectedDate.getDate() + 3);
|
|
5961
5969
|
break;
|
|
5962
5970
|
case exports.CalendarView.WeekSelectView:
|
|
5963
5971
|
newDate.setDate(this.selectedDate.getDate() + 7);
|
|
@@ -6031,12 +6039,15 @@
|
|
|
6031
6039
|
}
|
|
6032
6040
|
}
|
|
6033
6041
|
};
|
|
6042
|
+
AgendaHeaderComponent.prototype.capitalizeString = function (label) {
|
|
6043
|
+
return label[0].toUpperCase() + label.slice(1);
|
|
6044
|
+
};
|
|
6034
6045
|
return AgendaHeaderComponent;
|
|
6035
6046
|
}());
|
|
6036
6047
|
AgendaHeaderComponent.decorators = [
|
|
6037
6048
|
{ type: i0.Component, args: [{
|
|
6038
6049
|
selector: "agenda-header",
|
|
6039
|
-
template: "\n
|
|
6050
|
+
template: "\n <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.DayView\">\n <div class=\"hour-label-placeholder\" *ngIf=\"viewSelection\">\n <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n </div>\n <div class=\"week-day-label\">\n <co-icon class=\"pointer-hover no-user-select sub-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n <div class=\"day-description\" [textContent]=\"day.description\"></div>\n <co-icon class=\"pointer-hover no-user-select add-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n </div>\n </div>\n <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekView\">\n <div class=\"hour-label-placeholder\" *ngIf=\"viewSelection\">\n <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n </div>\n <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n [class.selected]=\"weekDay.weekdaySelected\" (click)=\"setUnit(weekDay)\">\n <co-icon *ngIf=\"showBackButton && index === 0\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n <div *ngIf=\"weekDay.newMonth\" [textContent]=\"weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear\"\n class=\"month-description\"></div>\n <div class=\"weekday-value\"\n [textContent]=\"capitalizeString(weekDay.weekdayLong) + ' ' + weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear \"></div>\n <!-- <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayYear\"></div>-->\n\n <co-icon *ngIf=\"index === 2\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n\n </div>\n\n </div>\n\n\n <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekSelectView\">\n <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n [class.selected]=\"weekDay.weekdaySelected\"\n [class.selectable]=\"weekDay.events && weekDay.events.length > 0\"\n (click)=\"setUnit(weekDay)\">\n <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort\"></div>\n <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n </div>\n </div>\n <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.MonthView\">\n <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\">\n <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n </div>\n </div>\n ",
|
|
6040
6051
|
encapsulation: i0.ViewEncapsulation.None
|
|
6041
6052
|
},] }
|
|
6042
6053
|
];
|
|
@@ -6052,6 +6063,7 @@
|
|
|
6052
6063
|
view: [{ type: i0.Input }],
|
|
6053
6064
|
firstAvailableDate: [{ type: i0.Input }],
|
|
6054
6065
|
eventsPerDay: [{ type: i0.Input }],
|
|
6066
|
+
viewSelection: [{ type: i0.Input }],
|
|
6055
6067
|
viewChange: [{ type: i0.Output }],
|
|
6056
6068
|
selectedDateChange: [{ type: i0.Output }],
|
|
6057
6069
|
rangeChange: [{ type: i0.Output }]
|