@colijnit/transaction 12.1.3 → 12.1.7

package/app/component/core/icon/icon.component.scss

@@ -0,0 +1,85 @@
+@import "src/style/variables";
+@import "src/style/styles";
+
+:host {
+  @extend %icon-size;
+  @extend %inline-flex;
+
+  &.dark ::ng-deep {
+    @include icon-fill($tp-color-dark);
+  }
+
+  &.light ::ng-deep {
+    @include icon-fill($tp-color-light);
+  }
+
+  &.red ::ng-deep {
+    @include icon-fill($tp-color-error);
+  }
+
+  &.grey ::ng-deep {
+    @include icon-fill($tp-color-grey);
+  }
+
+  &.action ::ng-deep {
+    @extend %cursor-pointer;
+  }
+
+  &.action-color ::ng-deep {
+    @include icon-fill($tp-color-action);
+  }
+
+  &.circle {
+    @extend %circle;
+  }
+
+  &.pico {
+    @extend %icon-size-pico;
+  }
+
+  &.nano {
+    @extend %icon-size-nano;
+  }
+
+  &.small {
+    @extend %icon-size-small;
+  }
+
+  &.big {
+    @extend %icon-size-big;
+  }
+
+  &.very-big {
+    @extend %icon-size-very-big;
+  }
+
+  &.humongous {
+    @extend %icon-size-humongous;
+  }
+
+  &.massive {
+    @extend %icon-size-massive;
+  }
+
+  &.inactive {
+    opacity: 0.25;
+  }
+
+  &.disabled {
+    opacity: 0.25 !important;
+  }
+
+  &.no-shrink {
+    @extend %flex-no-shrink;
+  }
+
+  &:hover {
+    &.action ::ng-deep {
+      @include icon-fill($tp-color-action);
+    }
+  }
+
+  ::ng-deep svg {
+    @extend %full-width-height;
+  }
+}

package/app/component/{common → core}/image-display/image-display.component.d.ts

@@ -10,4 +10,5 @@ export declare class ImageDisplayComponent {
     cover: boolean;
     pointerOnHover: boolean;
     get shouldBeHidden(): boolean;
+    showClass(): boolean;
 }

package/app/component/core/image-display/style/_layout.scss

@@ -0,0 +1,39 @@
+@import "../../../../../style/mixin";
+
+@include export-module('co-image-display-layout') {
+  .co-image-display {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    .image-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    .image {
+      height: 100%;
+      width: 100%;
+      background-repeat: no-repeat;
+      background-size: contain;
+      background-position: center center;
+    }
+
+    &.cover-image {
+      div.image {
+        background-size: cover;
+      }
+    }
+    &.circle {
+      .img-wrapper,
+      .image {
+        border-radius: 50%;
+      }
+    }
+  }
+}

package/app/component/core/image-display/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../../style/mixin";
+
+@include export-module('co-image-display-theme') {
+  .co-image-display {
+  }
+}

package/app/component/core/image-display/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/app/component/core/relation/customer-groups.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { IOneConnectorAdapterService } from "../../../service/ione-connector-adapter.service";
+import { CustomerGroup } from "@colijnit/transactionapi/build/model/customer-group.bo";
+export declare class CustomerGroupsComponent implements OnInit {
+    private _connector;
+    required: boolean;
+    model: string;
+    modelChange: EventEmitter<CustomerGroup>;
+    customerGroups: CustomerGroup[];
+    fields: Object;
+    constructor(_connector: IOneConnectorAdapterService);
+    ngOnInit(): Promise<void>;
+}

package/app/component/core/stock-status-indicator/stock-status-indicator.component.scss

