@colijnit/transaction 12.1.23 → 12.1.24
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-transaction.umd.js +201 -52
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.d.ts +48 -44
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/colijnit-transaction.js +49 -45
- package/esm2015/lib/component/status-bar/status-bar.component.js +37 -0
- package/esm2015/lib/component/status-bar/status-bar.module.js +21 -0
- package/esm2015/lib/component/transaction/transaction.component.js +9 -2
- package/esm2015/lib/component/transaction/transaction.module.js +4 -2
- package/esm2015/lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.component.js +33 -7
- package/esm2015/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.js +18 -5
- package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +5 -3
- package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.component.js +42 -33
- package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.module.js +4 -2
- package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component.js +43 -35
- package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.module.js +3 -1
- package/esm2015/lib/component/transaction-tile/transaction-tile.component.js +132 -0
- package/esm2015/lib/component/transaction-tile/transaction-tile.module.js +28 -0
- package/esm2015/lib/enum/icon.enum.js +4 -1
- package/esm2015/lib/model/icon-svg.js +4 -1
- package/fesm2015/colijnit-transaction.js +354 -82
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/avatar/style/_layout.scss +11 -0
- package/lib/component/core/image-display/style/_layout.scss +1 -0
- package/lib/component/status-bar/status-bar.component.d.ts +8 -0
- package/lib/component/status-bar/status-bar.module.d.ts +2 -0
- package/lib/component/status-bar/style/_layout.scss +14 -0
- package/lib/component/status-bar/style/_material-definition.scss +5 -0
- package/lib/component/status-bar/style/_theme.scss +15 -0
- package/lib/component/status-bar/style/material.scss +3 -0
- package/lib/component/transaction/style/_layout.scss +18 -0
- package/lib/component/transaction-grid/transaction-history-grid/style/_layout.scss +14 -0
- package/lib/component/transaction-receiving-goods-history/style/_layout.scss +13 -0
- package/lib/component/transaction-search/style/_material-definition.scss +10 -5
- package/lib/component/transaction-search/transaction-search-header/style/_layout.scss +1 -0
- package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_layout.scss +100 -66
- package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_theme.scss +21 -19
- package/lib/component/transaction-tile/style/_layout.scss +162 -0
- package/lib/component/transaction-tile/style/_material-definition.scss +0 -0
- package/lib/component/transaction-tile/style/_theme.scss +7 -0
- package/lib/component/transaction-tile/style/material.scss +3 -0
- package/lib/component/transaction-tile/transaction-tile.component.d.ts +23 -0
- package/lib/component/transaction-tile/transaction-tile.module.d.ts +2 -0
- package/lib/enum/icon.enum.d.ts +3 -0
- package/package.json +1 -1
|
@@ -4991,6 +4991,7 @@
|
|
|
4991
4991
|
Icon["CartShoppingSolid"] = "cart_shopping_solid";
|
|
4992
4992
|
Icon["CashRegister"] = "cash_register";
|
|
4993
4993
|
Icon["CreditCardSolid"] = "credit_card_solid";
|
|
4994
|
+
Icon["DeliveryStatusUncheck"] = "delivery_status_uncheck";
|
|
4994
4995
|
Icon["DeliveryTruck"] = "delivery_truck";
|
|
4995
4996
|
Icon["EditPencil"] = "edit_pencil";
|
|
4996
4997
|
Icon["IdealLogo"] = "ideal_logo";
|
|
@@ -5010,6 +5011,8 @@
|
|
|
5010
5011
|
Icon["ShelvesSolid"] = "shelves_solid";
|
|
5011
5012
|
Icon["SidePanel"] = "side_panel";
|
|
5012
5013
|
Icon["SlideIn"] = "slide_in";
|
|
5014
|
+
Icon["SquareFull"] = "square_full";
|
|
5015
|
+
Icon["SquareFullSolid"] = "square_full_solid";
|
|
5013
5016
|
Icon["SyncAlt"] = "sync_alt";
|
|
5014
5017
|
Icon["Tag"] = "tag";
|
|
5015
5018
|
Icon["ThickLines"] = "thick_lines";
|
|
@@ -5436,6 +5439,7 @@
|
|
|
5436
5439
|
"cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></svg>",
|
|
5437
5440
|
"cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
|
|
5438
5441
|
"credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
|
|
5442
|
+
"delivery_status_uncheck": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" ><style type=\"text/css\">.rect{fill:#514F4F;}</style><path class=\"rect\" d=\"M50,50H0.1V0H50V50z M41.5,8.2H8.6v33.2h32.9V8.2z\"/></svg>",
|
|
5439
5443
|
"delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
|
|
5440
5444
|
"edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
|
|
5441
5445
|
"ideal_logo": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 306.1 269.8\" style=\"enable-background:new 0 0 306.1 269.8;\" ><style type=\"text/css\">.st0{fill:#FFFFFF;}.st1{fill:#CC0066;}</style><g><g><path class=\"st0\" d=\"M0,20v229.8c0,11,9,20,20,20h137.3c103.8,0,148.8-58.1,148.8-135.2C306.1,57.9,261.1,0,157.3,0H20C9,0,0,9,0,20z\"/><path class=\"st1\" d=\"M91.9,56.4v169.8h73.9c67.1,0,96.2-37.9,96.2-91.5c0-51.3-29.1-91.1-96.2-91.1h-61.1C97.6,43.6,91.9,49.4,91.9,56.4z\"/><g><g><path d=\"M157.3,251.5H37.9c-10.6,0-19.2-8.6-19.2-19.2V37.6c0-10.6,8.6-19.2,19.2-19.2h119.4c113.3,0,130.2,72.9,130.2,116.3C287.5,210,241.2,251.5,157.3,251.5z M37.9,24.8c-7.1,0-12.8,5.7-12.8,12.8v194.7c0,7.1,5.7,12.8,12.8,12.8h119.4c79.8,0,123.8-39.2,123.8-110.4c0-95.6-77.6-109.9-123.8-109.9H37.9z\"/></g></g></g><g><path class=\"st0\" d=\"M117.9,111.8c2.6,0,5,0.4,7.3,1.2c2.3,0.8,4.2,2.1,5.9,3.7c1.6,1.7,2.9,3.8,3.9,6.2c0.9,2.5,1.4,5.4,1.4,8.8c0,3-0.4,5.7-1.1,8.2c-0.8,2.5-1.9,4.7-3.4,6.5c-1.5,1.8-3.4,3.2-5.7,4.3c-2.3,1-5,1.6-8.1,1.6h-17.5v-40.6H117.9z M117.3,144.9c1.3,0,2.5-0.2,3.8-0.6c1.2-0.4,2.3-1.1,3.2-2.1c0.9-1,1.7-2.2,2.3-3.8c0.6-1.6,0.9-3.4,0.9-5.7c0-2-0.2-3.9-0.6-5.5c-0.4-1.6-1.1-3.1-2-4.2s-2.1-2.1-3.6-2.7c-1.5-0.6-3.3-0.9-5.5-0.9h-6.4v25.6H117.3z\"/><path class=\"st0\" d=\"M172.5,111.8v7.5h-21.4v8.7h19.7v6.9h-19.7v9.9H173v7.5h-30.8v-40.6H172.5z\"/><path class=\"st0\" d=\"M203.1,111.8l15.2,40.6H209l-3.1-9h-15.2l-3.2,9h-9l15.3-40.6H203.1z M203.6,136.7l-5.1-14.9h-0.1l-5.3,14.9H203.6z\"/><path class=\"st0\" d=\"M232.8,111.8v33.1h19.8v7.5h-28.7v-40.6H232.8z\"/></g><g><circle cx=\"58.5\" cy=\"132.1\" r=\"18.7\"/></g><path d=\"M72.6,226.2L72.6,226.2c-15.7,0-28.3-12.7-28.3-28.3v-22.1c0-7.8,6.3-14.2,14.2-14.2h0c7.8,0,14.2,6.3,14.2,14.2V226.2z\"/></g></svg>",
|
|
@@ -5455,6 +5459,8 @@
|
|
|
5455
5459
|
"shelves_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M608 0c-17.6 0-32 14.4-32 31.1V160H64V31.1C64 14.4 49.6 0 32 0S0 14.4 0 31.1v480h64v-32h512v32h64v-480C640 14.4 625.6 0 608 0zM576 416H64V224h512V416zM368 128h96C472.8 128 480 120.8 480 112v-96C480 7.25 472.8 0 464 0h-96C359.2 0 352 7.25 352 16v96C352 120.8 359.2 128 368 128zM112 384h96C216.8 384 224 376.8 224 368v-96C224 263.2 216.8 256 208 256h-96C103.2 256 96 263.2 96 272v96C96 376.8 103.2 384 112 384zM272 384h96c8.75 0 16-7.25 16-16v-96C384 263.2 376.8 256 368 256h-96C263.2 256 256 263.2 256 272v96C256 376.8 263.2 384 272 384z\"/></svg>",
|
|
5456
5460
|
"side_panel": "<svg width=\"47px\" height=\"43px\" viewBox=\"0 0 47 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><defs><image width=\"47\" height=\"43\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAABHNCSVQICAgIfAhkiAAAAHtJREFUWIXt18EJwCAQAEENKSNv60gVgVQYSBWpw3f6OHvQx3Kw8xcX0QNrRERJaqMDVhhPMZ5iPMV4ivEU4ynGU/bZhb3/5Xm/pc3v6yytHdPrq58RiPEUHywl9bUxnuKDpaS+NsZTUsennjapT95RSTGeYjzFeErq+AEBrixGEVJ5mAAAAABJRU5ErkJggg==\" /></defs><use xlink:href=\"#img_1\" fill=\"#FFFFFF\" stroke=\"none\" /></svg>",
|
|
5457
5461
|
"slide_in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M12,12.17H38v26H12ZM36.76,13.4H13.24V36.93H36.76Z\" fill=\"#484f60\"/><polygon points=\"33.71 23.42 28.41 23.42 28.41 20.43 24.13 24.72 28.41 29.01 28.41 26.02 33.71 26.02 33.71 23.42\" fill=\"#484f60\"/><rect x=\"12\" y=\"12.17\" width=\"9\" height=\"26\" fill=\"#484f60\"/></svg>",
|
|
5462
|
+
"square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
|
|
5463
|
+
"square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
|
|
5458
5464
|
"sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
|
|
5459
5465
|
"tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
|
|
5460
5466
|
"thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
|
|
@@ -8700,7 +8706,7 @@
|
|
|
8700
8706
|
TransactionComponent.decorators = [
|
|
8701
8707
|
{ type: i0.Component, args: [{
|
|
8702
8708
|
selector: "co-transaction",
|
|
8703
|
-
template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ",
|
|
8709
|
+
template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n <co-transaction-tile\n *ngFor=\"let transaction of transaction.transactionLines\"\n [transactionLine]=\"transaction\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-tile>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ",
|
|
8704
8710
|
animations: [
|
|
8705
8711
|
animations.trigger("showHideSidePanel", [
|
|
8706
8712
|
animations.state("void", animations.style({ transform: 'translateX(100%)' })),
|
|
@@ -10313,7 +10319,7 @@
|
|
|
10313
10319
|
TransactionHistoryGridComponent.decorators = [
|
|
10314
10320
|
{ type: i0.Component, args: [{
|
|
10315
10321
|
selector: "co-transaction-history-grid",
|
|
10316
|
-
template: "\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'
|
|
10322
|
+
template: "\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [order]=\"20\" [width]=\"100\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.receiptDate | date\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.receiptDate | date\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [order]=\"30\" [width]=\"70\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.quantity\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.quantity\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [order]=\"50\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.reference\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.reference\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [order]=\"70\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.username\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.username\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
|
|
10317
10323
|
encapsulation: i0.ViewEncapsulation.None
|
|
10318
10324
|
},] }
|
|
10319
10325
|
];
|
|
@@ -10473,7 +10479,7 @@
|
|
|
10473
10479
|
TransactionReceivingGoodsHistoryComponent.decorators = [
|
|
10474
10480
|
{ type: i0.Component, args: [{
|
|
10475
10481
|
selector: "co-transaction-receiving-goods-history",
|
|
10476
|
-
template: "\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [
|
|
10482
|
+
template: "\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [order]=\"40\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.warehouseNumber\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.warehouseNumber\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"60\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.locationNumber\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.locationNumber\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-history-grid>\n ",
|
|
10477
10483
|
encapsulation: i0.ViewEncapsulation.None
|
|
10478
10484
|
},] }
|
|
10479
10485
|
];
|
|
@@ -10996,7 +11002,7 @@
|
|
|
10996
11002
|
TransactionSearchPurchaseOrderTileComponent.decorators = [
|
|
10997
11003
|
{ type: i0.Component, args: [{
|
|
10998
11004
|
selector: "co-transaction-search-purchase-order-tile",
|
|
10999
|
-
template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"
|
|
11005
|
+
template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"tile\">\n <div class=\"tile-header\">\n <div class=\"tile-upper-left\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n </div>\n <div class=\"tile-upper-middle\">\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div class=\"tile-upper-right\">\n <div class=\"status-bar-wrapper\">\n <co-status-bar></co-status-bar>\n </div>\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"tile-body\">\n <div class=\"tile-middle-left\"></div>\n <div class=\"tile-middle-middle\">\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n <div class=\"tile-middle-right\"></div>\n </div>\n <div class=\"tile-footer\">\n <div class=\"tile-bottom-left order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"tile-bottom-middle order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"tile-bottom-right order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n </div>\n ",
|
|
11000
11006
|
encapsulation: i0.ViewEncapsulation.None
|
|
11001
11007
|
},] }
|
|
11002
11008
|
];
|
|
@@ -11013,7 +11019,7 @@
|
|
|
11013
11019
|
TransactionSearchSalesOrderTileComponent.decorators = [
|
|
11014
11020
|
{ type: i0.Component, args: [{
|
|
11015
11021
|
selector: "co-transaction-search-sales-order-tile",
|
|
11016
|
-
template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"
|
|
11022
|
+
template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"tile\">\n <div class=\"tile-header\">\n <div class=\"tile-upper-left\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n </div>\n <div class=\"tile-upper-middle\">\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div class=\"tile-upper-right\">\n <div class=\"status-bar-wrapper\">\n <co-status-bar></co-status-bar>\n </div>\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"tile-body\">\n <div class=\"tile-middle-left\"></div>\n <div class=\"tile-middle-middle\">\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n <div class=\"tile-middle-right\"></div>\n </div>\n <div class=\"tile-footer\">\n <div class=\"tile-bottom-left order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"tile-bottom-middle order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"tile-bottom-right order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n </div>",
|
|
11017
11023
|
encapsulation: i0.ViewEncapsulation.None
|
|
11018
11024
|
},] }
|
|
11019
11025
|
];
|
|
@@ -12375,6 +12381,98 @@
|
|
|
12375
12381
|
},] }
|
|
12376
12382
|
];
|
|
12377
12383
|
|
|
12384
|
+
var TransactionTileComponent = /** @class */ (function () {
|
|
12385
|
+
function TransactionTileComponent(iconCacheService, _imageService) {
|
|
12386
|
+
this.iconCacheService = iconCacheService;
|
|
12387
|
+
this._imageService = _imageService;
|
|
12388
|
+
this.icon = Icon;
|
|
12389
|
+
this.transactionTypes = transactionKind_enum.TransactionKind;
|
|
12390
|
+
this.showSidePanelClicked = new i0.EventEmitter();
|
|
12391
|
+
}
|
|
12392
|
+
Object.defineProperty(TransactionTileComponent.prototype, "transactionLine", {
|
|
12393
|
+
get: function () {
|
|
12394
|
+
return this._transactionLine;
|
|
12395
|
+
},
|
|
12396
|
+
set: function (value) {
|
|
12397
|
+
this._transactionLine = value;
|
|
12398
|
+
this._loadLineImage();
|
|
12399
|
+
},
|
|
12400
|
+
enumerable: false,
|
|
12401
|
+
configurable: true
|
|
12402
|
+
});
|
|
12403
|
+
TransactionTileComponent.prototype.showClass = function () {
|
|
12404
|
+
return true;
|
|
12405
|
+
};
|
|
12406
|
+
TransactionTileComponent.prototype.handleSidePanelButtonClicked = function () {
|
|
12407
|
+
this.showSidePanelClicked.next(this._transactionLine);
|
|
12408
|
+
};
|
|
12409
|
+
TransactionTileComponent.prototype.getStatusColor = function (n) {
|
|
12410
|
+
switch (n) {
|
|
12411
|
+
case 0:
|
|
12412
|
+
return '#5fdbb2';
|
|
12413
|
+
case 1:
|
|
12414
|
+
return '#f78852';
|
|
12415
|
+
case 2:
|
|
12416
|
+
return '#f23a3a';
|
|
12417
|
+
}
|
|
12418
|
+
};
|
|
12419
|
+
TransactionTileComponent.prototype._loadLineImage = function () {
|
|
12420
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
12421
|
+
var _this = this;
|
|
12422
|
+
return __generator(this, function (_a) {
|
|
12423
|
+
if (this._transactionLine && this._transactionLine.isArticle) {
|
|
12424
|
+
this._imageService.retrieveLineImage(this._transactionLine).then(function (image) {
|
|
12425
|
+
_this.image = image;
|
|
12426
|
+
});
|
|
12427
|
+
}
|
|
12428
|
+
return [2 /*return*/];
|
|
12429
|
+
});
|
|
12430
|
+
});
|
|
12431
|
+
};
|
|
12432
|
+
return TransactionTileComponent;
|
|
12433
|
+
}());
|
|
12434
|
+
TransactionTileComponent.decorators = [
|
|
12435
|
+
{ type: i0.Component, args: [{
|
|
12436
|
+
selector: "co-transaction-tile",
|
|
12437
|
+
template: "\n <div class=\"transaction-tile-wrapper\" *ngIf=\"transactionLine\">\n <div class=\"header-row center\">\n <div class=\"header-transport-container center\">\n <co-icon class=\"transport-method-icon\" [iconData]=\"iconCacheService.getIcon(icon.DeliveryTruck)\"></co-icon>\n <span class=\"transport-method-text\" [textContent]=\"'Dropshipment door leverancier'\"></span>\n </div>\n <span class=\"header-date bold\" [textContent]=\"transactionLine.deliveryDate | date : 'd-MM-yyyy'\"></span>\n <co-icon class=\"header-side-panel-button\"\n [iconData]=\"iconCacheService.getIcon(icon.ThickLines)\"\n (click)=\"handleSidePanelButtonClicked()\"\n ></co-icon>\n </div>\n\n <div class=\"transaction-details-row\">\n <div class=\"transaction-details-container\">\n <span class=\"transaction-tile-title bold\" [textContent]=\"transactionLine.goodDescription\"></span>\n <span *ngFor=\"let text of transactionLine.articleTestAsArray\" class=\"transaction-tile-description\"\n [innerHTML]=\"text | safeHtml\"></span>\n </div>\n <co-image-display class=\"tile-image\" [model]=\"image\"></co-image-display>\n </div>\n\n <div class=\"transaction-order-status-row\">\n <div class=\"indicators-wrapper\">\n <div *ngFor=\"let n of [0, 1, 2]\" [style.background]=\"getStatusColor(n)\" class=\"transaction-order-status-indicator\"></div>\n </div>\n </div>\n\n <div class=\"transaction-data-row center\">\n <div class=\"transaction-data-header\">\n <div class=\"transaction-data-header-item\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.articleNumber ? transactionLine.articleNumber : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'PRICE'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.price ? (transactionLine.price | priceDisplay) : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'DISCOUNT'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.discountAmount ? transactionLine.discountAmount : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'Mag'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.warehouseNumber ? transactionLine.warehouseNumber : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'CC'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.commissionCode ? transactionLine.commissionCode : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-data-header-item mutable center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n <input type=\"number\" class=\"transaction-data-header-field bold amount-input\" [(ngModel)]=\"transactionLine.amount\">\n </div>\n </div>\n </div>\n ",
|
|
12438
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
12439
|
+
},] }
|
|
12440
|
+
];
|
|
12441
|
+
TransactionTileComponent.ctorParameters = function () { return [
|
|
12442
|
+
{ type: IconCacheService },
|
|
12443
|
+
{ type: TransactionImageService }
|
|
12444
|
+
]; };
|
|
12445
|
+
TransactionTileComponent.propDecorators = {
|
|
12446
|
+
transactionType: [{ type: i0.Input }],
|
|
12447
|
+
transactionLine: [{ type: i0.Input }],
|
|
12448
|
+
showSidePanelClicked: [{ type: i0.Output }],
|
|
12449
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-tile",] }]
|
|
12450
|
+
};
|
|
12451
|
+
|
|
12452
|
+
var TransactionTileModule = /** @class */ (function () {
|
|
12453
|
+
function TransactionTileModule() {
|
|
12454
|
+
}
|
|
12455
|
+
return TransactionTileModule;
|
|
12456
|
+
}());
|
|
12457
|
+
TransactionTileModule.decorators = [
|
|
12458
|
+
{ type: i0.NgModule, args: [{
|
|
12459
|
+
imports: [
|
|
12460
|
+
common.CommonModule,
|
|
12461
|
+
CoreModule,
|
|
12462
|
+
corecomponents_v12.IconModule,
|
|
12463
|
+
PipeModule,
|
|
12464
|
+
forms.FormsModule,
|
|
12465
|
+
corecomponents_v12.PriceDisplayPipeModule
|
|
12466
|
+
],
|
|
12467
|
+
declarations: [
|
|
12468
|
+
TransactionTileComponent
|
|
12469
|
+
],
|
|
12470
|
+
exports: [
|
|
12471
|
+
TransactionTileComponent
|
|
12472
|
+
]
|
|
12473
|
+
},] }
|
|
12474
|
+
];
|
|
12475
|
+
|
|
12378
12476
|
var TransactionModule = /** @class */ (function () {
|
|
12379
12477
|
function TransactionModule() {
|
|
12380
12478
|
}
|
|
@@ -12402,7 +12500,8 @@
|
|
|
12402
12500
|
TransactionOrderConfirmationGridModule,
|
|
12403
12501
|
TransactionReceivedGoodsGridModule,
|
|
12404
12502
|
ViewModeButtonsModule,
|
|
12405
|
-
TransactionGridModule
|
|
12503
|
+
TransactionGridModule,
|
|
12504
|
+
TransactionTileModule
|
|
12406
12505
|
],
|
|
12407
12506
|
declarations: [
|
|
12408
12507
|
TransactionComponent
|
|
@@ -13566,6 +13665,50 @@
|
|
|
13566
13665
|
},] }
|
|
13567
13666
|
];
|
|
13568
13667
|
|
|
13668
|
+
var StatusBarComponent = /** @class */ (function () {
|
|
13669
|
+
function StatusBarComponent(iconCacheService) {
|
|
13670
|
+
this.iconCacheService = iconCacheService;
|
|
13671
|
+
this.icons = Icon;
|
|
13672
|
+
}
|
|
13673
|
+
StatusBarComponent.prototype.showClass = function () {
|
|
13674
|
+
return true;
|
|
13675
|
+
};
|
|
13676
|
+
return StatusBarComponent;
|
|
13677
|
+
}());
|
|
13678
|
+
StatusBarComponent.decorators = [
|
|
13679
|
+
{ type: i0.Component, args: [{
|
|
13680
|
+
selector: "co-status-bar",
|
|
13681
|
+
template: "\n <div>\n <!--Tijdelijk visueel voorbeeld:-->\n <div class=\"status-bar-icons-wrapper\">\n <co-icon class=\"color-green\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n <co-icon class=\"color-orange\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n </div>\n </div>\n ",
|
|
13682
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
13683
|
+
},] }
|
|
13684
|
+
];
|
|
13685
|
+
StatusBarComponent.ctorParameters = function () { return [
|
|
13686
|
+
{ type: IconCacheService }
|
|
13687
|
+
]; };
|
|
13688
|
+
StatusBarComponent.propDecorators = {
|
|
13689
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-status-bar",] }]
|
|
13690
|
+
};
|
|
13691
|
+
|
|
13692
|
+
var StatusBarModule = /** @class */ (function () {
|
|
13693
|
+
function StatusBarModule() {
|
|
13694
|
+
}
|
|
13695
|
+
return StatusBarModule;
|
|
13696
|
+
}());
|
|
13697
|
+
StatusBarModule.decorators = [
|
|
13698
|
+
{ type: i0.NgModule, args: [{
|
|
13699
|
+
imports: [
|
|
13700
|
+
common.CommonModule,
|
|
13701
|
+
corecomponents_v12.IconModule
|
|
13702
|
+
],
|
|
13703
|
+
declarations: [
|
|
13704
|
+
StatusBarComponent
|
|
13705
|
+
],
|
|
13706
|
+
exports: [
|
|
13707
|
+
StatusBarComponent
|
|
13708
|
+
]
|
|
13709
|
+
},] }
|
|
13710
|
+
];
|
|
13711
|
+
|
|
13569
13712
|
var TransactionSearchPurchaseOrderTileModule = /** @class */ (function () {
|
|
13570
13713
|
function TransactionSearchPurchaseOrderTileModule() {
|
|
13571
13714
|
}
|
|
@@ -13577,7 +13720,8 @@
|
|
|
13577
13720
|
common.CommonModule,
|
|
13578
13721
|
PipeModule,
|
|
13579
13722
|
AvatarModule,
|
|
13580
|
-
corecomponents_v12.IconModule
|
|
13723
|
+
corecomponents_v12.IconModule,
|
|
13724
|
+
StatusBarModule
|
|
13581
13725
|
],
|
|
13582
13726
|
declarations: [
|
|
13583
13727
|
TransactionSearchPurchaseOrderTileComponent
|
|
@@ -13602,6 +13746,7 @@
|
|
|
13602
13746
|
corecomponents_v12.ButtonModule,
|
|
13603
13747
|
PipeModule,
|
|
13604
13748
|
corecomponents_v12.IconModule,
|
|
13749
|
+
StatusBarModule,
|
|
13605
13750
|
],
|
|
13606
13751
|
declarations: [
|
|
13607
13752
|
TransactionSearchSalesOrderTileComponent
|
|
@@ -13775,7 +13920,7 @@
|
|
|
13775
13920
|
TransactionSearchResultComponent.decorators = [
|
|
13776
13921
|
{ type: i0.Component, args: [{
|
|
13777
13922
|
selector: 'co-transaction-search-result',
|
|
13778
|
-
template: "\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n
|
|
13923
|
+
template: "\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n </div>\n <co-pagination *ngIf=\"searchService.transactions?.length > 0\" [previousLabel]=\"'PREVIOUS' | localize\"\n [nextLabel]=\"'NEXT' | localize\"\n [autoHide]=\"true\"\n (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n <co-transaction-search-grid\n [transactionType]=\"transactionType\"\n (transactionClick)=\"onTransactionClick($event)\"\n ></co-transaction-search-grid>\n </div>\n ",
|
|
13779
13924
|
encapsulation: i0.ViewEncapsulation.None
|
|
13780
13925
|
},] }
|
|
13781
13926
|
];
|
|
@@ -14454,52 +14599,56 @@
|
|
|
14454
14599
|
exports["ɵff"] = ViewModeButtonsComponent;
|
|
14455
14600
|
exports["ɵfg"] = TransactionGridModule;
|
|
14456
14601
|
exports["ɵfh"] = TransactionGridComponent;
|
|
14457
|
-
exports["ɵfi"] =
|
|
14458
|
-
exports["ɵfj"] =
|
|
14459
|
-
exports["ɵfk"] =
|
|
14460
|
-
exports["ɵfl"] =
|
|
14461
|
-
exports["ɵfm"] =
|
|
14462
|
-
exports["ɵfn"] =
|
|
14463
|
-
exports["ɵfo"] =
|
|
14464
|
-
exports["ɵfp"] =
|
|
14465
|
-
exports["ɵfq"] =
|
|
14466
|
-
exports["ɵfr"] =
|
|
14467
|
-
exports["ɵfs"] =
|
|
14468
|
-
exports["ɵft"] =
|
|
14469
|
-
exports["ɵfu"] =
|
|
14470
|
-
exports["ɵfv"] =
|
|
14471
|
-
exports["ɵfw"] =
|
|
14472
|
-
exports["ɵfx"] =
|
|
14473
|
-
exports["ɵfy"] =
|
|
14474
|
-
exports["ɵfz"] =
|
|
14602
|
+
exports["ɵfi"] = TransactionTileModule;
|
|
14603
|
+
exports["ɵfj"] = TransactionTileComponent;
|
|
14604
|
+
exports["ɵfk"] = TransactionSearchService;
|
|
14605
|
+
exports["ɵfl"] = TransactionSearchResultModule;
|
|
14606
|
+
exports["ɵfm"] = TransactionSearchSalesOrderTileModule;
|
|
14607
|
+
exports["ɵfn"] = StatusBarModule;
|
|
14608
|
+
exports["ɵfo"] = StatusBarComponent;
|
|
14609
|
+
exports["ɵfp"] = TransactionSearchSalesOrderTileComponent;
|
|
14610
|
+
exports["ɵfq"] = TransactionSearchTileBaseComponent;
|
|
14611
|
+
exports["ɵfr"] = TransactionSearchPurchaseOrderTileModule;
|
|
14612
|
+
exports["ɵfs"] = TransactionSearchPurchaseOrderTileComponent;
|
|
14613
|
+
exports["ɵft"] = TransactionSearchSalesOrderGridModule;
|
|
14614
|
+
exports["ɵfu"] = TransactionSearchSalesOrderGridComponent;
|
|
14615
|
+
exports["ɵfv"] = TransactionSearchGridBaseComponent;
|
|
14616
|
+
exports["ɵfw"] = TransactionSearchPurchaseOrderGridModule;
|
|
14617
|
+
exports["ɵfx"] = TransactionSearchPurchaseOrderGridComponent;
|
|
14618
|
+
exports["ɵfy"] = TransactionSearchHeaderModule;
|
|
14619
|
+
exports["ɵfz"] = TransactionSearchHeaderComponent;
|
|
14475
14620
|
exports["ɵg"] = ArticleConnectorService;
|
|
14476
|
-
exports["ɵga"] =
|
|
14477
|
-
exports["ɵgb"] =
|
|
14478
|
-
exports["ɵgc"] =
|
|
14479
|
-
exports["ɵgd"] =
|
|
14480
|
-
exports["ɵge"] =
|
|
14481
|
-
exports["ɵgf"] =
|
|
14482
|
-
exports["ɵgg"] =
|
|
14483
|
-
exports["ɵgh"] =
|
|
14484
|
-
exports["ɵgi"] =
|
|
14485
|
-
exports["ɵgj"] =
|
|
14486
|
-
exports["ɵgk"] =
|
|
14487
|
-
exports["ɵgl"] =
|
|
14488
|
-
exports["ɵgm"] =
|
|
14489
|
-
exports["ɵgn"] =
|
|
14490
|
-
exports["ɵgo"] =
|
|
14491
|
-
exports["ɵgp"] =
|
|
14492
|
-
exports["ɵgq"] =
|
|
14493
|
-
exports["ɵgr"] =
|
|
14494
|
-
exports["ɵgs"] =
|
|
14495
|
-
exports["ɵgt"] =
|
|
14496
|
-
exports["ɵgu"] =
|
|
14497
|
-
exports["ɵgv"] =
|
|
14498
|
-
exports["ɵgw"] =
|
|
14499
|
-
exports["ɵgx"] =
|
|
14500
|
-
exports["ɵgy"] =
|
|
14501
|
-
exports["ɵgz"] =
|
|
14621
|
+
exports["ɵga"] = TransactionSearchGridModule;
|
|
14622
|
+
exports["ɵgb"] = TransactionSearchGridComponent;
|
|
14623
|
+
exports["ɵgc"] = TransactionSearchTileModule;
|
|
14624
|
+
exports["ɵgd"] = TransactionSearchTileComponent;
|
|
14625
|
+
exports["ɵge"] = TransactionSearchResultComponent;
|
|
14626
|
+
exports["ɵgf"] = TransactionSalesOrderFilterModule;
|
|
14627
|
+
exports["ɵgg"] = TransactionFilterCategoriesModule;
|
|
14628
|
+
exports["ɵgh"] = TransactionFilterCategoriesComponent;
|
|
14629
|
+
exports["ɵgi"] = TransactionSalesOrderFilterContentOrderModule;
|
|
14630
|
+
exports["ɵgj"] = TransactionSalesOrderFilterContentOrderComponent;
|
|
14631
|
+
exports["ɵgk"] = TransactionFilterContentBaseComponent;
|
|
14632
|
+
exports["ɵgl"] = FilterRequestService;
|
|
14633
|
+
exports["ɵgm"] = TransactionSalesOrderFilterContentLogisticsModule;
|
|
14634
|
+
exports["ɵgn"] = TransactionFilterHistoricStateModule;
|
|
14635
|
+
exports["ɵgo"] = TransactionFilterHistoricStateComponent;
|
|
14636
|
+
exports["ɵgp"] = TransactionSalesOrderFilterContentLogisticsComponent;
|
|
14637
|
+
exports["ɵgq"] = TransactionSalesOrderFilterContentArticleModule;
|
|
14638
|
+
exports["ɵgr"] = TransactionSalesOrderFilterContentArticleComponent;
|
|
14639
|
+
exports["ɵgs"] = TransactionSalesOrderFilterComponent;
|
|
14640
|
+
exports["ɵgt"] = TransactionFilterBaseComponent;
|
|
14641
|
+
exports["ɵgu"] = TransactionPurchaseOrderFilterModule;
|
|
14642
|
+
exports["ɵgv"] = TransactionPurchaseOrderFilterContentOrderModule;
|
|
14643
|
+
exports["ɵgw"] = TransactionPurchaseOrderFilterContentOrderComponent;
|
|
14644
|
+
exports["ɵgx"] = TransactionPurchaseOrderFilterContentLogisticsModule;
|
|
14645
|
+
exports["ɵgy"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
|
|
14646
|
+
exports["ɵgz"] = TransactionPurchaseOrderFilterContentArticleModule;
|
|
14502
14647
|
exports["ɵh"] = CoreModule;
|
|
14648
|
+
exports["ɵha"] = TransactionPurchaseOrderFilterContentArticleComponent;
|
|
14649
|
+
exports["ɵhb"] = TransactionPurchaseOrderFilterComponent;
|
|
14650
|
+
exports["ɵhc"] = TransactionFilterModule;
|
|
14651
|
+
exports["ɵhd"] = TransactionFilterComponent;
|
|
14503
14652
|
exports["ɵi"] = ConfirmationDialogModule;
|
|
14504
14653
|
exports["ɵj"] = PipeModule;
|
|
14505
14654
|
exports["ɵk"] = AppendPipe;
|