@colijnit/transaction 255.1.16 → 255.1.18

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "255.1.16";
-            this.publishDate = "19-8-2024 15:35:38";
+            this.symVer = "255.1.18";
+            this.publishDate = "22-8-2024 17:36:35";
         }
         return Version;
     }());
@@ -7468,6 +7468,26 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.getAllProjectCodes = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getAllProjectCodes()];
+                        case 1:
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(projectCode_bo.ProjectCode, response.resultObjects)];
+                            }
+                            else {
+                                this._handleExceptionFromResponse(response);
+                                return [2 /*return*/, []];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.getPaymentConditions = function (name) {
             return __awaiter(this, void 0, void 0, function () {
                 var response;
@@ -10493,6 +10513,16 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.getAllProjectCodes = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._adapterService.getAllProjectCodes()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         TransactionConnectorService.prototype.getPaymentConditions = function (name) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -16827,6 +16857,16 @@
                 });
             });
         };
+        TransactionService.prototype.getAllProjectCodes = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getAllProjectCodes()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.getPaymentConditions = function (name) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -18120,7 +18160,6 @@
                 return this._relation;
             },
             set: function (value) {
-                var _a, _b;
                 if (this._relation && value && this._relation.relationId && value.relationId && this._relation.relationId === value.relationId) {
                     return;
                 }
@@ -18132,8 +18171,8 @@
                     }
                     if (this._relation instanceof customerFullObject_bo.CustomerFullObject) {
                         this.customerGroup = this._relation.customerGroup;
-                        this.customerLanguage = (_a = this._relation.language) !== null && _a !== void 0 ? _a : undefined;
-                        this.customerTitle = (_b = this._relation.titleId) !== null && _b !== void 0 ? _b : undefined;
+                        this.customerLanguage = this._relation.language;
+                        this.customerTitle = this._relation.titleId;
                     }
                     this.address = this._getFirstActiveAddressOrCreateNew(this._relation);
                     if (this.address) {
@@ -18166,7 +18205,7 @@
         CheckoutOverviewRelationEditComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
-                return __generator(this, function (_c) {
+                return __generator(this, function (_a) {
                     this._suggestionsService.init(this._relationKind);
                     this._subs.push(this._screenConfigService.configSet.subscribe(function (configObjects) {
                         if (configObjects && configObjects.length > 0) {
@@ -18211,13 +18250,13 @@
         CheckoutOverviewRelationEditComponent.prototype.onRelationSuggestionClick = function (relationSuggested) {
             return __awaiter(this, void 0, void 0, function () {
                 var lockResult, suggestedRelation;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (!relationSuggested) return [3 /*break*/, 4];
                             return [4 /*yield*/, this._relationService.lockRelation(relationSuggested.relationType, parseInt(relationSuggested.relationNr, 0))];
                         case 1:
-                            lockResult = _c.sent();
+                            lockResult = _a.sent();
                             if (!!lockResult.success) return [3 /*break*/, 2];
                             this._dialogService.showError('RELATION_ALREADY_LOCKED', true, lockResult.messages[0].message);
                             return [3 /*break*/, 4];
@@ -18225,13 +18264,13 @@
                             this._suggestionsService.hideSidebar();
                             return [4 /*yield*/, this._relationService.getRelation(relationSuggested.relationType, parseInt(relationSuggested.relationNr))];
                         case 3:
-                            suggestedRelation = _c.sent();
+                            suggestedRelation = _a.sent();
                             if (suggestedRelation && suggestedRelation.addresses && suggestedRelation.addresses.length > 0) {
                                 suggestedRelation.addresses.sort(function (a, b) { return a.sequence < b.sequence ? -1 : 1; });
                             }
                             this.relation = suggestedRelation;
                             this.relationChange.next(this.relation);
-                            _c.label = 4;
+                            _a.label = 4;
                         case 4: return [2 /*return*/];
                     }
                 });
@@ -18334,15 +18373,15 @@
         CheckoutOverviewRelationEditComponent.prototype._setCountryNameToAddress = function (address) {
             return __awaiter(this, void 0, void 0, function () {
                 var country;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (!(address.countryId && !address.countryName)) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.service.getCountry(address.countryId)];
                         case 1:
-                            country = _c.sent();
+                            country = _a.sent();
                             address.countryName = country.description;
-                            _c.label = 2;
+                            _a.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -25853,20 +25892,15 @@
             return __awaiter(this, void 0, void 0, function () {
                 var request;
                 return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            request = new copyTransactionRequest.CopyTransactionRequest();
-                            request.transId = this.transactionInfo.id;
-                            request.transactionDate = new Date();
-                            request.transactionRelationId = this.transactionInfo.relation.relationId;
-                            request.handledByRelationId = this.transactionInfo.handledBy;
-                            this.creatingSalesOrder = true;
-                            return [4 /*yield*/, this.transactionCreationService.createSalesOrderThroughQuotation(request)];
-                        case 1:
-                            _b.sent();
-                            this.creatingSalesOrder = false;
-                            return [2 /*return*/];
-                    }
+                    request = new copyTransactionRequest.CopyTransactionRequest();
+                    request.transId = this.transactionInfo.id;
+                    request.transactionDate = new Date();
+                    request.transactionRelationId = this.transactionInfo.relation.relationId;
+                    request.handledByRelationId = this.transactionInfo.handledBy;
+                    this.creatingSalesOrder = true;
+                    //const salesOrderCreated: boolean = await this.transactionCreationService.createSalesOrderThroughQuotation(request);
+                    this.creatingSalesOrder = false;
+                    return [2 /*return*/];
                 });
             });
         };
@@ -37482,7 +37516,7 @@
     TransactionHeaderDepositAmountComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-deposit-amount",
-                    template: "\n    <span *ngIf=\"!editMode  || headerReadonly\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!headerReadonly\"\n                   [hidden]=\"hidden\"\n                   [readonly]=\"readonly || headerReadonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    template: "\n    <span *ngIf=\"(!editMode  || headerReadonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!headerReadonly\"\n                   [hidden]=\"hidden\"\n                   [readonly]=\"readonly || headerReadonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderDepositAmountComponent; })
@@ -45160,6 +45194,7 @@
         SearchPlaceholder["Tags"] = "SEARCH_TAGS";
         SearchPlaceholder["TurnoverGroup"] = "SEARCH_TURNOVER_GROUP";
         SearchPlaceholder["Warehouse"] = "SEARCH_WAREHOUSE";
+        SearchPlaceholder["SearchProjectCode"] = "SEARCH_PROJECT_CODE";
     })(SearchPlaceholder || (SearchPlaceholder = {}));
 
     var TransactionFilterContentBaseComponent = /** @class */ (function () {
@@ -45496,6 +45531,7 @@
             _this.orderDepositFullyPaidFields = { text: "description", value: "code" };
             _this.commissionCodeFields = { text: "description", value: "code" };
             _this.workflowStatusFields = { text: "name", value: "name" };
+            _this.projectCodeFields = { text: "description", value: "id" };
             return _this;
         }
         TransactionPurchaseOrderFilterContentOrderComponent.prototype.showClass = function () {
@@ -45512,6 +45548,7 @@
             this._setOrderFullyPaid();
             this._setOrderDepositFullyPaid();
             this._setWorkFlowStatuses();
+            this._setAllProjectCodes();
         };
         //Inkoper
         TransactionPurchaseOrderFilterContentOrderComponent.prototype._setPurchasePersons = function () {
@@ -45580,12 +45617,18 @@
                 _this.workflowStatuses = new corecomponents_v12.FilterViewmodel(workflowStatuses, _this.workflowStatusFields).filterItems;
             });
         };
+        TransactionPurchaseOrderFilterContentOrderComponent.prototype._setAllProjectCodes = function () {
+            var _this = this;
+            this.transactionService.getAllProjectCodes().then(function (projectCodes) {
+                _this.projectCodes = new corecomponents_v12.FilterViewmodel(projectCodes, _this.projectCodeFields).filterItems;
+            });
+        };
         return TransactionPurchaseOrderFilterContentOrderComponent;
     }(TransactionFilterContentBaseComponent));
     TransactionPurchaseOrderFilterContentOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-purchase-order-filter-content-order',
-                    template: "\n      <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n          <!--Inkoopnummer-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'PURCHASENUMBER'\"\n                                          [(model)]=\"searchService.searchRequest.transNr\"\n                                          [mode]=\"modes.TextField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Orderdatum-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                          [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                          [mode]=\"modes.DateRangeField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Leverdatum-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                          [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                          [mode]=\"modes.DateRangeField\">\n              </co-transaction-filter-item>\n          </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                      [collection]=\"workflowStatuses\"\n                                      [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n          <!--Filiaal-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                          [collection]=\"branches\"\n                                          [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n        <!--Betaalconditie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                      [collection]=\"paymentConditions\"\n                                      [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n          <!--Inkoper-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'PURCHASE_PERSON'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.PurchasePerson\"\n                                          [collection]=\"purchasePersons\"\n                                          [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Eigen referentie-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                          [(model)]=\"searchService.searchRequest.ownReference\"\n                                          [mode]=\"modes.TextField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Tags-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.Tags\"\n                                          [collection]=\"tags\"\n                                          [(model)]=\"searchService.searchRequest.tagRange\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--On hold codes-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.OnHold\"\n                                          [collection]=\"onHoldCodes\"\n                                          [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Commissiecode-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.CommissionCode\"\n                                          [collection]=\"commissionCodes\"\n                                          [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                          [mode]=\"modes.SelectListWithStringCollectionOutput\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Order definitief-->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                        [collection]=\"orderDefinite\"\n                                        [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n\n          <!--Order fully paid -->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                        [collection]=\"orderFullyPaid\"\n                                        [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n\n          <!--Order deposit fully paid -->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                        [collection]=\"orderDepositFullyPaid\"\n                                        [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n          <!--Inactieve transacties-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'INACTIVE_TRANSACTIONS'\"\n                                          [(model)]=\"searchService.searchRequest.active\"\n                                          [mode]=\"modes.Checkbox\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Inclusief retouren -->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'INCLUDING_RETURNS'\"\n                                          [(model)]=\"searchService.searchRequest.includingReturns\"\n                                          [mode]=\"modes.CheckboxToBinary\">\n              </co-transaction-filter-item>\n          </div>\n      </div>\n  "
+                    template: "\n      <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n          <!--Inkoopnummer-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'PURCHASENUMBER'\"\n                                          [(model)]=\"searchService.searchRequest.transNr\"\n                                          [mode]=\"modes.TextField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Orderdatum-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                          [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                          [mode]=\"modes.DateRangeField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Leverdatum-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                          [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                          [mode]=\"modes.DateRangeField\">\n              </co-transaction-filter-item>\n          </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                      [collection]=\"workflowStatuses\"\n                                      [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n          <!--Filiaal-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                          [collection]=\"branches\"\n                                          [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n        <!--Betaalconditie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                      [collection]=\"paymentConditions\"\n                                      [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n          <!--Inkoper-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'PURCHASE_PERSON'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.PurchasePerson\"\n                                          [collection]=\"purchasePersons\"\n                                          [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Eigen referentie-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                          [(model)]=\"searchService.searchRequest.ownReference\"\n                                          [mode]=\"modes.TextField\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Project Code-->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'PROJECT_CODE'\"\n                                        [searchCollectionPlaceholder]=\"searchPlaceholder.SearchProjectCode\"\n                                        [(model)]=\"searchService.searchRequest.projectCode\"\n                                        [mode]=\"modes.SingleSelectList\"\n                                        [minSearchCharsToLoadCollection]=\"3\"\n                                        [collection]=\"projectCodes\"\n            >\n            </co-transaction-filter-item>\n          </div>\n\n          <!--Tags-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.Tags\"\n                                          [collection]=\"tags\"\n                                          [(model)]=\"searchService.searchRequest.tagRange\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--On hold codes-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.OnHold\"\n                                          [collection]=\"onHoldCodes\"\n                                          [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                          [mode]=\"modes.Filterlist\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Commissiecode-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                          [searchCollectionPlaceholder]=\"searchPlaceholder.CommissionCode\"\n                                          [collection]=\"commissionCodes\"\n                                          [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                          [mode]=\"modes.SelectListWithStringCollectionOutput\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Order definitief-->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                        [collection]=\"orderDefinite\"\n                                        [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n\n          <!--Order fully paid -->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                        [collection]=\"orderFullyPaid\"\n                                        [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n\n          <!--Order deposit fully paid -->\n          <div class=\"filter-item-wrapper\">\n            <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                        [collection]=\"orderDepositFullyPaid\"\n                                        [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                        [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n          </div>\n\n          <!--Inactieve transacties-->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'INACTIVE_TRANSACTIONS'\"\n                                          [(model)]=\"searchService.searchRequest.active\"\n                                          [mode]=\"modes.Checkbox\">\n              </co-transaction-filter-item>\n          </div>\n\n          <!--Inclusief retouren -->\n          <div class=\"filter-item-wrapper\">\n              <co-transaction-filter-item [placeholder]=\"'INCLUDING_RETURNS'\"\n                                          [(model)]=\"searchService.searchRequest.includingReturns\"\n                                          [mode]=\"modes.CheckboxToBinary\">\n              </co-transaction-filter-item>\n          </div>\n      </div>\n  "
                 },] }
     ];
     TransactionPurchaseOrderFilterContentOrderComponent.propDecorators = {
@@ -45878,6 +45921,7 @@
             _this.orderDepositFullyPaidFields = { text: "description", value: "code" };
             _this.orderActiveFields = { text: "description", value: "code" };
             _this.customerGroupFields = { text: "naam", value: "groepsnummer" };
+            _this.projectCodeFields = { text: "description", value: "id" };
             _this.workflowStatusFields = { text: "name", value: "name" };
             _this.loadCustomers = function (nameFilter) { return __awaiter(_this, void 0, void 0, function () {
                 var request;
@@ -45910,6 +45954,7 @@
             this._setOrderActive();
             this._setCustomerGroups();
             this._setWorkFlowStatuses();
+            this._setAllProjectCodes();
         };
         //Verkoper
         TransactionSalesOrderFilterContentOrderComponent.prototype._setSalesPersons = function () {
@@ -45991,12 +46036,18 @@
                 _this.workflowStatuses = new corecomponents_v12.FilterViewmodel(workflowStatuses, _this.workflowStatusFields).filterItems;
             });
         };
+        TransactionSalesOrderFilterContentOrderComponent.prototype._setAllProjectCodes = function () {
+            var _this = this;
+            this.transactionService.getAllProjectCodes().then(function (projectCodes) {
+                _this.projectCodes = new corecomponents_v12.FilterViewmodel(projectCodes, _this.projectCodeFields).filterItems;
+            });
+        };
         return TransactionSalesOrderFilterContentOrderComponent;
     }(TransactionFilterContentBaseComponent));
     TransactionSalesOrderFilterContentOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-sales-order-filter-content-order',
