@colijnit/transaction 12.1.4 → 12.1.5

package/fesm2015/colijnit-transaction.js

@@ -35,7 +35,7 @@ import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transac
 import { LineOperationStatus } from '@colijnit/transactionapi/build/model/line-operation-status.bo';
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-reason-type.enum';
-import { PromptService, FormComponent, CoSidebarComponent, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule } from '@colijnit/corecomponents_v12';
+import { PromptService, FormComponent, CoSidebarComponent, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule } from '@colijnit/corecomponents_v12';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
 import { ContactOption } from '@colijnit/transactionapi/build/model/contact-option.bo';
 import { RelationNameKind } from '@colijnit/transactionapi/build/enum/relation-name-kind.enum';
@@ -48,12 +48,14 @@ import { FlexModule } from '@angular/flex-layout';
 import { MatStepperModule } from '@angular/material/stepper';
 import { CommonModule } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { ResolvePendingLineReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { SortDirection } from '@colijnit/transactionapi/build/enum/sort-direction';
 import { SortType } from '@colijnit/transactionapi/build/enum/sort-type.enum';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
+import { ToolbarService, LinkService, ImageService, HtmlEditorService, RichTextEditorModule } from '@syncfusion/ej2-angular-richtexteditor';
 import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
 import { ChipListModule, CheckBoxModule } from '@syncfusion/ej2-angular-buttons';
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';
@@ -805,6 +807,9 @@ class BusinessObjectFactory {
     }
 }
 
+class StandardText {
+}
+
 class IOneConnectorAdapterService {
     constructor() {
         this._boFactory = new BusinessObjectFactory();
@@ -1307,6 +1312,34 @@ class IOneConnectorAdapterService {
             });
         });
     }
+    getTextTypes(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getTextTypes(languageCode).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObjects);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getStandardTexts(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStandardTexts(languageCode).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
 }
 IOneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(); }, token: IOneConnectorAdapterService, providedIn: "root" });
 IOneConnectorAdapterService.decorators = [
@@ -1675,7 +1708,7 @@ class TransactionService {
             });
         });
     }
-    addTextLineToTransaction(showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr, remember = true) {
+    addTextLine(showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
                 this._connector.addTextLineToTransaction(this.currentTransaction.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
@@ -1691,6 +1724,21 @@ class TransactionService {
             });
         });
     }
+    addTextLineToTransaction(transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                this._connector.addTextLineToTransaction(transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
+                    .then((response) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(response);
+                }), (error) => {
+                    reject(error);
+                })
+                    .catch((reason) => {
+                    resolve(null);
+                });
+            });
+        });
+    }
     changeLineSequence(lineUuid, aboveLineNr, belowLineNr, remember = true) {
         return new Promise((resolve, reject) => {
             this._connector.changeLineSequence(this.currentTransaction.uuid, lineUuid, aboveLineNr, belowLineNr)
@@ -1785,6 +1833,17 @@ class TransactionService {
     //   const response: boolean = await this._connector.setRelationByUser(this.currentTransaction.uuid, username, password);
     //   return response;
     // }
+    getTextTypes(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getTextTypes(languageCode);
+        });
+    }
+    getStandardTexts(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let data = yield this._connector.getStandardTexts(languageCode);
+            return data;
+        });
+    }
     _initializeTransaction() {
         if (this._currentTransaction.preferredDeliveryDate2 === undefined) {
             this._currentTransaction.preferredDeliveryDate2 = "=";
@@ -2083,6 +2142,10 @@ class Dictionary {
                 "WHERE_ARE_YOU_LOOKING_FOR": "Waar ben je naar op zoek?",
                 "WAREHOUSE": "Magazijn",
                 "YOUR_DATA": "Uw gegevens",
+                "STANDARD_TEXTS": "Standaardteksten",
+                "ARTICLE_BOUND_TEXT": "Artikelgebonden tekst",
+                "FOR_DOCUMENTS": "Bestemd voor documenten",
+                "CHANGE_ARTICLE_TEXT": "Wijzigen artikeltekst",
             },
             "de": {},
             "fr": {},
@@ -2238,6 +2301,10 @@ class Dictionary {
                 "WAREHOUSE": "Warehouse",
                 "WHERE_ARE_YOU_LOOKING_FOR": "Where are you looking for?",
                 "YOUR_DATA": "Your data",
+                "STANDARD_TEXTS": "Standard texts",
+                "ARTICLE_BOUND_TEXT": "Article bound text",
+                "FOR_DOCUMENTS": "Used at documents",
+                "CHANGE_ARTICLE_TEXT": "Change article text",
             },
         };
     }
