@colijnit/transaction 12.1.106 → 12.1.107

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.
@@ -32,8 +32,8 @@
32
32
  function Version() {
33
33
  this.name = "@colijnit/transaction";
34
34
  this.description = "Colijn IT transaction package";
35
- this.symVer = "12.1.106";
36
- this.publishDate = "16-4-2023 13:48:25";
35
+ this.symVer = "12.1.107";
36
+ this.publishDate = "17-4-2023 18:25:52";
37
37
  }
38
38
  return Version;
39
39
  }());
@@ -7156,6 +7156,7 @@
7156
7156
  this.logout = new rxjs.Subject();
7157
7157
  this.transactionUpdated = new rxjs.BehaviorSubject(undefined);
7158
7158
  this.relationUpdated = new rxjs.BehaviorSubject(undefined);
7159
+ this.transactionKindSet = new rxjs.BehaviorSubject(false);
7159
7160
  this.autoSave = false;
7160
7161
  this.applicationUser = false;
7161
7162
  this.invoiceAddressSameAsDelivery = true;
@@ -7183,6 +7184,7 @@
7183
7184
  this._transactionKind = value;
7184
7185
  this.activeRubric = value === transactionKind_enum.TransactionKind.SalesOrder ? TransactionTypeCategory.SalesOrderOverview : TransactionTypeCategory.PurchaseOrderOverview;
7185
7186
  }
7187
+ this.transactionKindSet.next(true);
7186
7188
  },
7187
7189
  enumerable: false,
7188
7190
  configurable: true
