@colijnit/sharedcomponents 1.0.28 → 1.0.30
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 +42 -7
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/statusbar/statusbar.component.js +4 -2
- package/esm2015/lib/components/stock/stock-information-grid/stock-information-grid.component.js +95 -20
- package/esm2015/lib/components/stock/stock-transfer/stock-change-amount.component.js +3 -1
- package/esm2015/lib/components/stock/stock-transfer/stock-transfer.component.js +4 -2
- package/esm2015/lib/components/stock/stock.component.js +8 -1
- package/fesm2015/colijnit-sharedcomponents.js +108 -21
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/statusbar/statusbar.component.d.ts +1 -0
- package/lib/components/statusbar/style/_layout.scss +11 -0
- package/lib/components/stock/stock-information-grid/stock-information-grid.component.d.ts +12 -1
- package/lib/components/stock/stock.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -2961,6 +2961,8 @@
|
|
|
2961
2961
|
this._dictionary = _dictionary;
|
|
2962
2962
|
this._changeDetector = _changeDetector;
|
|
2963
2963
|
this.handleStickerClicked = new i0.EventEmitter();
|
|
2964
|
+
this.okButtonClicked = new i0.EventEmitter();
|
|
2965
|
+
this.cancelButtonClicked = new i0.EventEmitter();
|
|
2964
2966
|
this.showStockInformationGrid = true;
|
|
2965
2967
|
this.showStockLocation = false;
|
|
2966
2968
|
this.showStockTransfer = false;
|
|
@@ -3078,7 +3080,7 @@
|
|
|
3078
3080
|
StockComponent.decorators = [
|
|
3079
3081
|
{ type: i0.Component, args: [{
|
|
3080
3082
|
selector: "co-stock",
|
|
3081
|
-
template: "\n <div class=\"stock-info-container\">\n <co-stock-information [article]=\"articleExtended\"\n [articleStock]=\"\"\n [allAvailableStockInformation]=\"allAvailableStock\"\n [allTechnicalStockInformation]=\"allTechnicalStock\"\n >\n </co-stock-information>\n <hr>\n <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n [stockLocationData]=\"stockLocationInformation\"\n [articleStockInformation]=\"stockInformation\"\n (transferIconClicked)=\"handleStockTransferClick($event)\"\n (historyClicked)=\"getStockHistory()\"\n [stockHistoryInformation]=\"stockHistory\"\n >\n </co-stock-information-grid>\n <co-stock-location *ngIf=\"showStockLocation\"\n (backToStockLines)=\"backToStockLinesClicked()\">\n\n </co-stock-location>\n <co-stock-transfer *ngIf=\"showStockTransfer\"\n (handleCancelClicked)=\"backToStock()\"\n [article]=\"stockTransferArticle\"\n [articleToTransfer]=\"stockTransferArticleDetails\"\n [stockSticker]=\"stockService.stockStickers\"\n (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n [articleWarehouse]=\"articleWarehouse\"\n [allWarehouses]=\"allWarehouses\"\n >\n </co-stock-transfer>\n </div>\n ",
|
|
3083
|
+
template: "\n <div class=\"stock-info-container\">\n <co-stock-information [article]=\"articleExtended\"\n [articleStock]=\"\"\n [allAvailableStockInformation]=\"allAvailableStock\"\n [allTechnicalStockInformation]=\"allTechnicalStock\"\n >\n </co-stock-information>\n <hr>\n <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n [article]=\"articleExtended\"\n [stockLocationData]=\"stockLocationInformation\"\n [articleStockInformation]=\"stockInformation\"\n (transferIconClicked)=\"handleStockTransferClick($event)\"\n (historyClicked)=\"getStockHistory()\"\n [stockHistoryInformation]=\"stockHistory\"\n (okButtonClicked)=\"okButtonClicked.emit()\"\n (cancelButtonClicked)=\"cancelButtonClicked.emit()\"\n >\n </co-stock-information-grid>\n <co-stock-location *ngIf=\"showStockLocation\"\n (backToStockLines)=\"backToStockLinesClicked()\">\n\n </co-stock-location>\n <co-stock-transfer *ngIf=\"showStockTransfer\"\n (handleCancelClicked)=\"backToStock()\"\n [article]=\"stockTransferArticle\"\n [articleToTransfer]=\"stockTransferArticleDetails\"\n [stockSticker]=\"stockService.stockStickers\"\n (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n [articleWarehouse]=\"articleWarehouse\"\n [allWarehouses]=\"allWarehouses\"\n >\n </co-stock-transfer>\n </div>\n ",
|
|
3082
3084
|
encapsulation: i0.ViewEncapsulation.None
|
|
3083
3085
|
},] }
|
|
3084
3086
|
];
|
|
@@ -3094,6 +3096,8 @@
|
|
|
3094
3096
|
article: [{ type: i0.Input }],
|
|
3095
3097
|
articleWarehouse: [{ type: i0.Input }],
|
|
3096
3098
|
allWarehouses: [{ type: i0.Input }],
|
|
3099
|
+
okButtonClicked: [{ type: i0.Output }],
|
|
3100
|
+
cancelButtonClicked: [{ type: i0.Output }],
|
|
3097
3101
|
showClass: [{ type: i0.HostBinding, args: ["class.co-stock",] }]
|
|
3098
3102
|
};
|
|
3099
3103
|
|
|
@@ -3222,13 +3226,17 @@
|
|
|
3222
3226
|
this.icons = Icon;
|
|
3223
3227
|
this.transferIconClicked = new i0.EventEmitter();
|
|
3224
3228
|
this.historyClicked = new i0.EventEmitter();
|
|
3229
|
+
this.cancelButtonClicked = new i0.EventEmitter();
|
|
3230
|
+
this.okButtonClicked = new i0.EventEmitter();
|
|
3225
3231
|
this.show = false;
|
|
3226
3232
|
this.hideOrShowLocationTab = false;
|
|
3227
3233
|
this.showStockHistory = false;
|
|
3228
3234
|
this.showSendMethodDialog = false;
|
|
3229
3235
|
this.hideOrShowTabs = true;
|
|
3230
3236
|
this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
|
|
3237
|
+
this.dataLocationFields = { text: "locationNo", value: "locationNo" };
|
|
3231
3238
|
this.articleStockSearchInfo = new articleStock.ArticleStock();
|
|
3239
|
+
this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
|
|
3232
3240
|
this.showChangeStockDetails = false;
|
|
3233
3241
|
this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
|
|
3234
3242
|
this.tabs = [
|
|
@@ -3312,8 +3320,10 @@
|
|
|
3312
3320
|
this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
|
|
3313
3321
|
};
|
|
3314
3322
|
StockInformationGridComponent.prototype.onOkClick = function () {
|
|
3323
|
+
this.okButtonClicked.emit();
|
|
3315
3324
|
};
|
|
3316
3325
|
StockInformationGridComponent.prototype.onCancelClick = function () {
|
|
3326
|
+
this.cancelButtonClicked.emit();
|
|
3317
3327
|
};
|
|
3318
3328
|
StockInformationGridComponent.prototype.openDialogClick = function (data) {
|
|
3319
3329
|
this.selectedArticleDetailsData = data;
|
|
@@ -3381,14 +3391,32 @@
|
|
|
3381
3391
|
});
|
|
3382
3392
|
});
|
|
3383
3393
|
};
|
|
3384
|
-
StockInformationGridComponent.prototype.
|
|
3394
|
+
StockInformationGridComponent.prototype.onSelectLocation = function () {
|
|
3395
|
+
var _this = this;
|
|
3396
|
+
this._stockService.getStockManagementLocations(this.selectedWarehouse).then(function (locations) {
|
|
3397
|
+
_this.stockLocations = locations;
|
|
3398
|
+
});
|
|
3399
|
+
};
|
|
3400
|
+
StockInformationGridComponent.prototype.onOkClickSendLocations = function () {
|
|
3401
|
+
console.log(this.article);
|
|
3402
|
+
this.selectedArticleDetailsData.selected = true;
|
|
3403
|
+
this.selectedArticleDetailsData.goodId = this.article.goodId;
|
|
3404
|
+
this.selectedArticleDetailsData.entryDate = new Date();
|
|
3405
|
+
this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse;
|
|
3406
|
+
this._stockService.updateArticleDetails(this.selectedArticleDetailsData);
|
|
3407
|
+
};
|
|
3408
|
+
StockInformationGridComponent.prototype.onCancelClickSendLocations = function () {
|
|
3409
|
+
};
|
|
3410
|
+
StockInformationGridComponent.prototype.amountInStockChanged = function (data, row) {
|
|
3411
|
+
console.log(data);
|
|
3412
|
+
console.log(row);
|
|
3385
3413
|
};
|
|
3386
3414
|
return StockInformationGridComponent;
|
|
3387
3415
|
}());
|
|
3388
3416
|
StockInformationGridComponent.decorators = [
|
|
3389
3417
|
{ type: i0.Component, args: [{
|
|
3390
3418
|
selector: "co-stock-information-grid",
|
|
3391
|
-
template: "\n <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n <span class=\"tab-link-buttons\"\n *ngFor=\"let tab of tabs\"\n (click)=\"handleTabClick(tab)\"\n [textContent]=\"tab\"\n [class.active]=\"tab === activeTab\"\n ></span>\n </div>\n\n <div class=\"stock-line\">\n <div [textContent]=\"activeTabText\"></div>\n\n </div>\n\n <div class=\"stock-grid\">\n <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n [data]=\"articleStockInformation\"\n class=\"simple-grid\"\n [showAdd]=\"true\"\n [showToolbar]=\"true\"\n (addRow)=\"addNewRow()\"\n [inlineEdit]=\"true\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n\n <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n [data]=\"inOrderInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n\n <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n [data]=\"orderInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n <div class=\"stock-location-group\">\n <div class=\"stock-location-left-group\">\n <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n </div>\n <div class=\"stock-location-right-group\">\n <co-drop-down-list [(model)]=\"selectedWarehouse\"\n [collection]=\"dataWareHouseCode\"\n [fields]=\"dataWareHouseFields\"\n [placeholder]=\"'WAREHOUSE'\"\n (modelChange)=\"onSelectWarehouse($event)\"\n [required]=\"true\"\n ></co-drop-down-list>\n </div>\n </div>\n\n<!-- TODO move to own component stock-location-->\n <co-simple-grid [data]=\"articleDetails\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <div class=\"stock-location-group\">\n <div class=\"stock-location-left-group\">\n <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n </div>\n </div>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n <ng-template #template let-row=\"row\">\n <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n </co-input-number-picker>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n >\n </co-stock-change-amount>\n\n <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n <div class=\"stock-button-left-group\">\n <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n </div>\n <co-simple-grid [data]=\"stockHistoryInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <div class=\"stock-button-toolbar\">\n <div class=\"stock-button-left-group\">\n <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n </div>\n <div class=\"stock-button-middle-group\">\n <div class=\"button-left\">\n <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n </div>\n <div class=\"button-right\">\n <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </div>\n </div>\n <ione-send-method-dialog\n *ngIf=\"showSendMethodDialog\"\n [showDialog]=\"showSendMethodDialog\"\n (printButtonClicked)=\"printStockStickers()\"\n ></ione-send-method-dialog>\n ",
|
|
3419
|
+
template: "\n <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n <span class=\"tab-link-buttons\"\n *ngFor=\"let tab of tabs\"\n (click)=\"handleTabClick(tab)\"\n [textContent]=\"tab\"\n [class.active]=\"tab === activeTab\"\n ></span>\n </div>\n\n <div class=\"stock-line\">\n <div [textContent]=\"activeTabText\"></div>\n\n </div>\n\n <div class=\"stock-grid\">\n <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n [data]=\"articleStockInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n\n <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n [data]=\"inOrderInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n\n <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n [data]=\"orderInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n <div class=\"stock-location-group\">\n <div class=\"stock-location-left-group\">\n <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n </div>\n <div class=\"stock-location-right-group\">\n <co-drop-down-list [(model)]=\"selectedWarehouse\"\n [collection]=\"dataWareHouseCode\"\n [fields]=\"dataWareHouseFields\"\n [placeholder]=\"'WAREHOUSE'\"\n (modelChange)=\"onSelectWarehouse($event)\"\n [required]=\"true\"\n ></co-drop-down-list>\n </div>\n </div>\n\n<!-- TODO move to own component stock-location-->\n <co-simple-grid [data]=\"articleDetails\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n [showAdd]=\"true\"\n [showToolbar]=\"true\"\n [showDelete]=\"true\"\n [inlineEdit]=\"true\"\n >\n <div class=\"stock-location-group\">\n <div class=\"stock-location-left-group\">\n <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n </div>\n </div>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-drop-down-list [(model)]=\"row.locationNo\"\n [collection]=\"stockLocations\"\n [fields]=\"dataLocationFields\"\n [placeholder]=\"'LOCATION'\"\n (click)=\"onSelectLocation()\"\n [required]=\"true\"\n ></co-drop-down-list>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.batchNo\"\n [placeholder]=\"'BATCH'\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.serialNo\"\n [placeholder]=\"'SERIAL_NO'\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.amountInStock\"\n [label]=\"'STOCK'\"\n (modelChange)=\"amountInStockChanged($event, row)\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'stockAssigned'\" ></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n >\n </co-stock-change-amount>\n\n <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n <div class=\"stock-button-left-group\">\n <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n </div>\n <co-simple-grid [data]=\"stockHistoryInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n\n <div class=\"stock-button-toolbar\">\n <div class=\"stock-button-left-group\">\n <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n </div>\n <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\n <div class=\"button-left\">\n <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n </div>\n <div class=\"button-right\">\n <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </div>\n\n <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n <div class=\"button-left\">\n <co-button [textContent]=\"'Ok'\" (click)=\"onOkClickSendLocations()\"></co-button>\n </div>\n <div class=\"button-right\">\n <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClickSendLocations()\"></co-button>\n </div>\n </div>\n </div>\n <ione-send-method-dialog\n *ngIf=\"showSendMethodDialog\"\n [showDialog]=\"showSendMethodDialog\"\n (printButtonClicked)=\"printStockStickers()\"\n ></ione-send-method-dialog>\n ",
|
|
3392
3420
|
encapsulation: i0.ViewEncapsulation.None
|
|
3393
3421
|
},] }
|
|
3394
3422
|
];
|
|
@@ -3401,8 +3429,11 @@
|
|
|
3401
3429
|
articleStockInformation: [{ type: i0.Input }],
|
|
3402
3430
|
stockLocationData: [{ type: i0.Input }],
|
|
3403
3431
|
stockHistoryInformation: [{ type: i0.Input }],
|
|
3432
|
+
article: [{ type: i0.Input }],
|
|
3404
3433
|
transferIconClicked: [{ type: i0.Output }],
|
|
3405
|
-
historyClicked: [{ type: i0.Output }]
|
|
3434
|
+
historyClicked: [{ type: i0.Output }],
|
|
3435
|
+
cancelButtonClicked: [{ type: i0.Output }],
|
|
3436
|
+
okButtonClicked: [{ type: i0.Output }]
|
|
3406
3437
|
};
|
|
3407
3438
|
|
|
3408
3439
|
var StockLocationComponent = /** @class */ (function () {
|
|
@@ -3507,7 +3538,7 @@
|
|
|
3507
3538
|
StockTransferComponent.decorators = [
|
|
3508
3539
|
{ type: i0.Component, args: [{
|
|
3509
3540
|
selector: "co-stock-transfer",
|
|
3510
|
-
template: "\n <div class=\"stock-transfer\">\n <div class=\"stock-transfer-columns\">\n <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n <co-input-text disabled\n [(model)]=\"articleToTransfer.warehouseDescription\"\n [textContent]=\"articleToTransfer.warehouseDescription\"\n [placeholder]=\"'Standaard magazijn'\">\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"articleToTransfer.locationNo\"\n [textContent]=\"articleToTransfer.locationNo\"\n [placeholder]=\"'Standaard locatie'\">\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"stockSticker.batch\"\n [placeholder]=\"'Batch'\">\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"stockSticker.serial\"\n [placeholder]=\"'Serie'\">\n </co-input-text>\n <co-input-text\n [(model)]=\"articleToTransfer.amountTransfer\"\n [placeholder]=\"'Aantal'\">\n </co-input-text>\n </div>\n\n <div class=\"stock-transfer-right-column\">\n <co-drop-down-list [collection]=\"warehouses\"\n [fields]=\"allWarehousesDropdownFields\"\n (modelChange)=\"handleSelectedWarehouse($event)\"\n [(model)]=\"articleToTransfer.targetWarehouse\">\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"locations\"\n [fields]=\"allLocationDropdownFields\"\n [(model)]=\"articleToTransfer.targetLocation\"\n >\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"stockState\"\n [fields]=\"stockStateDropdownField\"\n [placeholder]=\"'Voorraadstatus'\"\n [(model)]=\"articleToTransfer.stockStateId\">\n </co-drop-down-list>\n <co-input-text [placeholder]=\"'Omschrijving'\"\n [(model)]=\"articleToTransfer.stockStateRemark\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"ok-cancel-buttons\">\n <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n </div>\n </div>\n ",
|
|
3541
|
+
template: "\n <div class=\"stock-transfer\">\n <div class=\"stock-transfer-columns\">\n <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n <co-input-text disabled\n [label]=\"'Standaard magazijn'\"\n [(model)]=\"articleToTransfer.warehouseDescription\"\n [textContent]=\"articleToTransfer.warehouseDescription\"\n [placeholder]=\"'Standaard magazijn'\"\n >\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"articleToTransfer.locationNo\"\n [textContent]=\"articleToTransfer.locationNo\"\n [placeholder]=\"'Standaard locatie'\">\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"stockSticker.batch\"\n [placeholder]=\"'Batch'\">\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"stockSticker.serial\"\n [placeholder]=\"'Serie'\">\n </co-input-text>\n <co-input-text\n [(model)]=\"articleToTransfer.amountTransfer\"\n [placeholder]=\"'Aantal'\">\n </co-input-text>\n </div>\n\n <div class=\"stock-transfer-right-column\">\n <co-drop-down-list [collection]=\"warehouses\"\n [fields]=\"allWarehousesDropdownFields\"\n (modelChange)=\"handleSelectedWarehouse($event)\"\n [(model)]=\"articleToTransfer.targetWarehouse\">\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"locations\"\n [fields]=\"allLocationDropdownFields\"\n [(model)]=\"articleToTransfer.targetLocation\"\n >\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"stockState\"\n [fields]=\"stockStateDropdownField\"\n [placeholder]=\"'Voorraadstatus'\"\n [(model)]=\"articleToTransfer.stockStateId\">\n </co-drop-down-list>\n <co-input-text [placeholder]=\"'Omschrijving'\"\n [(model)]=\"articleToTransfer.stockStateRemark\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"ok-cancel-buttons\">\n <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n </div>\n </div>\n ",
|
|
3511
3542
|
encapsulation: i0.ViewEncapsulation.None
|
|
3512
3543
|
},] }
|
|
3513
3544
|
];
|
|
@@ -3806,7 +3837,10 @@
|
|
|
3806
3837
|
return __awaiter(this, void 0, void 0, function () {
|
|
3807
3838
|
return __generator(this, function (_a) {
|
|
3808
3839
|
switch (_a.label) {
|
|
3809
|
-
case 0:
|
|
3840
|
+
case 0:
|
|
3841
|
+
data.selected = true;
|
|
3842
|
+
data.entryDate = new Date();
|
|
3843
|
+
return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
|
|
3810
3844
|
case 1:
|
|
3811
3845
|
_a.sent();
|
|
3812
3846
|
return [2 /*return*/];
|
|
@@ -4448,7 +4482,7 @@
|
|
|
4448
4482
|
StatusbarComponent.decorators = [
|
|
4449
4483
|
{ type: i0.Component, args: [{
|
|
4450
4484
|
selector: "co-statusbar",
|
|
4451
|
-
template: "\n <div class=\"co-statusbar-wrapper\"\n *ngIf=\"statusbarData\"\n (mouseover)=\"onHover($event)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"onStatusbarClick()\">\n <div class=\"statuses\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n <co-linear-gauge [value]=\"data.percentage\" [count]=\"data.count ? data.count : undefined\"></co-linear-gauge>\n </div>\n </div>\n <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n <div class=\"status-descriptions\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n <span [textContent]=\"data.label\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
|
|
4485
|
+
template: "\n <div class=\"co-statusbar-wrapper\"\n *ngIf=\"statusbarData\"\n (mouseover)=\"onHover($event)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"onStatusbarClick()\">\n <div class=\"statuses\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n <co-linear-gauge [class.focused-status]=\"focusedStatusIndex !== undefined && focusedStatusIndex === index\"\n [value]=\"data.percentage\" [count]=\"data.count ? data.count : undefined\"></co-linear-gauge>\n </div>\n </div>\n <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n <div class=\"status-descriptions\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n <span [textContent]=\"data.label\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
|
|
4452
4486
|
animations: [
|
|
4453
4487
|
animations.trigger("showHidePopup", [
|
|
4454
4488
|
animations.state("void", animations.style({ opacity: 0 })),
|
|
@@ -4462,6 +4496,7 @@
|
|
|
4462
4496
|
StatusbarComponent.ctorParameters = function () { return []; };
|
|
4463
4497
|
StatusbarComponent.propDecorators = {
|
|
4464
4498
|
statusbarData: [{ type: i0.Input }],
|
|
4499
|
+
focusedStatusIndex: [{ type: i0.Input }],
|
|
4465
4500
|
statusbarClick: [{ type: i0.Output }],
|
|
4466
4501
|
showClass: [{ type: i0.HostBinding, args: ["class.co-statusbar",] }]
|
|
4467
4502
|
};
|