@@ -2596,7 +2663,7 @@ CheckoutOverviewRelationEditComponent.decorators = [
         <div>
             <label [textContent]="'PERSONAL_DATA' | localize"
                    class="checkout-label-h3"
-            ></label>7
+            ></label>
         </div>
         <div>
             <div>
@@ -4376,6 +4443,7 @@ IoneCheckoutModule.decorators = [
                     CoGridModule,
                     CoreModule,
                     CommonModule,
+                    NoopAnimationsModule,
                 ],
                 declarations: [
                     CheckoutComponent,
@@ -4497,7 +4565,7 @@ class ShoppingCartManagerComponent {
     }
     addTextLineToCartAt(text, lineNr, beforeOrAfter) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.service.addTextLineToTransaction(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+            yield this.service.addTextLine(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
                 .then((value) => {
                 this._handleLineOperationStatus();
             }, (error) => this.promptService.showError(error));
@@ -5470,7 +5538,7 @@ ShoppingCartLineComponent.decorators = [
          [textContent]="line.text">
     </div>
   `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:15em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
             },] }
 ];
 ShoppingCartLineComponent.ctorParameters = () => [
@@ -5884,66 +5952,67 @@ TransactionBaseComponent.propDecorators = {
     customer: [{ type: Input }]
 };
 
-// import {
-//   ToolbarService,
-//   LinkService,
-//   ImageService,
-//   HtmlEditorService,
-//   RichTextEditor
-// } from '@syncfusion/ej2-angular-richtexteditor';
+class TransactionAddTextLineRequest {
+    constructor() {
+        this.showOnDocuments = false;
+        this.text = "";
+        this.articleBound = false;
+        this.refArticleLineNr = 0;
+        this.aboveLineNr = 0;
+        this.belowLineNr = 0;
+    }
+}
+
 class TransactionArticleTextComponent extends TransactionBaseComponent {
     constructor(service) {
         super(service);
         this.service = service;
+        this.addTextLine = new EventEmitter();
+        this.transactionAddTextLineRequest = new TransactionAddTextLineRequest();
+        this.textTitle = "";
         this.visible = false;
-        this.floatButtonSelected = false;
-        this.overviewSelected = false;
-        this.editArtikelText = false;
-        this.collection = [
-            { id: 1, name: "Standaardtekst 1" },
-            { id: 2, name: "Standaardtekst 1" },
-            { id: 3, name: "Standaardtekst 1" },
-            { id: 4, name: "Standaardtekst 1" },
-            { id: 5, name: "Standaardtekst 1" }
-        ];
-        this.articleTexts = [
-            { title: "title 1", description: "Omschrijving 1" },
-            { title: "title 2", description: "Omschrijving 2" },
-            { title: "title 3", description: "Omschrijving 3" },
-            { title: "title 4", description: "Omschrijving 4" },
-            { title: "title 5", description: "Omschrijving 5" },
-        ];
-        this.fields = { text: "name", value: "id" };
+        this.collection = [];
+        this.fields = { text: "description", value: "textId" };
+        this.transactionAddTextLineRequest.text = "";
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.collection = yield this.service.getStandardTexts("NL");
+        });
     }
     onOkClick() {
+        if (this.selectedLine) {
+            this.transactionAddTextLineRequest.refArticleLineNr = this.selectedLine.lineNr;
+        }
+        this.addTextLine.emit(this.transactionAddTextLineRequest);
         this.hide();
     }
-    onPopupClose() {
+    onCancelClick() {
         this.hide();
-        this.hideOverview();
-        this.hideEditArtikelText();
-    }
-    hide() {
-        // TODO: throw hide event
-        this.visible = false;
     }
-    onOverview() {
-        this.overviewSelected = true;
+    onOverviewClick() {
+        this.articleTextOverview.open();
     }
-    onOkOverviewClick() {
-        this.hideOverview();
+    open() {
+        if (this.articleTextDialog) {
+            this.articleTextDialog.open();
+        }
     }
-    hideOverview() {
-        this.overviewSelected = false;
+    onPopupClose() {
+        this.hide();
     }
-    onDetailLinkClick(bo) {
-        this.editArtikelText = true;
+    hide() {
+        if (this.articleTextDialog) {
+            this.articleTextDialog.close();
+        }
     }
-    hideEditArtikelText() {
-        this.editArtikelText = false;
+    onChangeText(event) {
+        if (this.editor) {
+            this.transactionAddTextLineRequest.text = this.editor.getText();
+        }
     }
-    onOkEditArtikelTextClick() {
-        this.editArtikelText = false;
+    onSelectStandardText(value) {
+        this.transactionAddTextLineRequest.text = (this.collection.find(x => x.textId === value)).text;
     }
 }
 TransactionArticleTextComponent.decorators = [
@@ -5951,128 +6020,81 @@ TransactionArticleTextComponent.decorators = [
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "transaction-article-text",
                 template: `
-        <co-dialog [visible]="visible" (close)="onPopupClose()">
-          <ng-container header>{{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator">
-                      <co-input-text placeholder="Titel"></co-input-text>
-<!--                      <ejs-richtexteditor-->
-<!--                        #rte-->
-<!--                        id="Rte"-->
-<!--                      >-->
-<!--                      </ejs-richtexteditor>-->
-                    </div>
-                    <div style="margin-left:5px;">
-                        <div style="margin-top:16px;">
-                            <ejs-dropdownlist
-                                    [dataSource]="collection"
-                                    [fields]="fields"
-                                    placeholder="Standaardteksten"
-                            ></ejs-dropdownlist>
-
-                        </div>
-                        <div style="margin-top:20px;">
-                            <co-input-checkbox
-                                    label="Artikelgebonden tekst"
-                                    name="articleBoundText">
-                            </co-input-checkbox>
-                        </div>
-                        <div style="margin-top:20px;">
-                            <label>Bestemd voor documenten</label>
-                            <ejs-chiplist id="chip-default">
-                                <e-chips>
-                                    <e-chip text="Apple" cssClass="e-primary"></e-chip>
-                                    <e-chip text="Microsoft" cssClass="e-info"></e-chip>
-                                    <e-chip text="Google" cssClass="e-success"></e-chip>
-                                    <e-chip text="Tesla" cssClass="e-warning"></e-chip>
-                                    <e-chip text="Intel" cssClass="e-danger"></e-chip>
-                                </e-chips>
-                            </ejs-chiplist>
-                        </div>
-                    </div>
-                </div>
-              </ng-container>
-              <ng-container footer>
-                <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                    <co-button label="OK" (click)="onOkClick()"></co-button>
-                    <co-button label="CANCEL" (click)="hide()"></co-button>
-                    <co-button label="OVERVIEW" (click)="onOverview()"></co-button>
-<!--                    <co-button label="TEST" (click)="onTest()"></co-button>-->
-                </div>
-              </ng-container>
-        </co-dialog>
-
-        <co-dialog [visible]="overviewSelected" (close)="hideOverview()">
-          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator" style="width:75%">
-<!--                        <grid [data]="articleTexts" detailLink (detailLinkClick)="onDetailLinkClick($event)">-->
-<!--                            <grid-column key="title" header="TITLE" width="100px;"></grid-column>-->
-<!--                            <grid-column key="description" header="DESCRIPTION" width="200px"></grid-column>-->
-<!--                        </grid>-->
-                    </div>
-                    <div style="margin-left:5px;">
-                        <div style="margin-top:20px;">
-
-                            <co-input-checkbox
-                                    label="Artikelgebonden tekst"
-                                    name="articleBoundText"
-                                    value="true"
-                            ></co-input-checkbox>
-                        </div>
-                        <div style="margin-top:20px;">
-                            <label>Bestemd voor documenten</label>
-                            <ejs-chiplist id="chip-default">
-                                <e-chips>
-                                    <e-chip text="Apple" cssClass="e-primary"></e-chip>
-                                    <e-chip text="Microsoft" cssClass="e-info"></e-chip>
-                                    <e-chip text="Google" cssClass="e-success"></e-chip>
-                                    <e-chip text="Tesla" cssClass="e-warning"></e-chip>
-                                    <e-chip text="Intel" cssClass="e-danger"></e-chip>
-                                </e-chips>
-                            </ejs-chiplist>
-                        </div>
-                    </div>
-                </div>
-          </ng-container>
-          <ng-container footer>
-                <div class="footer" fxLayout fxPosition="row" fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                    <co-button label="OK" (click)="onOkOverviewClick()"></co-button>
-                    <co-button label="CANCEL" (click)="hideOverview()"></co-button>
-                </div>
-          </ng-container>
-        </co-dialog>
+    <co-dialog #articleTextDialog (close)="onPopupClose()">
+      <ng-container header>{{ subHeader }}</ng-container>
+      <ng-container content>
+        <div class="tags-join-content" fxLayout fxLayoutGap="10px">
+          <div>
+            <co-rich-text-editor
+              #rte
+              id="rte"
+              [model]="transactionAddTextLineRequest.text"
+              (onChangeEvent)="onChangeText($event)"
+            ></co-rich-text-editor>
+          </div>
+          <div style="margin-left:5px;">
+            <div style="margin-top:16px;">
+              <ejs-dropdownlist
+                [dataSource]="collection"
+                [fields]="fields"
+                [placeholder]="'STANDARD_TEXTS' | localize"
+                (valueChange)="onSelectStandardText($event)"
+              ></ejs-dropdownlist>
+<!--              <co-drop-down-list [-->
+<!--                                 [collection]="collection"-->
+<!--                                 [fields]="fields"-->
+<!--                                 [placeHolder]="'STANDARD_TEXTS' | localize"-->
+<!--              (valueChange)="onSelectStandardText($event)"-->
+              <!--              ></co-drop-down-list>-->
+            </div>
+            <div style="margin-top:20px;">
+              <co-input-checkbox
+                [(model)]="transactionAddTextLineRequest.articleBound"
+                [label]="'ARTICLE_BOUND_TEXT' | localize"
+                name="articleBoundText">
+              </co-input-checkbox>
+            </div>
+            <div style="margin-top:20px;">
+              <label [textContent]="'FOR_DOCUMENTS' | localize"></label>
+              <ejs-chiplist id="chip-default">
+                <e-chips>
+                  <e-chip text="Apple" cssClass="e-primary"></e-chip>
+                  <e-chip text="Microsoft" cssClass="e-info"></e-chip>
+                  <e-chip text="Google" cssClass="e-success"></e-chip>
+                  <e-chip text="Tesla" cssClass="e-warning"></e-chip>
+                  <e-chip text="Intel" cssClass="e-danger"></e-chip>
+                </e-chips>
+              </ejs-chiplist>
+            </div>
+          </div>
+        </div>
+      </ng-container>
+      <ng-container footer>
+        <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+          <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+          <co-button [label]="'CANCEL' | localize " (click)="onCancelClick()"></co-button>
+          <co-button [label]="'OVERVIEW' | localize" (click)="onOverviewClick()"></co-button>
+        </div>
+      </ng-container>
+    </co-dialog>
 
-        <co-dialog [visible]="editArtikelText"  (close)="hideEditArtikelText()">
-          <ng-container header>{{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator">
-                        <co-input-text placeholder="Titel"></co-input-text>
-<!--                        <co-text-editor-->
-<!--                                label="Artikeltekst"-->
-<!--                        ></co-text-editor>-->
-                    </div>
-                </div>
-          </ng-container>
-          <ng-container footer>
-              <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                  <co-button label="OK" (click)="onOkEditArtikelTextClick()"></co-button>
-                  <co-button label="CANCEL" (click)="hideEditArtikelText()"></co-button>
-              </div>
-          </ng-container>
-        </co-dialog>
-    `,
-                styles: [""]
+    <transaction-article-text-overview
+      #articleTextOverview>
+    </transaction-article-text-overview>
+  `,
+                providers: [ToolbarService, LinkService, ImageService, HtmlEditorService],
+                styles: [":host .e-toolbar-wrapper{height:50px}\n"]
             },] }
 ];
 TransactionArticleTextComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 TransactionArticleTextComponent.propDecorators = {
-    subHeader: [{ type: Input }]
+    articleTextDialog: [{ type: ViewChild, args: ["articleTextDialog",] }],
+    articleTextOverview: [{ type: ViewChild, args: ["articleTextOverview",] }],
+    editor: [{ type: ViewChild, args: ["rte",] }],
+    subHeader: [{ type: Input }],
+    addTextLine: [{ type: Output }]
 };
 
 class TransactionManagerComponent extends TransactionBaseComponent {
@@ -6337,6 +6359,15 @@ class TransactionManagerComponent extends TransactionBaseComponent {
             });
         });
     }
+    addTextLineToTransaction(transactionUuid, text, lineNr, beforeOrAfter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.addTextLineToTransaction(transactionUuid, 0, text, 0, false, lineNr, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+                .then((response) => {
+                this.transaction = response;
+                this.articleAdded.emit(response);
+            }, (error) => this.promptService.showError(error));
+        });
+    }
 }
 TransactionManagerComponent.decorators = [
     { type: Component, args: [{
@@ -6381,10 +6412,10 @@ class ServiceOrderComponent extends TransactionBaseComponent {
         this.viewModes = ContentViewMode;
         this.canPlanDelivery = false;
         this.showTotals = true;
+        this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
         this.contextMenuItems = [];
         this.isRouteOptimizationConfigured = false;
         this.activeViewMode = ContentViewMode.List;
-        this.floatButtonSelected = false;
         this.newArticleNr = "";
         this._subs = [];
     }
@@ -6394,6 +6425,12 @@ class ServiceOrderComponent extends TransactionBaseComponent {
     get inGridView() {
         return this.activeViewMode === ContentViewMode.Grid;
     }
+    get subHeader() {
+        if (this._selectedTransLine) {
+            return this._selectedTransLine.goodDescription;
+        }
+        return "Geen artikel geselecteerd";
+    }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
             this._subs.push(this.service.transactionLoaded.subscribe((transactionInfoResponse) => {
@@ -6417,6 +6454,8 @@ class ServiceOrderComponent extends TransactionBaseComponent {
     ngAfterViewInit() {
         this._subs.push(this._transactionManager.articleAdded.subscribe((transactionInfoResponse) => {
             this.transaction = transactionInfoResponse;
+        }), this._transactionArticleText.addTextLine.subscribe((transactionAddTextLineRequest) => {
+            this.addTextLine(transactionAddTextLineRequest);
         }));
     }
     ngOnDestroy() {
@@ -6450,21 +6489,12 @@ class ServiceOrderComponent extends TransactionBaseComponent {
             this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
         }
     }
-    onOkClick() {
-        this.hide();
-    }
-    hide() {
-        this.floatButtonSelected = false;
-    }
     floatButtonClick() {
-        this.floatButtonSelected = true;
-        this._transactionArticleTextComponent.visible = this.floatButtonSelected;
-    }
-    get subHeader() {
-        if (this._selectedTransLine) {
-            return this._selectedTransLine.goodDescription;
-        }
-        return "";
+        this._transactionArticleText.transactionAddTextLineRequest.transactionUuid = this.transactionInfo.uuid;
+        this._transactionArticleText.transactionAddTextLineRequest.text = "";
+        this._transactionArticleText.selectedLine = this._selectedTransLine;
+        this._transactionArticleText.subHeader = this.subHeader;
+        this._transactionArticleText.open();
     }
     hideOrderTotals(event) {
         this.showTotals = false;
@@ -6478,6 +6508,11 @@ class ServiceOrderComponent extends TransactionBaseComponent {
             }
         });
     }
+    addTextLine(transactionAddTextLineRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._transactionManager.addTextLineToTransaction(transactionAddTextLineRequest.transactionUuid, transactionAddTextLineRequest.text, transactionAddTextLineRequest.refArticleLineNr, PositionGridRow.After);
+        });
+    }
 }
 ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR = 50;
 ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITH_SIDEBAR = 350;
@@ -6548,7 +6583,7 @@ ServiceOrderComponent.ctorParameters = () => [
     { type: PromptService }
 ];
 ServiceOrderComponent.propDecorators = {
-    _transactionArticleTextComponent: [{ type: ViewChild, args: [TransactionArticleTextComponent,] }],
+    _transactionArticleText: [{ type: ViewChild, args: [TransactionArticleTextComponent,] }],
     _transactionManager: [{ type: ViewChild, args: [TransactionManagerComponent,] }]
 };
 
@@ -6665,7 +6700,7 @@ class TransactionOrderLinesComponent extends TransactionBaseComponent {
         this.createServiceClick = new EventEmitter();
         this.nothingSelected = true;
         this.columns = [];
-        this.columns.push({ field: "articleNumber", headerText: this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "detailsAsString", headerText: this._dictionaryService.get("DETAILS") }, { field: "price", headerText: this._dictionaryService.get("PRICE") }, { field: "amount", headerText: this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
+        this.columns.push({ field: "articleNumber", headerText: this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "text", headerText: this._dictionaryService.get("TEXT") }, { field: "detailsAsString", headerText: this._dictionaryService.get("DETAILS") }, { field: "price", headerText: this._dictionaryService.get("PRICE") }, { field: "amount", headerText: this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
     }
     get pagingEnabled() {
         if (this.transactionLines) {
@@ -7995,7 +8030,6 @@ WarehouseComponent.decorators = [
       </ng-container>
     </co-dialog>
   `,
-                providers: [DictionaryService],
                 styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
             },] }
 ];
@@ -8011,6 +8045,175 @@ WarehouseComponent.propDecorators = {
     cancelClick: [{ type: Output }]
 };
 
+class TransactionArticleTextOverviewComponent extends TransactionBaseComponent {
+    constructor(service, _dictionaryService) {
+        super(service);
+        this.service = service;
+        this._dictionaryService = _dictionaryService;
+        this.articleTexts = [
+            { title: "title 1", description: "Omschrijving 1" },
+            { title: "title 2", description: "Omschrijving 2" },
+            { title: "title 3", description: "Omschrijving 3" },
+            { title: "title 4", description: "Omschrijving 4" },
+            { title: "title 5", description: "Omschrijving 5" },
+        ];
+        this.columns = [];
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.columns.push({ field: "title", headerText: this._dictionaryService.get("TITLE"), allowFiltering: false }, { field: "description", headerText: this._dictionaryService.get("DESCRIPTION") });
+        });
+    }
+    open() {
+        if (this.articleTextOverviewDialog) {
+            this.articleTextOverviewDialog.open();
+        }
+    }
+    onPopupClose() {
+        this.hide();
+    }
+    hide() {
+        if (this.articleTextOverviewDialog) {
+            this.articleTextOverviewDialog.close();
+        }
+    }
+    onOkClick() {
+        this.hide();
+    }
+    onCancelClick() {
+        this.hide();
+    }
+    handleRowsSelected(rows) {
+        this.editArticleText.subHeader = this._dictionaryService.get("CHANGE_ARTICLE_TEXT");
+        this.editArticleText.title = (rows.find(x => x !== undefined)).title;
+        this.editArticleText.text = (rows.find(x => x !== undefined)).description;
+        this.editArticleText.open();
+    }
+}
+TransactionArticleTextOverviewComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "transaction-article-text-overview",
+                template: `
+        <co-dialog #articleTextOverviewDialog (close)="hide()">
+          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>
+          <ng-container content>
+                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
+                    <div class="column-separator" style="width:75%">
+                      <co-grid #warehouseGrid
+                               [data]="articleTexts"
+                               [columns]="columns"
+                               [pagingEnabled]="'true'"
+                               [maxNumberOfRows]="'10'"
+                               (rowsSelected)="handleRowsSelected($event)"
+                      ></co-grid>
+                    </div>
+                    <div style="margin-left:5px;">
+                      <label [textContent]="'FOR_DOCUMENTS' | localize"></label>
+                          <ejs-chiplist id="chip-default">
+                              <e-chips>
+                                  <e-chip text="Apple" cssClass="e-primary"></e-chip>
+                                  <e-chip text="Microsoft" cssClass="e-info"></e-chip>
+                                  <e-chip text="Google" cssClass="e-success"></e-chip>
+                                  <e-chip text="Tesla" cssClass="e-warning"></e-chip>
+                                  <e-chip text="Intel" cssClass="e-danger"></e-chip>
+                              </e-chips>
+                          </ejs-chiplist>
+                    </div>
+                </div>
+          </ng-container>
+          <ng-container footer>
+                <div class="footer" fxLayout fxPosition="row" fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+                    <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+                    <co-button [label]="'CANCEL' | localize" (click)="onCancelClick()"></co-button>
+                </div>
+          </ng-container>
+        </co-dialog>
+
+        <transaction-edit-article-text #editArticleText></transaction-edit-article-text>
+    `,
+                styles: [""]
+            },] }
+];
+TransactionArticleTextOverviewComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: DictionaryService }
+];
+TransactionArticleTextOverviewComponent.propDecorators = {
+    articleTextOverviewDialog: [{ type: ViewChild, args: ["articleTextOverviewDialog",] }],
+    editArticleText: [{ type: ViewChild, args: ["editArticleText",] }],
+    subHeader: [{ type: Input }]
+};
+
+class TransactionEditArticleTextComponent extends TransactionBaseComponent {
+    constructor(service) {
+        super(service);
+        this.service = service;
+    }
+    open() {
+        if (this.editArticleTextDialog) {
+            this.editArticleTextDialog.open();
+        }
+    }
+    onPopupClose() {
+        this.hide();
+    }
+    hide() {
+        if (this.editArticleTextDialog) {
+            this.editArticleTextDialog.close();
+        }
+    }
+    onOkClick() {
+        this.hide();
+    }
+    onCancelClick() {
+        this.hide();
+    }
+    onChangeText(event) {
+        this.text = this.editor.getText();
+    }
+}
+TransactionEditArticleTextComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "transaction-edit-article-text",
+                template: `
+        <co-dialog #editArticleTextDialog  (close)="hide()">
+          <ng-container header>{{ subHeader }}</ng-container>
+          <ng-container content>
+              <div class="column-separator">
+                  <co-input-text [placeholder]="'TITLE' | localize" [(model)]="title"></co-input-text>
+                <co-rich-text-editor
+                  #rte
+                  id="rte"
+                  [model]="text"
+                  (onChangeEvent)="onChangeText($event)"
+                ></co-rich-text-editor>
+              </div>
+          </ng-container>
+          <ng-container footer>
+              <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+                  <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+                  <co-button [label]="'CANCEL' | localize" (click)="onCancelClick()"></co-button>
+              </div>
+          </ng-container>
+        </co-dialog>
+    `,
+                providers: [ToolbarService, LinkService, ImageService, HtmlEditorService],
+                styles: [""]
+            },] }
+];
+TransactionEditArticleTextComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionEditArticleTextComponent.propDecorators = {
+    editArticleTextDialog: [{ type: ViewChild, args: ["editArticleTextDialog",] }],
+    editor: [{ type: ViewChild, args: ["rte",] }],
+    subHeader: [{ type: Input }],
+    title: [{ type: Input }],
+    text: [{ type: Input }]
+};
+
 class IoneServiceOrderModule {
 }
 IoneServiceOrderModule.decorators = [
@@ -8041,7 +8244,8 @@ IoneServiceOrderModule.decorators = [
                     TabModule,
                     CoreModule,
                     CommonModule,
-                    //    RichTextEditorModule
+                    RichTextEditorModule,
+                    CoRichTextEditorModule,
                 ],
                 declarations: [
                     TemplateWrapperDirective,
@@ -8053,6 +8257,8 @@ IoneServiceOrderModule.decorators = [
                     TransactionOrderLinesComponent,
                     TransactionRelationAddressComponent,
                     TransactionArticleTextComponent,
+                    TransactionArticleTextOverviewComponent,
+                    TransactionEditArticleTextComponent,
                     TransactionSidebarRightComponent,
                     TransactionLineAccordionComponent,
                     TransactionHeaderBlockComponent,
@@ -8088,5 +8294,5 @@ IoneServiceOrderModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { IoneCheckoutComponent, IoneCheckoutModule, IoneServiceOrderComponent, IoneServiceOrderModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, TemplateWrapperDirective as ɵbf, DefaultOkCancelButtonsComponent as ɵbg, ServiceOrderComponent as ɵbh, TransactionBaseComponent as ɵbi, TransactionArticleTextComponent as ɵbj, TransactionManagerComponent as ɵbk, TransactionOrderTotalsComponent as ɵbl, TransactionOrderLineViewComponent as ɵbm, TransactionOrderLinesComponent as ɵbn, TransactionRelationAddressComponent as ɵbo, TransactionSidebarRightComponent as ɵbp, TransactionLineAccordionComponent as ɵbq, TransactionHeaderBlockComponent as ɵbr, TransactionRelationEditComponent as ɵbs, TransactionServiceSummaryComponent as ɵbt, TransactionSummaryBlockComponent as ɵbu, TransactionServiceStatusComponent as ɵbv, TransactionOrderSummaryComponent as ɵbw, TransactionPaymentInfoComponent as ɵbx, TransactionArticleSummaryComponent as ɵby, TransactionDeliverySummaryComponent as ɵbz, CheckoutOverviewComponent as ɵc, TransactionProductContractSummaryComponent as ɵca, TransactionProductSummaryComponent as ɵcb, WarehouseComponent as ɵcc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
+export { IoneCheckoutComponent, IoneCheckoutModule, IoneServiceOrderComponent, IoneServiceOrderModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, TemplateWrapperDirective as ɵbf, DefaultOkCancelButtonsComponent as ɵbg, ServiceOrderComponent as ɵbh, TransactionBaseComponent as ɵbi, TransactionArticleTextComponent as ɵbj, TransactionManagerComponent as ɵbk, TransactionOrderTotalsComponent as ɵbl, TransactionOrderLineViewComponent as ɵbm, TransactionOrderLinesComponent as ɵbn, TransactionRelationAddressComponent as ɵbo, TransactionArticleTextOverviewComponent as ɵbp, TransactionEditArticleTextComponent as ɵbq, TransactionSidebarRightComponent as ɵbr, TransactionLineAccordionComponent as ɵbs, TransactionHeaderBlockComponent as ɵbt, TransactionRelationEditComponent as ɵbu, TransactionServiceSummaryComponent as ɵbv, TransactionSummaryBlockComponent as ɵbw, TransactionServiceStatusComponent as ɵbx, TransactionOrderSummaryComponent as ɵby, TransactionPaymentInfoComponent as ɵbz, CheckoutOverviewComponent as ɵc, TransactionArticleSummaryComponent as ɵca, TransactionDeliverySummaryComponent as ɵcb, TransactionProductContractSummaryComponent as ɵcc, TransactionProductSummaryComponent as ɵcd, WarehouseComponent as ɵce, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map