@colijnit/sharedcomponents 1.0.57 → 1.0.59

package/lib/components/stock/stock.component.d.ts

@@ -1,57 +1,57 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
-import { StockService } from "../../service/stock.service";
-import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
-import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
-import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
-import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
-import { OptionsService } from "../../service/options.service";
-import { DictionaryService } from "../../service/dictionary.service";
-import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
-import { Translation } from './localization/translation';
-import { LocalizeService } from '../../localization/localize.service';
-import { SharedConnectorService } from "../../service/shared-connector.service";
-import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
-export declare class StockComponent implements OnDestroy, OnInit {
-    private _stockService;
-    private _optionsService;
-    private _dictionary;
-    private _changeDetector;
-    private _localizeService;
-    private _connector;
-    set translation(value: Translation);
-    handleStickerClicked: EventEmitter<any>;
-    set article(articleOrGoodId: ArticleExtended | number);
-    articleWarehouse: any[];
-    allWarehouses: any[];
-    readonly okButtonClicked: EventEmitter<any>;
-    readonly cancelButtonClicked: EventEmitter<any>;
-    showClass(): boolean;
-    loaded: boolean;
-    showStockInformationGrid: boolean;
-    showStockTransfer: boolean;
-    stockInformation: ArticleStockBo[];
-    stockTransferArticle: ArticleStockBo;
-    stockTransferArticleDetails: ArticleDetailsBo;
-    articleExtended: ArticleExtended;
-    articleFlat: ArticleFlat;
-    stockHistory: StockHistoryBo[];
-    allAvailableStock: number;
-    allTechnicalStock: number;
-    showSendMethodDialog: boolean;
-    articleStockState: number;
-    warehouses: StockManagementWarehouses[];
-    private _subscriptions;
-    private _goodId;
-    constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService, _connector: SharedConnectorService);
-    ngOnDestroy(): void;
-    ngOnInit(): void;
-    handleStockTransferClick(event: any): void;
-    handleSendMethodClick(event: any): void;
-    backToStock(): void;
-    getStockInformation(goodId: number): void;
-    getArtStockStatus(): void;
-    getStockManagementWarehouses(): void;
-    private _handleSettingsLoaded;
-    private _initConnection;
-    loadData(): void;
-}
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
+import { StockService } from "../../service/stock.service";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { OptionsService } from "../../service/options.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { Translation } from './localization/translation';
+import { LocalizeService } from '../../localization/localize.service';
+import { SharedConnectorService } from "../../service/shared-connector.service";
+import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
+export declare class StockComponent implements OnDestroy, OnInit {
+    private _stockService;
+    private _optionsService;
+    private _dictionary;
+    private _changeDetector;
+    private _localizeService;
+    private _connector;
+    set translation(value: Translation);
+    handleStickerClicked: EventEmitter<any>;
+    set article(articleOrGoodId: ArticleExtended | number);
+    articleWarehouse: any[];
+    allWarehouses: any[];
+    readonly okButtonClicked: EventEmitter<any>;
+    readonly cancelButtonClicked: EventEmitter<any>;
+    showClass(): boolean;
+    loaded: boolean;
+    showStockInformationGrid: boolean;
+    showStockTransfer: boolean;
+    stockInformation: ArticleStockBo[];
+    stockTransferArticle: ArticleStockBo;
+    stockTransferArticleDetails: ArticleDetailsBo;
+    articleExtended: ArticleExtended;
+    articleFlat: ArticleFlat;
+    stockHistory: StockHistoryBo[];
+    allAvailableStock: number;
+    allTechnicalStock: number;
+    showSendMethodDialog: boolean;
+    articleStockState: number;
+    warehouses: StockManagementWarehouses[];
+    private _subscriptions;
+    private _goodId;
+    constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService, _connector: SharedConnectorService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    handleStockTransferClick(event: any): void;
+    handleSendMethodClick(event: any): void;
+    backToStock(): void;
+    getStockInformation(goodId: number): void;
+    getArtStockStatus(): void;
+    getStockManagementWarehouses(): void;
+    private _handleSettingsLoaded;
+    private _initConnection;
+    loadData(): void;
+}

