@colijnit/sharedcomponents 1.0.66 → 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 +25 -7
- 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 +11 -4
- package/esm2015/lib/components/stock/components/stock-location/stock-location.component.js +2 -1
- 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 +76 -50
- 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/lib/components/stock/components/stock-location/components/stock-location-popup/stock-location-popup.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.1d1ac86d8023edac29b1.js +0 -1
- package/polyfills.907fe9d1887c5de17993.js +0 -1
- package/runtime.8aac21847ed3d3829cca.js +0 -1
- package/styles.42e2561063e306e59f45.css +0 -1
|
@@ -3813,7 +3813,7 @@
|
|
|
3813
3813
|
StockLocationComponent.decorators = [
|
|
3814
3814
|
{ type: i0.Component, args: [{
|
|
3815
3815
|
selector: "co-stock-location",
|
|
3816
|
-
template: "\n <div class=\"stock-grid\">\n <co-stock-location-popup\n [selectedWarehouse]=\"selectedWarehouse\"\n [articleFlat]=\"articleFlat\"\n [selectedLocationNo]=\"selectedLocationNo\"\n [stockLocations]=\"stockLocations\"\n [articleDetailsInformation]=\"articleDetailsInformation\"\n [articleStockInfo]=\"articleStockInfo\"\n [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n [showConfirmationDialog]=\"showConfirmationDialog\"\n [newStockLine]=\"newStockLine\"\n (togglePopupEvent)=\"showConfirmationDialog = $event\"\n\n ></co-stock-location-popup>\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [showAdd]=\"true\"\n [inlineEdit]=\"false\"\n [showToolbar]=\"true\"\n (addRow)=\"handleAddRow()\"\n >\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n <ng-template #template let-row=\"row\">\n <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n <span [textContent]=\"row['amountInStock']\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-list-of-values\n [model]=\"locationForNumber(row['locationNo'])\"\n [collection]=\"stockLocations\"\n [displayField]=\"'description'\"\n [label]=\"'LOCATION' | localize\"\n [required]=\"true\"\n (modelChange)=\"locationChanged(row, $event)\"\n ></co-list-of-values>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n (modelChange)=\"row['batchNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n (modelChange)=\"row['serialNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['stockAssigned']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['amountInStockFree']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['currency']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['purchasePrice']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['supplierNo']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
|
|
3816
|
+
template: "\n <div class=\"stock-grid\">\n <co-stock-location-popup\n [selectedWarehouse]=\"selectedWarehouse\"\n [articleFlat]=\"articleFlat\"\n [selectedLocationNo]=\"selectedLocationNo\"\n [stockLocations]=\"stockLocations\"\n [articleDetailsInformation]=\"articleDetailsInformation\"\n [articleStockInfo]=\"articleStockInfo\"\n [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n [showConfirmationDialog]=\"showConfirmationDialog\"\n [newStockLine]=\"newStockLine\"\n (togglePopupEvent)=\"showConfirmationDialog = $event\"\n (updateGridData)=\"articleStockInfo = $event\"\n\n ></co-stock-location-popup>\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [showAdd]=\"true\"\n [inlineEdit]=\"false\"\n [showToolbar]=\"true\"\n (addRow)=\"handleAddRow()\"\n >\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n <ng-template #template let-row=\"row\">\n <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n <span [textContent]=\"row['amountInStock']\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-list-of-values\n [model]=\"locationForNumber(row['locationNo'])\"\n [collection]=\"stockLocations\"\n [displayField]=\"'description'\"\n [label]=\"'LOCATION' | localize\"\n [required]=\"true\"\n (modelChange)=\"locationChanged(row, $event)\"\n ></co-list-of-values>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n (modelChange)=\"row['batchNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n (modelChange)=\"row['serialNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['stockAssigned']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['amountInStockFree']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['currency']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['purchasePrice']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['supplierNo']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
|
|
3817
3817
|
encapsulation: i0.ViewEncapsulation.None
|
|
3818
3818
|
},] }
|
|
3819
3819
|
];
|
|
@@ -4411,6 +4411,7 @@
|
|
|
4411
4411
|
this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
|
|
4412
4412
|
this.articleStockInfo = [];
|
|
4413
4413
|
this.togglePopupEvent = new i0.EventEmitter();
|
|
4414
|
+
this.updateGridData = new i0.EventEmitter();
|
|
4414
4415
|
this.stockLocations = [];
|
|
4415
4416
|
this.stockStatus = [];
|
|
4416
4417
|
}
|
|
@@ -4480,12 +4481,16 @@
|
|
|
4480
4481
|
if (this.selectedLocationNo) {
|
|
4481
4482
|
this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
|
|
4482
4483
|
}
|
|
4484
|
+
if (!this.selectedArticleDetailsData.amountInStock) {
|
|
4485
|
+
this.selectedArticleDetailsData.amountInStock = 1;
|
|
4486
|
+
}
|
|
4483
4487
|
this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(function (result) {
|
|
4484
4488
|
var _a;
|
|
4485
4489
|
_this.articleDetailsInformation.goodId = (_a = _this.selectedArticleDetailsData.goodId) === null || _a === void 0 ? void 0 : _a.toString();
|
|
4486
4490
|
_this.articleDetailsInformation.warehouseNumber = _this.selectedArticleDetailsData.warehouseNo;
|
|
4487
4491
|
_this._stockService.getArticleDetails(_this.articleDetailsInformation).then(function (details) {
|
|
4488
4492
|
_this.articleStockInfo = details;
|
|
4493
|
+
_this.updateGridData.emit(details);
|
|
4489
4494
|
});
|
|
4490
4495
|
});
|
|
4491
4496
|
};
|
|
@@ -4494,7 +4499,7 @@
|
|
|
4494
4499
|
StockLocationPopupComponent.decorators = [
|
|
4495
4500
|
{ type: i0.Component, args: [{
|
|
4496
4501
|
selector: "co-stock-location-popup",
|
|
4497
|
-
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 ",
|
|
4498
4503
|
encapsulation: i0.ViewEncapsulation.None
|
|
4499
4504
|
},] }
|
|
4500
4505
|
];
|
|
@@ -4513,6 +4518,7 @@
|
|
|
4513
4518
|
selectedLocationNo: [{ type: i0.Input }],
|
|
4514
4519
|
articleStockInfo: [{ type: i0.Input }],
|
|
4515
4520
|
togglePopupEvent: [{ type: i0.Output }],
|
|
4521
|
+
updateGridData: [{ type: i0.Output }],
|
|
4516
4522
|
stockLocations: [{ type: i0.Input }]
|
|
4517
4523
|
};
|
|
4518
4524
|
|
|
@@ -4982,6 +4988,7 @@
|
|
|
4982
4988
|
this.buttonLabel = "";
|
|
4983
4989
|
this.eventsPerDay = [];
|
|
4984
4990
|
this.view = exports.CalendarView.WeekView;
|
|
4991
|
+
this.viewSelection = false;
|
|
4985
4992
|
this.eventChecked = new i0.EventEmitter();
|
|
4986
4993
|
this.selectedDateChange = new i0.EventEmitter();
|
|
4987
4994
|
this.rangeChange = new i0.EventEmitter();
|
|
@@ -5021,7 +5028,7 @@
|
|
|
5021
5028
|
DatePlanningComponent.decorators = [
|
|
5022
5029
|
{ type: i0.Component, args: [{
|
|
5023
5030
|
selector: "co-date-planning",
|
|
5024
|
-
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 ",
|
|
5025
5032
|
animations: [
|
|
5026
5033
|
animations.trigger("showHideWindow", [
|
|
5027
5034
|
animations.state("void", animations.style({ transform: "scaleY(0)" })),
|
|
@@ -5048,6 +5055,7 @@
|
|
|
5048
5055
|
buttonLabel: [{ type: i0.Input }],
|
|
5049
5056
|
eventsPerDay: [{ type: i0.Input }],
|
|
5050
5057
|
view: [{ type: i0.Input }],
|
|
5058
|
+
viewSelection: [{ type: i0.Input }],
|
|
5051
5059
|
eventChecked: [{ type: i0.Output }],
|
|
5052
5060
|
selectedDateChange: [{ type: i0.Output }],
|
|
5053
5061
|
rangeChange: [{ type: i0.Output }],
|
|
@@ -5767,7 +5775,13 @@
|
|
|
5767
5775
|
return datesByTheHour;
|
|
5768
5776
|
};
|
|
5769
5777
|
CalendarUtils.GetDaysOfWeek = function (date) {
|
|
5770
|
-
var day
|
|
5778
|
+
var day;
|
|
5779
|
+
if (!date) {
|
|
5780
|
+
day = new Date();
|
|
5781
|
+
}
|
|
5782
|
+
else {
|
|
5783
|
+
day = date;
|
|
5784
|
+
}
|
|
5771
5785
|
var daysOfWeek = [];
|
|
5772
5786
|
var options;
|
|
5773
5787
|
var month;
|
|
@@ -5930,7 +5944,7 @@
|
|
|
5930
5944
|
newDate.setDate(this.selectedDate.getDate() - 1);
|
|
5931
5945
|
break;
|
|
5932
5946
|
case exports.CalendarView.WeekView:
|
|
5933
|
-
newDate.setDate(this.selectedDate.getDate() -
|
|
5947
|
+
newDate.setDate(this.selectedDate.getDate() - 3);
|
|
5934
5948
|
break;
|
|
5935
5949
|
case exports.CalendarView.WeekSelectView:
|
|
5936
5950
|
newDate.setDate(this.selectedDate.getDate() - 7);
|
|
@@ -5951,7 +5965,7 @@
|
|
|
5951
5965
|
newDate.setDate(this.selectedDate.getDate() + 1);
|
|
5952
5966
|
break;
|
|
5953
5967
|
case exports.CalendarView.WeekView:
|
|
5954
|
-
newDate.setDate(this.selectedDate.getDate() +
|
|
5968
|
+
newDate.setDate(this.selectedDate.getDate() + 3);
|
|
5955
5969
|
break;
|
|
5956
5970
|
case exports.CalendarView.WeekSelectView:
|
|
5957
5971
|
newDate.setDate(this.selectedDate.getDate() + 7);
|
|
@@ -6025,12 +6039,15 @@
|
|
|
6025
6039
|
}
|
|
6026
6040
|
}
|
|
6027
6041
|
};
|
|
6042
|
+
AgendaHeaderComponent.prototype.capitalizeString = function (label) {
|
|
6043
|
+
return label[0].toUpperCase() + label.slice(1);
|
|
6044
|
+
};
|
|
6028
6045
|
return AgendaHeaderComponent;
|
|
6029
6046
|
}());
|
|
6030
6047
|
AgendaHeaderComponent.decorators = [
|
|
6031
6048
|
{ type: i0.Component, args: [{
|
|
6032
6049
|
selector: "agenda-header",
|
|
6033
|
-
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 ",
|
|
6034
6051
|
encapsulation: i0.ViewEncapsulation.None
|
|
6035
6052
|
},] }
|
|
6036
6053
|
];
|
|
@@ -6046,6 +6063,7 @@
|
|
|
6046
6063
|
view: [{ type: i0.Input }],
|
|
6047
6064
|
firstAvailableDate: [{ type: i0.Input }],
|
|
6048
6065
|
eventsPerDay: [{ type: i0.Input }],
|
|
6066
|
+
viewSelection: [{ type: i0.Input }],
|
|
6049
6067
|
viewChange: [{ type: i0.Output }],
|
|
6050
6068
|
selectedDateChange: [{ type: i0.Output }],
|
|
6051
6069
|
rangeChange: [{ type: i0.Output }]
|