@@ -0,0 +1,45 @@
+@import "src/style/variables";
+@import "src/style/styles";
+
+:host {
+  @extend %inline-block;
+  background-color: rgba(white, 0.25);
+  width: 30px;
+  height: 20px;
+
+  > div {
+    @extend %flex-center;
+    @extend %full-width-height;
+    > div {
+      width: 5px;
+      height: 5px;
+      flex-shrink: 0;
+      flex-grow: 0;
+      margin-right: 2px;
+    }
+
+    &.low, &.empty, &.none {
+      > div.square-1 {
+        background-color: $tp-color-stock-low;
+      }
+      > div.square-2, div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.medium {
+      > div.square-1, div.square-2 {
+        background-color: $tp-color-stock-medium;
+      }
+      > div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.high {
+      > div.square-1, div.square-2, div.square-3 {
+        background-color: $tp-color-stock-high;
+      }
+    }
+  }
+}

package/app/component/service-order/service-order.component.d.ts

@@ -8,12 +8,13 @@ import { ContentViewMode } from "../../enum/content-view-mode.enum";
 import { CoreComponentsIcon, IconCacheService, PromptService } from "@colijnit/corecomponents_v12";
 import { ContextMenuItemModel } from "@syncfusion/ej2-angular-grids";
 import { TransactionBaseComponent } from "../core/base/transaction-base.component";
+import { TransactionAddTextLineRequest } from "../../model/transaction-add-text-line-request";
 export declare class ServiceOrderComponent extends TransactionBaseComponent implements OnInit, AfterViewInit, OnDestroy {
     service: TransactionService;
     transactionEvents: TransactionEventService;
     iconCacheService: IconCacheService;
     private _promptService;
-    private _transactionArticleTextComponent;
+    private _transactionArticleText;
     private _transactionManager;
     static readonly FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR = 50;
     static readonly FLOAT_BUTTON_RIGHT_POSITION_WITH_SIDEBAR = 350;
@@ -27,10 +28,10 @@ export declare class ServiceOrderComponent extends TransactionBaseComponent impl
     floatButtonRightPosition: number;
     get inListView(): boolean;
     get inGridView(): boolean;
+    get subHeader(): string;
     contextMenuItems: ContextMenuItemModel[];
     isRouteOptimizationConfigured: boolean;
     activeViewMode: ContentViewMode;
-    floatButtonSelected: boolean;
     newArticleNr: string;
     private _subs;
     private _selectedTransLine;
@@ -44,10 +45,8 @@ export declare class ServiceOrderComponent extends TransactionBaseComponent impl
     handlePlanningRequest(event: any): void;
     moveFloatingButtonToLeft(): void;
     moveFloatingButtonToRight(): void;
-    onOkClick(): void;
-    hide(): void;
     floatButtonClick(): void;
-    get subHeader(): string;
     hideOrderTotals(event: Scroll): void;
     addArticleLine(event: KeyboardEvent): Promise<void>;
+    addTextLine(transactionAddTextLineRequest: TransactionAddTextLineRequest): Promise<void>;
 }

package/app/component/service-order/service-order.component.scss

@@ -0,0 +1,152 @@
+@import "src/style/variables";
+@import "src/style/styles";
+
+:host {
+  %transaction-tab {
+    @extend %flex-column;
+    @extend %full-width;
+    @extend %overflow-hidden;
+    padding-bottom: 60px;
+  }
+
+  @extend %transaction-tab;
+  .page-wrapper & {
+    padding: 20px;
+    margin-bottom: 60px;
+  }
+  transaction-order-totals {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+  }
+
+  .transaction-totals-show {
+    padding: 20px;
+  }
+
+  .transaction-totals-hide {
+    position: relative;
+    bottom: 0;
+    right: 0;
+  }
+}
+
+::ng-deep #transaction_planning_agenda {
+  //transform: scale(1) translate(-50%, 0) !important;
+  top: 160px !important;
+  width: calc(100vw - 80px) !important;
+  .popup-card-title {
+    padding: 10px 20px;
+    background: $tp-color-active-light;
+    color: white;
+    .header-wrapper {
+      align-items: center !important;
+    }
+    .separator {
+      border-color: white !important;
+    }
+    .header {
+      font-size: 15px;
+      font-weight: normal;
+    }
+    .sub-header {
+      font-size: 18px;
+      color: white !important;
+      font-weight: bold !important;
+    }
+    button-select {
+      icon {
+        [fill] {
+          fill: white;
+        }
+      }
+    }
+  }
+  .popup-card-content {
+    overflow: hidden;
+  }
+  @include screen-xs() {
+    width: 100vw !important;
+    .popup-card-content {
+      padding: 0;
+    }
+  }
+
+}
+
+$block_content_height: 60px;
+$color-border: #dedede;
+.column-separator {
+  padding-right: 25px;
+  border-right: 1px solid #0000001c;
+}
+
+.floating-icon-wrapper {
+  position: fixed;
+  bottom: 50px;
+  right: 50px;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  background: $tp-color-dark-accent;
+  height: 50px;
+  width: 50px;
+  opacity: 0.5;
+  transition: opacity 0.4s ease-in-out;
+  border-radius: 50%;
+  overflow: hidden;
+  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.6);
+  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.6);
+  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.6);
+  cursor: pointer;
+  &:hover {
+    opacity: 1;
+    transition: opacity 0.4s ease-in-out;
+  }
+  ::ng-deep icon {
+    height: 44px !important;
+    width: 44px !important;
+    color: white !important;
+    flex-shrink: 0;
+  }
+}
+.transaction-wrapper {
+  padding: 0 20px;
+}
+
+.view-mode-buttons co-button {
+  padding: 0;
+}
+
+.transaction-view {
+  display: flex;
+  margin-top: 10px;
+  justify-content: stretch;
+
+  .view-mode-buttons {
+    display: flex;
+    flex-direction: row;
+    @extend %margin-left-medium;
+    button-select {
+      ::ng-deep button-colijn {
+        border-radius: 0;
+      }
+      &:first-child {
+        margin-right: 5px;
+        ::ng-deep button-colijn {
+          @include border-left-radius(3px);
+          @include border-right-radius(3px);
+        }
+      }
+
+      &:nth-child(2) ::ng-deep button-colijn {
+        @include border-left-radius(3px);
+      }
+      &:last-child ::ng-deep button-colijn {
+        @include border-right-radius(3px);
+      }
+    }
+  }
+
+}

