@colijnit/transaction 12.1.51 → 12.1.53

package/lib/component/shared/transaction-article-text/style/_layout.scss

@@ -3,15 +3,24 @@
 @include export-module('co-transaction-article-text-layout') {
   .co-transaction-article-text {
     font-size: $tp-co-transaction-article-text-font-size;
+
+    .dialog-content {
+      min-height: 40vh;
+      max-height: 90vh;
+    }
+
     .article-text-content-wrapper {
       display: flex;
-      flex-direction: row;
-      column-gap: 25px;
+      flex-direction: column;
+      column-gap: 40px;
+      min-height: 40vh;
+      max-height: 90vh;
+
       textarea {
         font-family: $tp-co-transaction-article-text-font-family;
-        min-height: 250px;
-        min-width: 350px;
-        border: 1px solid;
+        min-height: 150px;
+        min-width: 500px;
+
         &:focus {
           outline: none;
         }
@@ -22,15 +31,32 @@
     }
     .editor-wrapper {
       display: flex;
-      //flex-basis: 450px;
+      position: relative;
     }
+
     .option-wrapper {
       display: flex;
       flex-direction: column;
       row-gap: $tp-co-transaction-article-text-options-row-gap;
-      width: 300px;
+      width: 100%;
       flex-shrink: 0;
+
+      .co-input-listbox {
+        padding: 20px 0;
+
+        .co-input-listbox-content {
+          max-height: 150px;
+        }
+
+        .e-listbox-wrapper {
+          border: 0;
+          column-count: 2;
+          min-height: 100px;
+          //max-height: 150px;
+        }
+      }
     }
+
     .button-wrapper {
       display: flex;
       flex-direction: row;
@@ -38,5 +64,40 @@
       padding: 10px;
       column-gap: 5px;
     }
+
+    .bold {
+      font-weight: bold;
+    }
+
+    .search-button {
+      position: absolute;
+      top: 0;
+      right: 15px;
+      height: 35px;
+      width: 35px;
+      margin: 2px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      co-icon {
+        height: 35px;
+        width: 35px;
+      }
+    }
+
+    .co-transaction-line-image-and-description {;
+      display: flex;
+
+      .description-wrapper {
+        padding: 5px;
+        border-radius: 5px;
+      }
+    }
+
+    .standard-texts-dropdown-wrapper {
+      height: 50px;
+    }
   }
 }

package/lib/component/shared/transaction-article-text/style/_material-definition.scss

@@ -1,7 +1,7 @@
 $tp-co-transaction-article-text-font-family: $tp-font-family !default;
 $tp-co-transaction-article-text-font-size: $tp-font-size !default;
 $tp-co-transaction-article-text-readonly-opacity: 0.5 !default;
-$tp-co-transaction-article-text-border-color: $tp-color-border !default;
+$tp-co-transaction-article-text-border-color: $tp-color-light-accent !default;
 $tp-co-transaction-article-text-options-row-gap: 40px !default;
 $cc-co-input-listbox-font-size: $tp-co-transaction-article-text-font-size;
 $cc-co-input-listbox-header-font-size: $tp-co-transaction-article-text-font-size;

package/lib/component/shared/transaction-article-text/style/_theme.scss

@@ -2,9 +2,17 @@
 
 @include export-module('co-transaction-article-text-theme') {
   .co-transaction-article-text {
-    .article-text-content-wrapper {
-      textarea {
-        border-color: $tp-co-transaction-article-text-border-color;
+
+    .search-button {
+      background-color: white;
+      co-icon [fill] {
+        fill: black;
+      }
+    }
+
+    .co-transaction-line-image-and-description {;
+      .description-wrapper {
+        border: 1px solid $tp-co-transaction-article-text-border-color;
       }
     }
   }

package/lib/component/shared/transaction-article-text/transaction-article-text.component.d.ts

@@ -1,12 +1,18 @@
 import { EventEmitter, OnInit } from "@angular/core";
+import { Icon } from "../../../enum/icon.enum";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { StandardText } from "../../../model/standard-text";
 import { TransactionAddTextLineRequest } from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
 export declare class TransactionArticleTextComponent implements OnInit {
-    service: TransactionService;
+    transactionService: TransactionService;
+    iconCacheService: IconCacheService;
+    private _dictionaryService;
     header: string;
     set transactionLine(value: TransactionLineInfo);
+    get transactionLine(): TransactionLineInfo;
     set articleRef(value: string);
     get articleRef(): string;
     set editText(value: string);
@@ -15,17 +21,23 @@ export declare class TransactionArticleTextComponent implements OnInit {
     cancelClick: EventEmitter<MouseEvent>;
     saveClick: EventEmitter<TransactionAddTextLineRequest>;
     showClass(): boolean;
+    readonly icon: typeof Icon;
+    private _transactionLine;
     showOverviewDialog: boolean;
     standardTexts: StandardText[];
     documents: any[];
     fields: Object;
     fieldsDocuments: Object;
+    textAreaPlaceholder: string;
+    searchIcon: import("@angular/platform-browser").SafeHtml;
+    showDropdown: boolean;
     transactionAddTextLineRequest: TransactionAddTextLineRequest;
     private _articleRef;
-    constructor(service: TransactionService);
+    constructor(transactionService: TransactionService, iconCacheService: IconCacheService, _dictionaryService: DictionaryService);
     ngOnInit(): Promise<void>;
     onOkClick(event: MouseEvent): void;
     onCancelClick(event: MouseEvent): void;
     onSelectStandardText(value: any): void;
     handleDocumentsChange(docs: any): void;
+    showStandardTextsDropdown(): void;
 }

package/lib/component/shared/transaction-article-text-overview/style/_layout.scss

@@ -42,6 +42,10 @@
     opacity: 0.3;
   }
 
+  .bold {
+    font-weight: bold;
+  }
+
   .cdk-drag-animating {
     //transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
   }

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -50,5 +50,10 @@
       padding: $tp-transaction-line-article-text-padding;
     }
 
+    .transaction-line-article-number-wrapper {
+      display: flex;
+      column-gap: 15px;
+    }
+
   }
 }

package/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.d.ts

@@ -15,6 +15,7 @@ export declare class TransactionLineImageAndDescriptionComponent {
     readonly icons: typeof Icon;
     set line(value: TransactionLineInfo);
     get line(): TransactionLineInfo;
+    popUpView: boolean;
     showClass(): boolean;
     preview: boolean;
     openArticleTextClicked: EventEmitter<string>;

package/lib/component/transaction-lines/style/_layout.scss

@@ -2,7 +2,23 @@
 
 @include export-module('co-transaction-lines-layout') {
   .co-transaction-lines {
+    .add-text-button {
+      height: 25px;
+      width: 25px;
+      margin: 2px;
+      cursor: pointer;
+      border-radius: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      co-icon {
+        height: 15px;
+        width: 15px;
+      }
+    }
   }
+
   draggable-transaction-line.cdk-drag-preview {
     box-sizing: border-box;
     border-radius: 4px;

package/lib/component/transaction-lines/style/_material-definition.scss

@@ -1,4 +1,4 @@
-$tp-transaction-lines-add-text-button-background-color: $tp-color-action !default;
+$tp-transaction-lines-add-text-button-background-color: #030D3C !default;
 $tp-transaction-lines-add-text-button-text-color: $tp-color-light !default;
 $tp-transaction-lines-grid-amount-background-color: $tp-color-active-light !default;
 $tp-transaction-lines-drag-handle-background-color: $tp-color-border !default;

package/lib/component/transaction-lines/style/_theme.scss

@@ -4,10 +4,9 @@
   .co-transaction-lines {
     .add-text-button {
       background-color: $tp-transaction-lines-add-text-button-background-color;
-      co-icon [fill] {
-        fill: $tp-transaction-lines-add-text-button-text-color;
-      }
+      fill: $tp-transaction-lines-add-text-button-text-color;
     }
+
     .draggable-transaction-line .transaction-line-drag-handle {
       .co-icon {
         svg { // for fontawesome icons
@@ -16,9 +15,11 @@
       }
     }
   }
+
   .co-input-number-picker.transaction-lines-grid-amount {
     border: none;
     background-color: $tp-transaction-lines-grid-amount-background-color;
+
     input {
       background-color: $tp-transaction-lines-grid-amount-background-color;
     }

package/lib/component/transaction-search/style/material.scss

@@ -5,5 +5,6 @@
 @import "../transaction-filter/transaction-filter/style/material";
 @import "../transaction-search-result/style/material";
 @import "../transaction-search-tile/transaction-statusbar/style/material";
+@import "../transaction-search-tile/transaction-search-tile/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/pagination/style/material";
 

package/lib/enum/icon.enum.d.ts

@@ -30,6 +30,7 @@ export declare enum Icon {
     Lock = "lock",
     LockKeyholeOpenSolid = "lock_keyhole_open_solid",
     LockKeyholeSolid = "lock_keyhole_solid",
+    Magnifier = "magnifier",
     MapMarker = "map_marker",
     MasterDetail = "master_detail",
     MemoCircleCheckSolid = "memo_circle_check_solid",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.51",
+  "version": "12.1.53",
   "description": "Colijn IT transaction module for Angular 12",
   "private": false,
   "peerDependencies": {