@colijnit/sharedcomponents 1.0.32 → 1.0.34
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 +39 -18
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/stock/stock-information-grid/stock-information-grid.component.js +57 -31
- package/esm2015/lib/components/stock/stock-transfer/stock-transfer.component.js +9 -5
- package/esm2015/lib/components/stock/stock.component.js +2 -3
- package/esm2015/lib/pipe/array-number.pipe.js +1 -1
- package/fesm2015/colijnit-sharedcomponents.js +65 -36
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/stock/stock-information-grid/stock-information-grid.component.d.ts +5 -3
- package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts +1 -1
- package/lib/components/stock/style/_layout.scss +7 -0
- package/package.json +1 -1
|
@@ -1580,7 +1580,7 @@
|
|
|
1580
1580
|
StockComponent.decorators = [
|
|
1581
1581
|
{ type: i0.Component, args: [{
|
|
1582
1582
|
selector: "co-stock",
|
|
1583
|
-
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 (
|
|
1583
|
+
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 (handleClick)=\"backToStock()\"\n [article]=\"stockTransferArticle\"\n [articleToTransfer]=\"stockTransferArticleDetails\"\n (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n [articleWarehouse]=\"articleWarehouse\"\n [allWarehouses]=\"allWarehouses\"\n >\n </co-stock-transfer>\n </div>\n ",
|
|
1584
1584
|
encapsulation: i0.ViewEncapsulation.None
|
|
1585
1585
|
},] }
|
|
1586
1586
|
];
|
|
@@ -1792,7 +1792,6 @@
|
|
|
1792
1792
|
this.getArticleDetails(data);
|
|
1793
1793
|
this.hideOrShowTabs = false;
|
|
1794
1794
|
this.hideOrShowLocationTab = true;
|
|
1795
|
-
this._stockService.lockArticleDetails(this.articleDetailsInformation);
|
|
1796
1795
|
};
|
|
1797
1796
|
StockInformationGridComponent.prototype.handleHistoryClick = function () {
|
|
1798
1797
|
this.historyClicked.emit();
|
|
@@ -1890,7 +1889,7 @@
|
|
|
1890
1889
|
switch (_b.label) {
|
|
1891
1890
|
case 0:
|
|
1892
1891
|
orderData = new articleTransaction.ArticleTransaction();
|
|
1893
|
-
orderData.type = "
|
|
1892
|
+
orderData.type = "I";
|
|
1894
1893
|
orderData.goodId = this.articleStockInformation[0].goodId.toString();
|
|
1895
1894
|
_a = this;
|
|
1896
1895
|
return [4 /*yield*/, this._stockService.getArticleTransaction(orderData)];
|
|
@@ -1901,32 +1900,53 @@
|
|
|
1901
1900
|
});
|
|
1902
1901
|
});
|
|
1903
1902
|
};
|
|
1904
|
-
StockInformationGridComponent.prototype.
|
|
1903
|
+
StockInformationGridComponent.prototype.onLocationDropdownClick = function () {
|
|
1905
1904
|
var _this = this;
|
|
1906
1905
|
this._stockService.getStockManagementLocations(this.selectedWarehouse).then(function (locations) {
|
|
1907
1906
|
_this.stockLocations = locations;
|
|
1908
1907
|
});
|
|
1909
1908
|
};
|
|
1909
|
+
StockInformationGridComponent.prototype.onLocationSelected = function (location) {
|
|
1910
|
+
this.selectedArticleDetailsData.locationNo = location;
|
|
1911
|
+
};
|
|
1910
1912
|
StockInformationGridComponent.prototype.onOkClickSendLocations = function () {
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1913
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1914
|
+
var _this = this;
|
|
1915
|
+
return __generator(this, function (_a) {
|
|
1916
|
+
switch (_a.label) {
|
|
1917
|
+
case 0:
|
|
1918
|
+
console.log(this.article);
|
|
1919
|
+
this.selectedArticleDetailsData.selected = true;
|
|
1920
|
+
this.selectedArticleDetailsData.goodId = this.article.goodId;
|
|
1921
|
+
this.selectedArticleDetailsData.entryDate = new Date();
|
|
1922
|
+
this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse;
|
|
1923
|
+
return [4 /*yield*/, this._stockService.updateArticleDetails(this.selectedArticleDetailsData)];
|
|
1924
|
+
case 1:
|
|
1925
|
+
_a.sent();
|
|
1926
|
+
return [4 /*yield*/, this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
|
|
1927
|
+
_this.articleDetails = details;
|
|
1928
|
+
})];
|
|
1929
|
+
case 2:
|
|
1930
|
+
_a.sent();
|
|
1931
|
+
return [2 /*return*/];
|
|
1932
|
+
}
|
|
1933
|
+
});
|
|
1934
|
+
});
|
|
1917
1935
|
};
|
|
1918
1936
|
StockInformationGridComponent.prototype.onCancelClickSendLocations = function () {
|
|
1919
1937
|
};
|
|
1920
|
-
StockInformationGridComponent.prototype.amountInStockChanged = function (data
|
|
1921
|
-
|
|
1922
|
-
|
|
1938
|
+
StockInformationGridComponent.prototype.amountInStockChanged = function (data) {
|
|
1939
|
+
this.selectedArticleDetailsData.amountInStock = data;
|
|
1940
|
+
};
|
|
1941
|
+
StockInformationGridComponent.prototype.lockSelectedRow = function (row) {
|
|
1942
|
+
this._stockService.lockArticleDetails(row);
|
|
1923
1943
|
};
|
|
1924
1944
|
return StockInformationGridComponent;
|
|
1925
1945
|
}());
|
|
1926
1946
|
StockInformationGridComponent.decorators = [
|
|
1927
1947
|
{ type: i0.Component, args: [{
|
|
1928
1948
|
selector: "co-stock-information-grid",
|
|
1929
|
-
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 <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n (closeClick)=\"showSendMethodDialog = false\"\n (printButtonClicked)=\"printStockStickers()\"\n ></co-send-method-dialog>\n ",
|
|
1949
|
+
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 class=\"location-link\" [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]=\"'customerName'\"></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]=\"'warehouseNumber'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></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]=\"'InOrderForStock'\"></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>\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 (dblClickRow)=\"lockSelectedRow($event)\"\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)=\"onLocationDropdownClick()\"\n [required]=\"true\"\n ></co-drop-down-list>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleDetails\" [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 *ngIf=\"articleDetails\" [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)\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [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'\" [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'\" [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'\" [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]=\"'SUPPLIER_NUMBER'\" [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 [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 <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n (closeClick)=\"showSendMethodDialog = false\"\n ></co-send-method-dialog>\n ",
|
|
1930
1950
|
encapsulation: i0.ViewEncapsulation.None
|
|
1931
1951
|
},] }
|
|
1932
1952
|
];
|
|
@@ -1982,7 +2002,7 @@
|
|
|
1982
2002
|
var StockTransferComponent = /** @class */ (function () {
|
|
1983
2003
|
function StockTransferComponent(_stockService) {
|
|
1984
2004
|
this._stockService = _stockService;
|
|
1985
|
-
this.
|
|
2005
|
+
this.handleClick = new i0.EventEmitter();
|
|
1986
2006
|
this.handleStickerClicked = new i0.EventEmitter();
|
|
1987
2007
|
this.allWarehousesDropdownFields = { text: "warehouseDescription", value: "warehouseNo" };
|
|
1988
2008
|
this.allLocationDropdownFields = { text: "locationNo", value: "locationNo" };
|
|
@@ -2004,13 +2024,14 @@
|
|
|
2004
2024
|
return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
|
|
2005
2025
|
case 1:
|
|
2006
2026
|
_a.sent();
|
|
2027
|
+
this.handleClick.emit();
|
|
2007
2028
|
return [2 /*return*/];
|
|
2008
2029
|
}
|
|
2009
2030
|
});
|
|
2010
2031
|
});
|
|
2011
2032
|
};
|
|
2012
2033
|
StockTransferComponent.prototype.handleCancelClick = function () {
|
|
2013
|
-
this.
|
|
2034
|
+
this.handleClick.emit();
|
|
2014
2035
|
};
|
|
2015
2036
|
StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
|
|
2016
2037
|
this.selectedWarehouse = event;
|
|
@@ -2048,7 +2069,7 @@
|
|
|
2048
2069
|
StockTransferComponent.decorators = [
|
|
2049
2070
|
{ type: i0.Component, args: [{
|
|
2050
2071
|
selector: "co-stock-transfer",
|
|
2051
|
-
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 ",
|
|
2072
|
+
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 [placeholder]=\"'Magazijn'\"\n [(model)]=\"articleToTransfer.targetWarehouse\">\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"locations\"\n [fields]=\"allLocationDropdownFields\"\n [(model)]=\"articleToTransfer.targetLocation\"\n [placeholder]=\"'Locatie'\"\n >\n </co-drop-down-list>\n <co-drop-down-list [collection]=\"stockState\"\n [fields]=\"stockStateDropdownField\"\n [placeholder]=\"'Voorraadstatus'\"\n [(model)]=\"articleToTransfer.stockStateId\"\n >\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 ",
|
|
2052
2073
|
encapsulation: i0.ViewEncapsulation.None
|
|
2053
2074
|
},] }
|
|
2054
2075
|
];
|
|
@@ -2061,7 +2082,7 @@
|
|
|
2061
2082
|
articleToTransfer: [{ type: i0.Input }],
|
|
2062
2083
|
articleWarehouse: [{ type: i0.Input }],
|
|
2063
2084
|
allWarehouses: [{ type: i0.Input }],
|
|
2064
|
-
|
|
2085
|
+
handleClick: [{ type: i0.Output }],
|
|
2065
2086
|
handleStickerClicked: [{ type: i0.Output }]
|
|
2066
2087
|
};
|
|
2067
2088
|
|