-                    template: "\n    <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n      <!--Orderdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                    [collection]=\"workflowStatuses\"\n                                    [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                    [collection]=\"branches\"\n                                    [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Betaalconditie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                    [collection]=\"paymentConditions\"\n                                    [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Verkoper-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                    [collection]=\"salesPersons\"\n                                    [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Eigen referentie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                    [(model)]=\"searchService.searchRequest.ownReference\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Tags-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                    [collection]=\"tags\"\n                                    [(model)]=\"searchService.searchRequest.tagRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--On hold codes-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                    [collection]=\"onHoldCodes\"\n                                    [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Order definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                    [collection]=\"orderDefinite\"\n                                    [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Order fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                    [collection]=\"orderFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n\n      <!--Order deposit fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                    [collection]=\"orderDepositFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Commissiecode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                    [collection]=\"commissionCodes\"\n                                    [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ACTIVE'\"\n                                    [collection]=\"orderActive\"\n                                    [(model)]=\"searchService.searchRequest.active\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantnaam-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [(model)]=\"searchService.searchRequest.relationName\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collectionLoadFn]=\"loadCustomers\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                    [(model)]=\"searchService.searchRequest.customerGroupId\"\n                                    [mode]=\"modes.Filterlist\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
+                    template: "\n    <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n      <!--Orderdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                    [collection]=\"workflowStatuses\"\n                                    [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                    [collection]=\"branches\"\n                                    [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Betaalconditie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                    [collection]=\"paymentConditions\"\n                                    [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Verkoper-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                    [collection]=\"salesPersons\"\n                                    [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Eigen referentie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                    [(model)]=\"searchService.searchRequest.ownReference\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Project Code-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PROJECT_CODE'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.SearchProjectCode\"\n                                    [(model)]=\"searchService.searchRequest.projectCode\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collection]=\"projectCodes\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Tags-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                    [collection]=\"tags\"\n                                    [(model)]=\"searchService.searchRequest.tagRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--On hold codes-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                    [collection]=\"onHoldCodes\"\n                                    [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Order definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                    [collection]=\"orderDefinite\"\n                                    [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Order fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                    [collection]=\"orderFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n\n      <!--Order deposit fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                    [collection]=\"orderDepositFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Commissiecode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                    [collection]=\"commissionCodes\"\n                                    [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ACTIVE'\"\n                                    [collection]=\"orderActive\"\n                                    [(model)]=\"searchService.searchRequest.active\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantnaam-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [(model)]=\"searchService.searchRequest.relationName\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                    [(model)]=\"searchService.searchRequest.customerGroupId\"\n                                    [mode]=\"modes.Filterlist\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
                 },] }
     ];
     TransactionSalesOrderFilterContentOrderComponent.propDecorators = {
@@ -46761,6 +46812,7 @@
             _this.isQuotationProcessedToSalesOrderFields = { text: "description", value: "code" };
             _this.customerGroupFields = { text: "naam", value: "groepsnummer" };
             _this.retailStadiumFields = { text: "retailStadium", value: "retailStadium" };
+            _this.projectCodeFields = { text: "description", value: "id" };
             _this.loadCustomers = function (nameFilter) { return __awaiter(_this, void 0, void 0, function () {
                 var request;
                 return __generator(this, function (_a) {
@@ -46788,6 +46840,7 @@
             this._setCustomerGroups();
             this._setRetailStadiums();
             this._setIsQuotationProcessedToSales();
+            this._setAllProjectCodes();
         };
         //Verkoper
         TransactionSalesQuotationFilterContentOrderComponent.prototype._setSalesPersons = function () {
@@ -46862,12 +46915,18 @@
                 _this.isQuotationProcessedToSalesOrder = new corecomponents_v12.FilterViewmodel(isQuotationProcessedToSalesOrder, _this.isQuotationProcessedToSalesOrderFields).filterItems;
             });
         };
+        TransactionSalesQuotationFilterContentOrderComponent.prototype._setAllProjectCodes = function () {
+            var _this = this;
+            this.transactionService.getAllProjectCodes().then(function (projectCodes) {
+                _this.projectCodes = new corecomponents_v12.FilterViewmodel(projectCodes, _this.projectCodeFields).filterItems;
+            });
+        };
         return TransactionSalesQuotationFilterContentOrderComponent;
     }(TransactionFilterContentBaseComponent));
     TransactionSalesQuotationFilterContentOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-sales-quotation-filter-content-order",
-                    template: "\n      <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n        <!--Orderdatum-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                      [(model)]=\"searchRequest.rangeTransDate\"\n                                      [mode]=\"modes.DateRangeField\">\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                      [(model)]=\"searchRequest.deliveryDateRange\"\n                                      [mode]=\"modes.DateRangeField\">\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                      [collection]=\"branches\"\n                                      [(model)]=\"searchRequest.rangeBranchId\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Betaalconditie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                      [collection]=\"paymentConditions\"\n                                      [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Verkoper-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                      [collection]=\"salesPersons\"\n                                      [(model)]=\"searchRequest.rangeHandledBy\"\n                                      [mode]=\"modes.Filterlist\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Scoringskans-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'SCORING_CHANCE'\"\n                                      [(model)]=\"searchRequest.rangeScoringChance\"\n                                      [sliderDefaultMin]=0\n                                      [sliderDefaultMax]=100\n                                      [mode]=\"modes.NullableSlider\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Scoringsdatum-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'SCORING_DATE'\"\n                                      [(model)]=\"searchRequest.rangeExpectedScoringDate\"\n                                      [mode]=\"modes.DateRangeField\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Verkoopstadium-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'RETAIL_STADIUM'\"\n                                      [collection]=\"retailStadiums\"\n                                      [(model)]=\"searchRequest.rangeRetailStadium\"\n                                      [mode]=\"modes.Filterlist\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Eigen referentie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                      [(model)]=\"searchRequest.ownReference\"\n                                      [mode]=\"modes.TextField\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Tags-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                      [collection]=\"tags\"\n                                      [(model)]=\"searchRequest.tagRange\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Order definitief-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                      [collection]=\"orderDefinite\"\n                                      [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n        <!--Order fully paid -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                      [collection]=\"orderFullyPaid\"\n                                      [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n\n        <!--Order deposit fully paid -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                      [collection]=\"orderDepositFullyPaid\"\n                                      [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n        <!--Commissiecode-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                      [collection]=\"commissionCodes\"\n                                      [(model)]=\"searchRequest.commissionCodes\"\n                                      [mode]=\"modes.SelectListWithStringCollectionOutput\">\n            >\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'INACTIVE_TRANSACTIONS'\"\n                                      [(model)]=\"searchRequest.active\"\n                                      [mode]=\"modes.Checkbox\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Klantnaam-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                      [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                      [mode]=\"modes.SingleSelectList\"\n                                      [(model)]=\"searchRequest.relationName\"\n                                      [minSearchCharsToLoadCollection]=\"3\"\n                                      [collectionLoadFn]=\"loadCustomers\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Klantgroep-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                      [(model)]=\"searchRequest.customerGroupId\"\n                                      [mode]=\"modes.Filterlist\"\n                                      [collection]=\"customerGroups\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!-- Is quotation processed to saled order -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'IS_QUOTATION_PROCESSED_TO_SALESORDER'\"\n                                      [collection]=\"isQuotationProcessedToSalesOrder\"\n                                      [(model)]=\"searchRequest.isQuotationProcessedToSales\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n      </div>\n    ",
+                    template: "\n      <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n        <!--Orderdatum-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                      [(model)]=\"searchRequest.rangeTransDate\"\n                                      [mode]=\"modes.DateRangeField\">\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                      [(model)]=\"searchRequest.deliveryDateRange\"\n                                      [mode]=\"modes.DateRangeField\">\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                      [collection]=\"branches\"\n                                      [(model)]=\"searchRequest.rangeBranchId\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Betaalconditie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                      [collection]=\"paymentConditions\"\n                                      [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Verkoper-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                      [collection]=\"salesPersons\"\n                                      [(model)]=\"searchRequest.rangeHandledBy\"\n                                      [mode]=\"modes.Filterlist\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Scoringskans-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'SCORING_CHANCE'\"\n                                      [(model)]=\"searchRequest.rangeScoringChance\"\n                                      [sliderDefaultMin]=0\n                                      [sliderDefaultMax]=100\n                                      [mode]=\"modes.NullableSlider\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Scoringsdatum-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'SCORING_DATE'\"\n                                      [(model)]=\"searchRequest.rangeExpectedScoringDate\"\n                                      [mode]=\"modes.DateRangeField\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Verkoopstadium-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'RETAIL_STADIUM'\"\n                                      [collection]=\"retailStadiums\"\n                                      [(model)]=\"searchRequest.rangeRetailStadium\"\n                                      [mode]=\"modes.Filterlist\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Eigen referentie-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                      [(model)]=\"searchRequest.ownReference\"\n                                      [mode]=\"modes.TextField\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Project Code-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PROJECT_CODE'\"\n                                      [searchCollectionPlaceholder]=\"searchPlaceholder.SearchProjectCode\"\n                                      [(model)]=\"searchService.searchRequest.projectCode\"\n                                      [mode]=\"modes.SingleSelectList\"\n                                      [minSearchCharsToLoadCollection]=\"3\"\n                                      [collection]=\"projectCodes\"\n          >\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Tags-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                      [collection]=\"tags\"\n                                      [(model)]=\"searchRequest.tagRange\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Order definitief-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                      [collection]=\"orderDefinite\"\n                                      [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n        <!--Order fully paid -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                      [collection]=\"orderFullyPaid\"\n                                      [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n\n        <!--Order deposit fully paid -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                      [collection]=\"orderDepositFullyPaid\"\n                                      [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n\n        <!--Commissiecode-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                      [collection]=\"commissionCodes\"\n                                      [(model)]=\"searchRequest.commissionCodes\"\n                                      [mode]=\"modes.SelectListWithStringCollectionOutput\">\n            >\n          </co-transaction-filter-item>\n        </div>\n\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'INACTIVE_TRANSACTIONS'\"\n                                      [(model)]=\"searchRequest.active\"\n                                      [mode]=\"modes.Checkbox\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Klantnaam-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                      [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                      [mode]=\"modes.SingleSelectList\"\n                                      [(model)]=\"searchRequest.relationName\"\n                                      [minSearchCharsToLoadCollection]=\"3\"\n                                      [collectionLoadFn]=\"loadCustomers\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!--Klantgroep-->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                      [(model)]=\"searchRequest.customerGroupId\"\n                                      [mode]=\"modes.Filterlist\"\n                                      [collection]=\"customerGroups\">\n          </co-transaction-filter-item>\n        </div>\n\n        <!-- Is quotation processed to saled order -->\n        <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'IS_QUOTATION_PROCESSED_TO_SALESORDER'\"\n                                      [collection]=\"isQuotationProcessedToSalesOrder\"\n                                      [(model)]=\"searchRequest.isQuotationProcessedToSales\"\n                                      [mode]=\"modes.Filterlist\">\n          </co-transaction-filter-item>\n        </div>\n\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -47500,6 +47559,7 @@
             _this.orderActiveFields = { text: "description", value: "code" };
             _this.customerGroupFields = { text: "naam", value: "groepsnummer" };
             _this.workflowStatusFields = { text: "name", value: "name" };
+            _this.projectCodeFields = { text: "description", value: "id" };
             _this.loadCustomers = function (nameFilter) { return __awaiter(_this, void 0, void 0, function () {
                 var request;
                 return __generator(this, function (_a) {
@@ -47531,6 +47591,7 @@
             this._setOrderActive();
             this._setCustomerGroups();
             this._setWorkFlowStatuses();
+            this._setAllProjectCodes();
         };
         //Verkoper
         TransactionServiceOrderFilterContentOrderComponent.prototype._setSalesPersons = function () {
@@ -47612,12 +47673,18 @@
                 _this.workflowStatuses = new corecomponents_v12.FilterViewmodel(workflowStatuses, _this.workflowStatusFields).filterItems;
             });
         };
+        TransactionServiceOrderFilterContentOrderComponent.prototype._setAllProjectCodes = function () {
+            var _this = this;
+            this.transactionService.getAllProjectCodes().then(function (projectCodes) {
+                _this.projectCodes = new corecomponents_v12.FilterViewmodel(projectCodes, _this.projectCodeFields).filterItems;
+            });
+        };
         return TransactionServiceOrderFilterContentOrderComponent;
     }(TransactionFilterContentBaseComponent));
     TransactionServiceOrderFilterContentOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-service-order-filter-content-order',
-                    template: "\n    <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n      <!--Orderdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                    [collection]=\"workflowStatuses\"\n                                    [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                    [collection]=\"branches\"\n                                    [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Betaalconditie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                    [collection]=\"paymentConditions\"\n                                    [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Verkoper-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                    [collection]=\"salesPersons\"\n                                    [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Eigen referentie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                    [(model)]=\"searchService.searchRequest.ownReference\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Tags-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                    [collection]=\"tags\"\n                                    [(model)]=\"searchService.searchRequest.tagRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--On hold codes-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                    [collection]=\"onHoldCodes\"\n                                    [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Order definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                    [collection]=\"orderDefinite\"\n                                    [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Order fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                    [collection]=\"orderFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n\n      <!--Order deposit fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                    [collection]=\"orderDepositFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Commissiecode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                    [collection]=\"commissionCodes\"\n                                    [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ACTIVE'\"\n                                    [collection]=\"orderActive\"\n                                    [(model)]=\"searchService.searchRequest.active\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantnaam-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [(model)]=\"searchService.searchRequest.relationName\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collectionLoadFn]=\"loadCustomers\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                    [(model)]=\"searchService.searchRequest.customerGroupId\"\n                                    [mode]=\"modes.Filterlist\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
+                    template: "\n    <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n      <!--Orderdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                    [collection]=\"workflowStatuses\"\n                                    [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                    [collection]=\"branches\"\n                                    [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Betaalconditie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                    [collection]=\"paymentConditions\"\n                                    [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Verkoper-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                    [collection]=\"salesPersons\"\n                                    [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Eigen referentie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                    [(model)]=\"searchService.searchRequest.ownReference\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Project Code-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PROJECT_CODE'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.SearchProjectCode\"\n                                    [(model)]=\"searchService.searchRequest.projectCode\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collection]=\"projectCodes\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Tags-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                    [collection]=\"tags\"\n                                    [(model)]=\"searchService.searchRequest.tagRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--On hold codes-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                    [collection]=\"onHoldCodes\"\n                                    [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Order definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                    [collection]=\"orderDefinite\"\n                                    [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Order fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                    [collection]=\"orderFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n\n      <!--Order deposit fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                    [collection]=\"orderDepositFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Commissiecode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                    [collection]=\"commissionCodes\"\n                                    [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ACTIVE'\"\n                                    [collection]=\"orderActive\"\n                                    [(model)]=\"searchService.searchRequest.active\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantnaam-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [(model)]=\"searchService.searchRequest.relationName\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collectionLoadFn]=\"loadCustomers\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                    [(model)]=\"searchService.searchRequest.customerGroupId\"\n                                    [mode]=\"modes.Filterlist\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
                 },] }
     ];
     TransactionServiceOrderFilterContentOrderComponent.propDecorators = {