package/lib/components/stock/stock.module.d.ts

@@ -1,2 +1,2 @@
-export declare class StockModule {
-}
+export declare class StockModule {
+}

package/lib/components/stock/style/_layout.scss

@@ -1,286 +1,286 @@
-@include export-module('co-stock-layout') {
-  .co-stock {
-
-    .stock-grid {
-      co-dialog {
-
-        .co-dialog-wrapper{
-          width: 500px;
-          height: 350px;
-          display: flex;
-
-        }
-
-
-        .header-wrapper {
-          span {
-            font-weight: bold;
-          }
-          padding: 1em;
-        }
-
-
-
-        .dialog-wrapper {
-          display: flex;
-          gap: 1em;
-          padding: 1em;
-          flex-direction: column;
-        }
-        .button-wrapper {
-          width: 100%;
-          display: flex;
-          flex-direction: row;
-          justify-content: center;
-          align-items: center;
-          gap: 2em;
-
-          co-button {
-            width: 125px;
-            display: flex;
-            text-align: center;
-            align-items: center;
-            justify-content: center;
-          }
-          .cancel-button {
-            background: none;
-            text-decoration: underline;
-            color: $cc-color-font;
-          }
-        }
-      }
-    }
-    .stock-info-container {
-      max-width: $sc-stock-info-container-width;
-      padding: $sc-stock-info-container-padding;
-      height: $sc-stock-info-container-height;
-    }
-
-    .stock-info {
-      margin: $sc-stock-info-margin;
-      padding: $sc-stock-info-padding;
-      display: inline-flex;
-      width: $sc-stock-info-width;
-      gap: $sc-stock-info-gap;
-    }
-
-    .stock-info-row {
-      display: inline-flex;
-    }
-
-    .stock-info-row-image {
-      display: inline-flex;
-      gap: $sc-stock-gap;
-    }
-
-    .stock-image {
-      height: $sc-stock-image-height;
-      margin-right: $sc-stock-image-width;
-      .no-image-wrapper {
-        height: $sc-stock-image-height;
-      }
-    }
-
-    .stock-good-info {
-      display: block;
-    }
-
-    .stock-status {
-      display: grid;
-    }
-
-    .stock-info > div:not(:first-child) {
-      padding: 0 10px;
-      border-left: $sc-stock-border-left;
-    }
-
-    .stock-line {
-      font-weight: $sc-stock-line-font-weight;
-      margin: $sc-stock-line-margin;
-    }
-
-    .stock-lines-button {
-      margin-bottom: 5%;
-    }
-
-    .tab-link {
-      gap: 30px;
-      &.hide {
-        display: none;
-      }
-
-      &.show {
-        display: flex;
-      }
-      flex-direction: row;
-    }
-
-    .tab-link > div {
-      margin: 25px 0;
-      padding-right: 10px;
-
-      &.inactive {
-        font-weight: normal;
-      }
-    }
-
-    .stock-grid {
-      margin: $sc-stock-grid-margin;
-
-    }
-
-    .buttons-wrapper {
-      display: flex;
-    }
-
-    .dropdown-wrapper {
-      display: flex;
-      float: right;
-      max-width: 20%;
-    }
-
-    .stock-location-group {
-      display: flex;
-    }
-
-    .stock-location-left-group {
-      float: left;
-      display: flex;
-      flex: 1;
-      justify-content: flex-start;
-    }
-
-    .stock-location-right-group {
-      display: flex;
-      justify-content: flex-end;
-      co-list-of-values ::ng-deep {
-        co-input-text {
-          height: 100%;
-        }
-      }
-    }
-
-    .stock-button-toolbar {
-      display: flex;
-      justify-content: space-between;
-      margin: 10px;
-    }
-
-    .stock-button-left-group {
-      display: flex;
-      flex: 1;
-      justify-content: flex-start;
-
-      .co-button {
-        margin-right: 10px;
-        width: 100px;
-      }
-    }
-    .stock-button-middle-group {
-      display: flex;
-      flex: 1;
-    }
-
-    .stock-transfer-right-column {
-      display: flex;
-      flex-direction: column;
-      width: 35%;
-      float: right;
-      gap: 1em;
-    }
-
-    .stock-transfer-left-column {
-      display: flex;
-      flex-direction: column;
-      width: 35%;
-      float: left;
-      gap: 1em;
-    }
-
-    .ok-cancel-buttons {
-      display: flex;
-      justify-content: center;
-      padding-top: 25px;
-    }
-
-    .ok-cancel-buttons co-button {
-      margin-right: 10px;
-      width: 100px;
-    }
-
-    .stock-transfer {
-      span {
-        font-weight: bold;
-      }
-    }
-
-    .stock-transfer-columns {
-      display: flex;
-      width: $sc-stock-transfer-column-width;
-      overflow: hidden;
-      flex-direction: row;
-      gap: 2em;
-      margin: 2em;
-
-      .icon-wrapper {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-
-        height: 100%;
-
-        co-icon {
-          height: 50px;
-          width: 50px;
-        }
-      }
-    }
-
-
-    .tab-link-buttons {
-      cursor: $sc-stock-tab-link-buttons-pointer;
-    }
-
-    .active {
-      color: $sc-color-action;
-    }
-
-    .stock-button-back {
-      color: $sc-color-action;
-      cursor: pointer;
-    }
-
-    .drop-list-group {
-      height: $sc-stock-grid-height;
-      overflow-y: $sc-stock-grid-overflow-y;
-    }
-
-    .co-button-small {
-      width: 50%;
-    }
-
-    .simple-grid {
-      height: $sc-stock-grid-height;
-      overflow: auto;
-    }
-
-    .location-link {
-      cursor: pointer;
-      color: $sc-color-action;
-    }
-
-    .co-dialog-wrapper {
-      width: 70%;
-    }
-
-    .stock-label {
-      font-size: $sc-font-size-small;
-    }
-
-    .stock-span {
-      font-size: $sc-font-size;
-      align-self: center;
-    }
-  }
-}
+@include export-module('co-stock-layout') {
+  .co-stock {
+
+    .stock-grid {
+      co-dialog {
+
+        .co-dialog-wrapper{
+          width: 500px;
+          height: 350px;
+          display: flex;
+
+        }
+
+
+        .header-wrapper {
+          span {
+            font-weight: bold;
+          }
+          padding: 1em;
+        }
+
+
+
+        .dialog-wrapper {
+          display: flex;
+          gap: 1em;
+          padding: 1em;
+          flex-direction: column;
+        }
+        .button-wrapper {
+          width: 100%;
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          gap: 2em;
+
+          co-button {
+            width: 125px;
+            display: flex;
+            text-align: center;
+            align-items: center;
+            justify-content: center;
+          }
+          .cancel-button {
+            background: none;
+            text-decoration: underline;
+            color: $cc-color-font;
+          }
+        }
+      }
+    }
+    .stock-info-container {
+      max-width: $sc-stock-info-container-width;
+      padding: $sc-stock-info-container-padding;
+      height: $sc-stock-info-container-height;
+    }
+
+    .stock-info {
+      margin: $sc-stock-info-margin;
+      padding: $sc-stock-info-padding;
+      display: inline-flex;
+      width: $sc-stock-info-width;
+      gap: $sc-stock-info-gap;
+    }
+
+    .stock-info-row {
+      display: inline-flex;
+    }
+
+    .stock-info-row-image {
+      display: inline-flex;
+      gap: $sc-stock-gap;
+    }
+
+    .stock-image {
+      height: $sc-stock-image-height;
+      margin-right: $sc-stock-image-width;
+      .no-image-wrapper {
+        height: $sc-stock-image-height;
+      }
+    }
+
+    .stock-good-info {
+      display: block;
+    }
+
+    .stock-status {
+      display: grid;
+    }
+
+    .stock-info > div:not(:first-child) {
+      padding: 0 10px;
+      border-left: $sc-stock-border-left;
+    }
+
+    .stock-line {
+      font-weight: $sc-stock-line-font-weight;
+      margin: $sc-stock-line-margin;
+    }
+
+    .stock-lines-button {
+      margin-bottom: 5%;
+    }
+
+    .tab-link {
+      gap: 30px;
+      &.hide {
+        display: none;
+      }
+
+      &.show {
+        display: flex;
+      }
+      flex-direction: row;
+    }
+
+    .tab-link > div {
+      margin: 25px 0;
+      padding-right: 10px;
+
+      &.inactive {
+        font-weight: normal;
+      }
+    }
+
+    .stock-grid {
+      margin: $sc-stock-grid-margin;
+
+    }
+
+    .buttons-wrapper {
+      display: flex;
+    }
+
+    .dropdown-wrapper {
+      display: flex;
+      float: right;
+      max-width: 20%;
+    }
+
+    .stock-location-group {
+      display: flex;
+    }
+
+    .stock-location-left-group {
+      float: left;
+      display: flex;
+      flex: 1;
+      justify-content: flex-start;
+    }
+
+    .stock-location-right-group {
+      display: flex;
+      justify-content: flex-end;
+      co-list-of-values ::ng-deep {
+        co-input-text {
+          height: 100%;
+        }
+      }
+    }
+
+    .stock-button-toolbar {
+      display: flex;
+      justify-content: space-between;
+      margin: 10px;
+    }
+
+    .stock-button-left-group {
+      display: flex;
+      flex: 1;
+      justify-content: flex-start;
+
+      .co-button {
+        margin-right: 10px;
+        width: 100px;
+      }
+    }
+    .stock-button-middle-group {
+      display: flex;
+      flex: 1;
+    }
+
+    .stock-transfer-right-column {
+      display: flex;
+      flex-direction: column;
+      width: 35%;
+      float: right;
+      gap: 1em;
+    }
+
+    .stock-transfer-left-column {
+      display: flex;
+      flex-direction: column;
+      width: 35%;
+      float: left;
+      gap: 1em;
+    }
+
+    .ok-cancel-buttons {
+      display: flex;
+      justify-content: center;
+      padding-top: 25px;
+    }
+
+    .ok-cancel-buttons co-button {
+      margin-right: 10px;
+      width: 100px;
+    }
+
+    .stock-transfer {
+      span {
+        font-weight: bold;
+      }
+    }
+
+    .stock-transfer-columns {
+      display: flex;
+      width: $sc-stock-transfer-column-width;
+      overflow: hidden;
+      flex-direction: row;
+      gap: 2em;
+      margin: 2em;
+
+      .icon-wrapper {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        height: 100%;
+
+        co-icon {
+          height: 50px;
+          width: 50px;
+        }
+      }
+    }
+
+
+    .tab-link-buttons {
+      cursor: $sc-stock-tab-link-buttons-pointer;
+    }
+
+    .active {
+      color: $sc-color-action;
+    }
+
+    .stock-button-back {
+      color: $sc-color-action;
+      cursor: pointer;
+    }
+
+    .drop-list-group {
+      height: $sc-stock-grid-height;
+      overflow-y: $sc-stock-grid-overflow-y;
+    }
+
+    .co-button-small {
+      width: 50%;
+    }
+
+    .simple-grid {
+      height: $sc-stock-grid-height;
+      overflow: auto;
+    }
+
+    .location-link {
+      cursor: pointer;
+      color: $sc-color-action;
+    }
+
+    .co-dialog-wrapper {
+      width: 70%;
+    }
+
+    .stock-label {
+      font-size: $sc-font-size-small;
+    }
+
+    .stock-span {
+      font-size: $sc-font-size;
+      align-self: center;
+    }
+  }
+}