@@ -7406,6 +7408,7 @@
7406
7408
  switch (_a.label) {
7407
7409
  case 0:
7408
7410
  this.currentTransaction = value;
7411
+ this.transactionKind = this.currentTransaction.transactionInfo.transactionKind;
7409
7412
  this._setAmount();
7410
7413
  this._checkHeaderStatus();
7411
7414
  this._checkRefTransaction(); // todo: get from the header status
@@ -13461,7 +13464,7 @@
13461
13464
  TransactionLineActionButtonsComponent.decorators = [
13462
13465
  { type: i0.Component, args: [{
13463
13466
  selector: "co-transaction-line-action-buttons",
13464
- template: "\n <div class=\"transaction-line-action-buttons-wrapper\">\n <!--\n <div class=\"menu-button-container\">\n <co-button\n class=\"action-menu-button circle\"\n [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n (click)=\"handleShowHideClick()\">\n </co-button>\n </div>\n -->\n\n <div class=\"action-buttons-container\"\n *ngIf=\"showActionButtons\"\n [ngClass]=\"alignDirection\">\n\n <!-- <co-button\n class=\"transaction-line-overview-button circle action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n (click)=\"handleTransactionArticleTextOverview()\"></co-button>-->\n\n <co-button\n class=\"transaction-line-overview-button circle action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n (click)=\"handleArticleText()\"></co-button>\n\n <co-button\n class=\"transaction-line-add-text-button circle action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\"></co-button>\n\n <co-button\n class=\"transaction-line-show-sidebar-button circle action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n (click)=\"handleShowSidePanel()\"></co-button>\n </div>\n </div>\n ",
13467
+ template: "\n <div class=\"transaction-line-action-buttons-wrapper\">\n <!--\n <div class=\"menu-button-container\">\n <co-button\n class=\"action-menu-button circle\"\n [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n (click)=\"handleShowHideClick()\">\n </co-button>\n </div>\n -->\n\n <div class=\"action-buttons-container\"\n *ngIf=\"showActionButtons\"\n [ngClass]=\"alignDirection\">\n\n <!-- <co-button\n class=\"transaction-line-overview-button circle action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n (click)=\"handleTransactionArticleTextOverview()\"></co-button>-->\n\n <co-button\n class=\"transaction-line-overview-button action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n (click)=\"handleArticleText()\"></co-button>\n\n <co-button\n class=\"transaction-line-add-text-button action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\"></co-button>\n\n <co-button\n class=\"transaction-line-show-sidebar-button action-button\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n (click)=\"handleShowSidePanel()\"></co-button>\n </div>\n </div>\n ",
13465
13468
  encapsulation: i0.ViewEncapsulation.None
13466
13469
  },] }
13467
13470
  ];
@@ -18987,7 +18990,7 @@
18987
18990
  TransactionLineSidePanelComponent.decorators = [
18988
18991
  { type: i0.Component, args: [{
18989
18992
  selector: "co-transaction-line-side-panel",
18990
- template: "\n <div class=\"transaction-line-side-panel-wrapper\" @showHideSidePanel>\n <icon (click)=\"cancelClick.emit($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n <div class=\"transaction-line-side-panel-header\">\n <icon [icon]=\"activeCategoryButton.icon\"></icon>\n <span [textContent]=\"activeCategoryButton.title | localize\"></span>\n </div>\n <div class=\"transaction-line-side-panel-nav-bar\">\n <co-transaction-button-bar\n [selectedCategory]=\"activeCategory\"\n [transactionType]=\"transactionInfo.transactionKind\"\n (buttonClicked)=\"updateActiveCategory($event)\"\n ></co-transaction-button-bar>\n </div>\n <div class=\"transaction-line-side-panel-content\">\n <ng-container [ngSwitch]=\"transactionInfo.transactionKind\">\n <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n <ng-container *ngSwitchCase=\"transactionTypes.SalesOrder\">\n <co-transaction-line-side-panel-sales\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-sales>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n </ng-container>\n </div>\n </div>\n ",
18993
+ template: "\n <div class=\"transaction-line-side-panel-wrapper\" @showHideSidePanel>\n <icon (click)=\"cancelClick.emit($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n <div class=\"transaction-line-side-panel-header\">\n <icon [icon]=\"activeCategoryButton.icon\"></icon>\n <span [textContent]=\"activeCategoryButton.title | localize\"></span>\n </div>\n <div class=\"transaction-line-side-panel-nav-bar\">\n <co-transaction-button-bar\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"updateActiveCategory($event)\"\n ></co-transaction-button-bar>\n </div>\n <div class=\"transaction-line-side-panel-content\">\n <ng-container [ngSwitch]=\"transactionInfo.transactionKind\">\n <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n <ng-container *ngSwitchCase=\"transactionTypes.SalesOrder\">\n <co-transaction-line-side-panel-sales\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-sales>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [categoryType]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n </ng-container>\n </div>\n </div>\n ",
18991
18994
  animations: [
18992
18995
  animations.trigger("showHideSidePanel", [
18993
18996
  animations.state("void", animations.style({ transform: "translateX(100%)" })),
@@ -19042,6 +19045,10 @@
19042
19045
  if (relation) {
19043
19046
  _this.relation = relation;
19044
19047
  }
19048
+ }), this.service.transactionKindSet.subscribe(function (set) {
19049
+ if (set) {
19050
+ _this.activeCategory = _this.service.activeRubric;
19051
+ }
19045
19052
  }), this._transactionEventService.openSidePanel.subscribe(function (line) { return _this.handleShowSidePanel(line); }), this._transactionEventService.openArticleTextOverview.subscribe(function (line) { return _this.handleShowArticleTextOverview(line); }), this._transactionEventService.addTransactionText.subscribe(function (line) { return _this.handleShowTransactionText(line); }), this._transactionEventService.addArticleText.subscribe(function (line) { return _this.handleShowArticleText(line); }), this._transactionEventService.editTransactionText.subscribe(function (line) { return _this.handleEditTransactionText(line); }), this._transactionEventService.editArticleText.subscribe(function (line) { return _this.handleEditArticleText(line); }), this._transactionEventService.historicReportLinesToShow
19046
19053
  .subscribe(function (lines) { return _this.historicTransactionLines = lines; }));
19047
19054
  }
@@ -19179,7 +19186,7 @@
19179
19186
  TransactionComponent.decorators = [
19180
19187
  { type: i0.Component, args: [{
19181
19188
  selector: "co-transaction",
19182
- template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\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 <div class=\"transaction-lines-header-item right\">\n <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.salesPerson\"></co-avatar>\n <co-view-mode-buttons [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n </div>\n\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n <co-transaction-card\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n [transaction]=\"transaction\"\n [transactionLine]=\"line\"\n [readonly]=\"historicTransactionLines !== null\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-card>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\"\n ></co-transaction-totals>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\"\n ></co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"onSaveArticleTextOverview($event)\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\"\n ></co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [editText]=\"textToEdit\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n ></co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\"\n ></co-transaction-article-text>\n ",
19189
+ template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <div class=\"transaction-lines-header-item right\">\n <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.salesPerson\"></co-avatar>\n <co-view-mode-buttons [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n </div>\n\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n <co-transaction-card\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n [transaction]=\"transaction\"\n [transactionLine]=\"line\"\n [readonly]=\"historicTransactionLines !== null\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-card>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\"\n ></co-transaction-totals>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\"\n ></co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"onSaveArticleTextOverview($event)\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\"\n ></co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [editText]=\"textToEdit\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n ></co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\"\n ></co-transaction-article-text>\n ",
19183
19190
  encapsulation: i0.ViewEncapsulation.None
19184
19191
  },] }
19185
19192
  ];
@@ -21758,11 +21765,20 @@
21758
21765
 
21759
21766
  var TransactionButtonBarComponent = /** @class */ (function () {
21760
21767
  function TransactionButtonBarComponent(_transactionService, _mappingService) {
21768
+ var _this = this;
21761
21769
  this._transactionService = _transactionService;
21762
21770
  this._mappingService = _mappingService;
21763
21771
  this.buttonClicked = new i0.EventEmitter();
21764
21772
  this.buttons = [];
21765
- this._transactionType = transactionKind_enum.TransactionKind.SalesOrder;
21773
+ this._subs = [];
21774
+ this._subs.push(this._transactionService.transactionKindSet.subscribe(function (set) {
21775
+ if (set) {
21776
+ _this.buttons = _this._mappingService.getButtonBar(_this._transactionService.transactionKind);
21777
+ if (_this.buttons && _this.buttons.length > 0 && !_this._selectedCategory) {
21778
+ _this.selectCategory(-1);
21779
+ }
21780
+ }
21781
+ }));
21766
21782
  }
21767
21783
  Object.defineProperty(TransactionButtonBarComponent.prototype, "selectedCategory", {
21768
21784
  get: function () {
@@ -21774,25 +21790,12 @@
21774
21790
  enumerable: false,
21775
21791
  configurable: true
21776
21792
  });
21777
- Object.defineProperty(TransactionButtonBarComponent.prototype, "transactionType", {
21778
- get: function () {
21779
- return this._transactionType;
21780
- },
21781
- set: function (value) {
21782
- if (this._transactionType !== value) {
21783
- this._transactionType = value;
21784
- this.buttons = this._mappingService.getButtonBar(this._transactionType);
21785
- if (this.buttons && this.buttons.length > 0 && !this._selectedCategory) {
21786
- this.selectCategory(-1);
21787
- }
21788
- }
21789
- },
21790
- enumerable: false,
21791
- configurable: true
21792
- });
21793
21793
  TransactionButtonBarComponent.prototype.showClass = function () {
21794
21794
  return true;
21795
21795
  };
21796
+ TransactionButtonBarComponent.prototype.ngOnDestroy = function () {
21797
+ this._subs.forEach(function (s) { return s.unsubscribe(); });
21798
+ };
21796
21799
  TransactionButtonBarComponent.prototype.selectCategory = function (idx) {
21797
21800
  var _this = this;
21798
21801
  if (idx > -1) {
@@ -21820,7 +21823,6 @@
21820
21823
  ]; };
21821
21824
  TransactionButtonBarComponent.propDecorators = {
21822
21825
  selectedCategory: [{ type: i0.Input }],
21823
- transactionType: [{ type: i0.Input }],
21824
21826
  transactionInfoResponse: [{ type: i0.Input }],
21825
21827
  buttonClicked: [{ type: i0.Output }],
21826
21828
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-button-bar",] }]