package/app/component/service-order/summary/transaction-delivery-summary.component.scss

@@ -0,0 +1,20 @@
+@import "src/style/variables";
+@import "src/style/styles";
+
+:host {
+  .planning-wrapper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-direction: row;
+    color: $tp-color-action;
+    margin-top: -10px;
+    font-size: 13px;
+    ::ng-deep icon {
+      cursor: pointer;
+      [fill] {
+        fill: $tp-color-action;
+      }
+    }
+  }
+}

package/app/component/service-order/summary/transaction-summary-block.component.scss

@@ -0,0 +1,107 @@
+@import "src/style/variables";
+@import "src/style/styles";
+
+$block_content_height: 60px;
+$summary-block-width: 368px;
+$summary-block-min-height: 130px;
+
+:host {
+  width: $summary-block-width;
+  min-height: $summary-block-min-height;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  //  border: 1px solid $color_border;
+  //  outline: 1px solid $color-border;
+  margin-top: 1px;
+  margin-left: 1px;
+  padding: 30px 20px;
+  .content-wrapper {
+    .value-block {
+      margin-bottom: 10px;
+      ::ng-deep .planning-wrapper {
+        justify-content: flex-start;
+        arrow-link {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
+  .disabled-indicator {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: none;
+  }
+  &.disabled {
+    .disabled-indicator {
+      display: block;
+    }
+  }
+  ::ng-deep image-display {
+    height: $block_content_height;
+    width: $block_content_height;
+    flex-shrink: 0;
+    span {
+      display: none;
+    }
+  }
+
+  .icon-wrapper {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    background: #F8FBFA;
+    height: $block_content_height;
+    width: $block_content_height;
+    border-radius: 50%;
+    border: 1px solid $tp-color-border;
+    overflow: hidden;
+    ::ng-deep icon {
+      height: 60px !important;
+      width: 60px !important;
+      flex-shrink: 0;
+    }
+  }
+
+  .title {
+    font-size: 13px;
+    color: $tp-color-dark;
+  }
+
+  .block-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .border {
+    border-radius: 3px;
+    padding: 15px;
+    background: white;
+    border: 1px solid $tp-color-border;
+  }
+
+  .content-wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+    min-height: $block_content_height;
+    height: auto;
+    width: 100%;
+  }
+
+  .header-label, .subheader-label {
+    font-size: 11px;
+    line-height: 13px;
+    color: $tp-color-label;
+  }
+
+  .header, .subheader {
+    font-size: 13px;
+    font-weight: bold;
+    color: $tp-color-dark;
+  }
+}

package/app/component/service-order/transaction-article-text/transaction-article-text.component.d.ts

@@ -1,24 +1,33 @@
-import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionService } from "../../../service/transaction.service";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
-export declare class TransactionArticleTextComponent extends TransactionBaseComponent {
+import { ChangeEventArgs } from '@syncfusion/ej2-angular-richtexteditor';
+import { TransactionAddTextLineRequest } from "../../../model/transaction-add-text-line-request";
+import { CoDialogComponent, CoRichTextEditorComponent } from "@colijnit/corecomponents_v12";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { StandardText } from "../../../model/standard-text";
+import { TransactionArticleTextOverviewComponent } from "../transaction-article-text-overview/transaction-article-text-overview.component";
+export declare class TransactionArticleTextComponent extends TransactionBaseComponent implements OnInit {
     service: TransactionService;
+    articleTextDialog: CoDialogComponent;
+    articleTextOverview: TransactionArticleTextOverviewComponent;
+    editor: CoRichTextEditorComponent;
     subHeader: string;
+    readonly addTextLine: EventEmitter<TransactionAddTextLineRequest>;
+    transactionAddTextLineRequest: TransactionAddTextLineRequest;
+    selectedLine: TransactionLineInfo;
+    textTitle: string;
     visible: boolean;
-    floatButtonSelected: boolean;
-    overviewSelected: boolean;
-    editArtikelText: boolean;
-    collection: Object[];
-    articleTexts: Object[];
+    collection: StandardText[];
     fields: Object;
     constructor(service: TransactionService);
+    ngOnInit(): Promise<void>;
     onOkClick(): void;
+    onCancelClick(): void;
+    onOverviewClick(): void;
+    open(): void;
     onPopupClose(): void;
     hide(): void;
-    onOverview(): void;
-    onOkOverviewClick(): void;
-    hideOverview(): void;
-    onDetailLinkClick(bo: BusinessObject): void;
-    hideEditArtikelText(): void;
-    onOkEditArtikelTextClick(): void;
+    onChangeText(event: ChangeEventArgs): void;
+    onSelectStandardText(value: any): void;
 }

package/app/component/service-order/transaction-article-text/transaction-article-text.component.scss

@@ -0,0 +1,6 @@
+:host {
+  .e-toolbar-wrapper {
+    height: 50px;
+  }
+
+}

package/app/component/service-order/transaction-article-text-overview/transaction-article-text-overview.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from "@angular/core";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { CoDialogComponent } from "@colijnit/corecomponents_v12";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { TransactionEditArticleTextComponent } from "../transaction-edit-article-text/transaction-edit-article-text.component";
+export declare class TransactionArticleTextOverviewComponent extends TransactionBaseComponent implements OnInit {
+    service: TransactionService;
+    private _dictionaryService;
+    articleTextOverviewDialog: CoDialogComponent;
+    editArticleText: TransactionEditArticleTextComponent;
+    subHeader: string;
+    articleTexts: Object[];
+    columns: any[];
+    constructor(service: TransactionService, _dictionaryService: DictionaryService);
+    ngOnInit(): Promise<void>;
+    open(): void;
+    onPopupClose(): void;
+    hide(): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    handleRowsSelected(rows: any): void;
+}

package/app/component/service-order/transaction-edit-article-text/transaction-edit-article-text.component.d.ts

@@ -0,0 +1,19 @@
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { ChangeEventArgs } from '@syncfusion/ej2-angular-richtexteditor';
+import { CoDialogComponent, CoRichTextEditorComponent } from "@colijnit/corecomponents_v12";
+export declare class TransactionEditArticleTextComponent extends TransactionBaseComponent {
+    service: TransactionService;
+    editArticleTextDialog: CoDialogComponent;
+    editor: CoRichTextEditorComponent;
+    subHeader: string;
+    title: string;
+    text: string;
+    constructor(service: TransactionService);
+    open(): void;
+    onPopupClose(): void;
+    hide(): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    onChangeText(event: ChangeEventArgs): void;
+}