@colijnit/transaction 12.1.21 → 12.1.22

package/bundles/colijnit-transaction.umd.js

@@ -7613,10 +7613,12 @@
         Object.defineProperty(TransactionLinePriceComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (price) { return _this.commitPrice(price); };
-                if (this._editMode) {
-                    this.input.requestFocus();
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (price) { return _this.commitPrice(price); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
                 }
             },
             enumerable: false,
@@ -8001,13 +8003,23 @@
             this._transactionService = _transactionService;
             this._sharedService = _sharedService;
         }
+        Object.defineProperty(AvatarComponent.prototype, "image", {
+            get: function () {
+                return this._image;
+            },
+            set: function (value) {
+                this._image = value;
+                this._getImageSrcFromCoDocument();
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(AvatarComponent.prototype, "relationId", {
             get: function () {
                 return this._relationId;
             },
             set: function (value) {
                 this._relationId = value;
-                this._getRelation();
             },
             enumerable: false,
             configurable: true
@@ -8015,9 +8027,12 @@
         AvatarComponent.prototype.showClass = function () {
             return true;
         };
+        AvatarComponent.prototype.ngAfterViewInit = function () {
+            this._getRelation();
+        };
         AvatarComponent.prototype._getRelation = function () {
             var _this = this;
-            if (!isNaN(this._relationId)) {
+            if (!isNaN(this._relationId) && !this.image) {
                 var request = new relationRequest.RelationRequest();
                 request.relationId = this._relationId;
                 this._transactionService.getRelationListObjects(request).then(function (data) {
@@ -8026,22 +8041,36 @@
                         if (_this.relation && _this.relation.image && _this.relation.image.documentId) {
                             _this._sharedService.getDocumentContent(_this.relation.image.documentId)
                                 .then(function (content) {
-                                _this.image = content;
+                                _this.imageSrc = content;
                             })
                                 .catch(function (e) {
-                                _this.image = "";
+                                _this.imageSrc = "";
                             });
                         }
+                        _this.initials = _this.relation.displayInitials;
                     }
                 });
             }
         };
+        AvatarComponent.prototype._getImageSrcFromCoDocument = function () {
+            var _this = this;
+            if (this.image) {
+                this._sharedService.getDocumentContent(this.image.documentId)
+                    .then(function (content) {
+                    _this.image.thumbnailBody = content;
+                    _this.imageSrc = _this.image.thumbnailBodyAsDataUri;
+                })
+                    .catch(function (e) {
+                    _this.imageSrc = "";
+                });
+            }
+        };
         return AvatarComponent;
     }());
     AvatarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-avatar",
-                    template: "\n    <co-image-display [model]=\"image\" *ngIf=\"image; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ relation?.displayInitials }}</text>\n      </svg>\n    </ng-template>\n  ",
+                    template: "\n    <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n      </svg>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -8050,6 +8079,7 @@
         { type: SharedService }
     ]; };
     AvatarComponent.propDecorators = {
+        image: [{ type: i0.Input }],
         relationId: [{ type: i0.Input }],
         relation: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-avatar",] }]
@@ -9436,8 +9466,10 @@
         Object.defineProperty(TransactionLineLineDiscountComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                }
             },
             enumerable: false,
             configurable: true
@@ -9777,8 +9809,10 @@
         Object.defineProperty(TransactionLineReferenceComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (reference) { return _this.commitReference(reference); };
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (reference) { return _this.commitReference(reference); };
+                }
             },
             enumerable: false,
             configurable: true
@@ -9988,8 +10022,10 @@
         Object.defineProperty(TransactionLineDiscountAmountComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                }
             },
             enumerable: false,
             configurable: true
@@ -10061,8 +10097,10 @@
         Object.defineProperty(TransactionLineQuantumDiscountComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                }
             },
             enumerable: false,
             configurable: true
@@ -10134,8 +10172,10 @@
         Object.defineProperty(TransactionLineSpecialDiscountComponent.prototype, "child", {
             set: function (content) {
                 var _this = this;
-                this.input = content;
-                this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (discount) { return _this.commitDiscount(discount); };
+                }
             },
             enumerable: false,
             configurable: true
@@ -10956,7 +10996,7 @@
     TransactionSearchPurchaseOrderTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-purchase-order-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"transaction-tile-body\">\n        <div class=\"transaction-tile-avatar\">\n          <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n        </div>\n        <div class=\"transaction-tile-seller-info\">\n          <div>\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div>\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n        </div>\n        <div class=\"transaction-tile-order-summary\">\n          <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n        </div>\n      </div>\n      <div class=\"transaction-tile-footer\">\n        <div class=\"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=\"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=\"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  ",
+                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"transaction-tile-body\">\n        <div class=\"transaction-tile-avatar\">\n          <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n        </div>\n        <div class=\"transaction-tile-seller-info\">\n          <div>\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div>\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n        </div>\n        <div class=\"transaction-tile-order-summary\">\n          <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n        </div>\n      </div>\n      <div class=\"transaction-tile-footer\">\n        <div class=\"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=\"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=\"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  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10973,7 +11013,7 @@
     TransactionSearchSalesOrderTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-sales-order-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"transaction-tile-body\">\n        <div class=\"transaction-tile-avatar\">\n          <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n        </div>\n        <div class=\"transaction-tile-seller-info\">\n          <div>\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div>\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n        </div>\n        <div class=\"transaction-tile-order-summary\">\n          <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n        </div>\n      </div>\n      <div class=\"transaction-tile-footer\">\n        <div class=\"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=\"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=\"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\n    </div>",
+                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"transaction-tile-body\">\n        <div class=\"transaction-tile-avatar\">\n          <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n        </div>\n        <div class=\"transaction-tile-seller-info\">\n          <div>\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div>\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n        </div>\n        <div class=\"transaction-tile-order-summary\">\n          <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n        </div>\n      </div>\n      <div class=\"transaction-tile-footer\">\n        <div class=\"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=\"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=\"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\n    </div>",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];