@colijnit/transaction 12.1.60 → 12.1.61
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 +6 -6
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/dialog/dialog-header-search/dialog-header-search.component.js +2 -2
- package/esm2015/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.js +2 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.js +2 -2
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component.js +2 -2
- package/esm2015/lib/component/transaction-search/transaction-search-header/transaction-search-header.component.js +2 -6
- package/esm2015/lib/component/transaction-search/transaction-search.component.js +2 -2
- package/fesm2015/colijnit-transaction.js +6 -10
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/payment/style/_layout.scss +3 -0
- package/lib/component/payment/style/_material-definition.scss +1 -0
- package/lib/component/transaction-line/transaction-line/style/_layout.scss +2 -2
- package/lib/component/transaction-search/style/_layout.scss +1 -1
- package/lib/component/transaction-search/style/_material-definition.scss +0 -2
- package/lib/component/transaction-search/transaction-search-header/style/_layout.scss +0 -10
- package/lib/style/_variables.scss +23 -23
- package/package.json +1 -1
|
@@ -10769,7 +10769,7 @@
|
|
|
10769
10769
|
TransactionQuickAccessOverviewComponent.decorators = [
|
|
10770
10770
|
{ type: i0.Component, args: [{
|
|
10771
10771
|
selector: "co-transaction-quick-access-overview",
|
|
10772
|
-
template: "\n <co-input-search\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [
|
|
10772
|
+
template: "\n <co-input-search\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [centerLabel]=\"true\"\n ></co-input-search>\n ",
|
|
10773
10773
|
encapsulation: i0.ViewEncapsulation.None
|
|
10774
10774
|
},] }
|
|
10775
10775
|
];
|
|
@@ -14546,7 +14546,7 @@
|
|
|
14546
14546
|
DialogHeaderSearchComponent.decorators = [
|
|
14547
14547
|
{ type: i0.Component, args: [{
|
|
14548
14548
|
selector: "co-dialog-header-search",
|
|
14549
|
-
template: "\n <div class=\"dialog-header-search-wrapper\">\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"title | localize\"></div>\n <co-input-search [placeholder]=\"searchPlaceholder | localize\" [
|
|
14549
|
+
template: "\n <div class=\"dialog-header-search-wrapper\">\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"title | localize\"></div>\n <co-input-search [placeholder]=\"searchPlaceholder | localize\" [centerLabel]=\"true\" (modelChange)=\"handleSearch($event)\"></co-input-search>\n </div>\n ",
|
|
14550
14550
|
encapsulation: i0.ViewEncapsulation.None
|
|
14551
14551
|
},] }
|
|
14552
14552
|
];
|
|
@@ -16031,7 +16031,7 @@
|
|
|
16031
16031
|
TransactionHeaderPaymentComponent.decorators = [
|
|
16032
16032
|
{ type: i0.Component, args: [{
|
|
16033
16033
|
selector: "co-transaction-header-payment",
|
|
16034
|
-
template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment($event)\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <div class=\"payment-payed-wrapper\">\n <span class=\"payment-to-pay\" [textContent]=\"toPay | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"paid | priceDisplay\"></span>\n </div>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-percentage>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-amount>\n </ng-template>\n <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n </co-dialog>\n <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ",
|
|
16034
|
+
template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment($event)\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <div class=\"payment-payed-wrapper\">\n <span class=\"payment-to-pay\" [textContent]=\"toPay | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"paid | priceDisplay\"></span>\n </div>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-percentage>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-amount>\n </ng-template>\n <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n </co-dialog>\n <co-dialog class=\"payment-dialog\" [customCssClass]=\"'co-transaction-small-toolbar'\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ",
|
|
16035
16035
|
encapsulation: i0.ViewEncapsulation.None
|
|
16036
16036
|
},] }
|
|
16037
16037
|
];
|
|
@@ -20396,7 +20396,7 @@
|
|
|
20396
20396
|
TransactionLineDeliveryDateButtonComponent.decorators = [
|
|
20397
20397
|
{ type: i0.Component, args: [{
|
|
20398
20398
|
selector: "co-transaction-line-delivery-date-button",
|
|
20399
|
-
template: "\n <div class=\"transaction-line-button custom-width no-border\">\n <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\"
|
|
20399
|
+
template: "\n <div class=\"transaction-line-button custom-width no-border\">\n <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\"></span>\n <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.deliveryDate | date:'dd MMM YYYY'\"></span>\n <co-icon class=\"header-delivery-date-icon\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n ",
|
|
20400
20400
|
encapsulation: i0.ViewEncapsulation.None
|
|
20401
20401
|
},] }
|
|
20402
20402
|
];
|
|
@@ -20984,7 +20984,7 @@
|
|
|
20984
20984
|
TransactionSearchComponent.decorators = [
|
|
20985
20985
|
{ type: i0.Component, args: [{
|
|
20986
20986
|
selector: 'co-transaction-search',
|
|
20987
|
-
template: "\n <div class=\"transaction-search-main-wrapper\">\n <div class=\"transaction-search-wrapper\"\n [ngClass]=\"calculateClasses()\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n [ngClass]=\"calculateClasses()\"\n *ngIf=\"transactionSearchService.showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n (closeButtonClick)=\"transactionSearchService.handleHideFilter()\"\n (resetFilterClick)=\"transactionSearchService.handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper\"\n [class.fullscreen]=\"transactionSearchService.fullscreen\"\n [class.sidebar]=\"!transactionSearchService.fullscreen\"\n [class.collapsed]=\"transactionSearchService.collapsed\"\n [class.expanded]=\"!transactionSearchService.collapsed\"\n >\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n (filterClick)=\"transactionSearchService.toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onSearchViewResizeClick()\"\n (closeClick)=\"collapseSearchBar()\"\n ></co-transaction-search-result>\n </div>\n </div>\n <div class=\"transaction-search-content-wrapper\"\n [class.fullscreen]=\"transactionSearchService.fullscreen\"\n [class.sidebar]=\"!transactionSearchService.fullscreen\"\n [class.collapsed]=\"transactionSearchService.collapsed\"\n [class.expanded]=\"!transactionSearchService.collapsed\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n ",
|
|
20987
|
+
template: "\n <div class=\"transaction-search-main-wrapper\">\n <div class=\"transaction-search-wrapper\"\n [ngClass]=\"calculateClasses()\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n [ngClass]=\"calculateClasses()\"\n *ngIf=\"transactionSearchService.showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n (closeButtonClick)=\"transactionSearchService.handleHideFilter()\"\n (resetFilterClick)=\"transactionSearchService.handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper co-transaction-small-toolbar\"\n [class.fullscreen]=\"transactionSearchService.fullscreen\"\n [class.sidebar]=\"!transactionSearchService.fullscreen\"\n [class.collapsed]=\"transactionSearchService.collapsed\"\n [class.expanded]=\"!transactionSearchService.collapsed\"\n >\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n (filterClick)=\"transactionSearchService.toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onSearchViewResizeClick()\"\n (closeClick)=\"collapseSearchBar()\"\n ></co-transaction-search-result>\n </div>\n </div>\n <div class=\"transaction-search-content-wrapper\"\n [class.fullscreen]=\"transactionSearchService.fullscreen\"\n [class.sidebar]=\"!transactionSearchService.fullscreen\"\n [class.collapsed]=\"transactionSearchService.collapsed\"\n [class.expanded]=\"!transactionSearchService.collapsed\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n ",
|
|
20988
20988
|
animations: [
|
|
20989
20989
|
animations.trigger("showHideFilterSidebar", [
|
|
20990
20990
|
animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
|
|
@@ -22029,7 +22029,7 @@
|
|
|
22029
22029
|
TransactionSearchHeaderComponent.decorators = [
|
|
22030
22030
|
{ type: i0.Component, args: [{
|
|
22031
22031
|
selector: "co-transaction-search-header",
|
|
22032
|
-
template: "\n <div class=\"transaction-search-header-wrapper\">\n <div class=\"upper-header\">\n
|
|
22032
|
+
template: "\n <div class=\"transaction-search-header-wrapper\">\n <div class=\"upper-header\">\n <div class=\"header-buttons-wrapper\">\n <div class=\"toggle-sidebar-button-wrapper button-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n <co-button [iconData]=\"fullscreen ? iconSlideIn : iconResize\"\n [ngClass]=\"!fullscreen ? 'small' : ''\"\n class=\"toggle-sidebar-button circle transparent\"\n (click)=\"onResizeClick()\"></co-button>\n </div>\n <div class=\"close-search-button-wrapper button-wrapper\" *ngIf=\"!fullscreen\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\" >\n <co-button [iconData]=\"iconCancel\"\n class=\"toggle-sidebar-button circle small transparent\"\n (click)=\"onCloseClick()\">\n </co-button>\n </div>\n </div>\n </div>\n <div class=\"header-searchbar-wrapper\">\n <div>\n <co-input-search class=\"transaction-search-general\"\n [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n [centerLabel]=\"true\"\n [(model)]=\"searchService.searchRequest.general\"\n [placeholder]=\"'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize\"\n [initFocus]=\"true\"\n (search)=\"searchService.searchTransactions()\"></co-input-search>\n </div>\n <div>\n <co-button class=\"transaction-search-filter-button\"\n [iconData]=\"iconCacheService.getIcon(icon.BarsFilter)\"\n (click)=\"filterButtonClick.emit()\">\n </co-button>\n </div>\n </div>\n <div class=\"view-mode-buttons-wrapper\">\n <co-view-mode-buttons\n *ngIf=\"fullscreen\"\n [showViewModes]=\"[contentViewModes.Tiles, contentViewModes.Grid]\"\n (viewModeChange)=\"onViewModeChange($event)\">\n </co-view-mode-buttons>\n </div>\n </div>\n ",
|
|
22033
22033
|
encapsulation: i0.ViewEncapsulation.None
|
|
22034
22034
|
},] }
|
|
22035
22035
|
];
|