@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer-allocated/stock-transfer-allocated.component.ts

@@ -0,0 +1,317 @@
+import {AfterViewInit, ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation} from '@angular/core';
+import {PrintStockStickers} from '@colijnit/articleapi/build/model/print-stock-stickers';
+import {StockService} from '../../../service/stock.service';
+import {ArticleStock as ArticleStockBo} from '@colijnit/articleapi/build/model/article-stock.bo';
+import {ArticleDetailsBo} from '@colijnit/articleapi/build/model/article-details.bo';
+import {StockManagementWarehouses} from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import {StockStatus} from '@colijnit/articleapi/build/model/stock-status.bo';
+import {StockLocation} from '@colijnit/articleapi/build/model/stock-location.bo';
+import {IconCacheService} from '../../../service/icon-cache.service';
+import {Icon} from '../../../enum/icon.enum';
+import {ArticleFlat} from '@colijnit/articleapi/build/model/article-flat.bo';
+import {ArticleStockManagement} from '@colijnit/articleapi/build/model/article-stock-management';
+import {ArticleTransaction} from '@colijnit/articleapi/build/model/article-transaction.bo';
+import {CoreDialogService} from '@colijnit/corecomponents_v12';
+import {SharedComponentsDictionaryService} from '../../../translation/shared-components-dictionary.service';
+
+@Component({
+  selector: 'co-stock-transfer-allocated',
+  template: `
+      <div class="stock-transfer">
+          <co-dialog
+                  (closeClick)="onCloseClick()"
+                  [showCloseIcon]="true"
+                  [modal]="true"
+                  [headerTemplate]="headerTemplate"
+                  [footerTemplate]="footerTemplate">
+              <ng-template #headerTemplate>
+                  <div class="co-dialog-header-title-wrapper">
+                      <co-icon [iconData]="iconCacheService.getIcon(icons.Cubes)"></co-icon>
+                      <div class="co-dialog-header-title" [textContent]="'TRANSFER_STOCK' | sharedLocalize"></div>
+                  </div>
+              </ng-template>
+              <div class="dialog-wrapper">
+                  <div class="stock-transfer-allocated-columns" *ngIf="articleToTransfer">
+                      <div class="stock-transfer-allocated-column" [class.selected]="articleToTransfer === articleDetail" *ngFor="let articleDetail of articleDetails" (click)="articleToTransfer = articleDetail">
+                          <div class="row">
+                              <span class="bold" [textContent]="('STOREROOM' | sharedLocalize) + ': '"></span>
+                              <span [textContent]="articleDetail.warehouseDescription"></span>
+                          </div>
+
+
+                          <div class="row" *ngIf="articleDetail.locationItem">
+                              <span class="bold" [textContent]="('LOCATION' | sharedLocalize) + ': '"></span>
+                              <span [textContent]="articleDetail.locationNo"></span>
+                          </div>
+
+
+                          <div class="row" *ngIf="articleDetail.batchItem">
+                              <span class="bold" [textContent]="('BATCH_NO' | sharedLocalize) + ': '"></span>
+                              <span [textContent]="articleDetail.batchNo"></span>
+                          </div>
+
+
+                          <div class="row">
+                              <span class="bold" [textContent]="('ORDER_RULE' | sharedLocalize) + ': '"></span>
+                              <span [textContent]="articleDetail.lineId"></span>
+                          </div>
+
+                          <div class="row">
+                              <span class="bold" [textContent]="('AMOUNT' | sharedLocalize) + ': '"></span>
+                              <span [textContent]="articleDetail.amountInStock"></span>
+                          </div>
+
+                      </div>
+
+                  </div>
+
+                  <div class="stock-transfer-columns" *ngIf="articleToTransfer">
+                      <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
+                          <div class="transfer-quantity-allocated">
+                              <co-input-number-picker
+                                      [readonly]="articleToTransfer.amountTransfer === articleTransaction.amountInOrder && articleToTransfer.targetWarehouse && articleToTransfer.targetWarehouse !== articleToTransfer.warehouseNo"
+                                      [model]="articleToTransfer.amountTransfer"
+                                      (modelChange)="handleInputNumberChange($event)"
+                                      [min]="1"
+                                      [max]="articleTransaction.amountInOrder"
+                                      [label]="'QUANTITY' | sharedLocalize">
+                              </co-input-number-picker>
+                          </div>
+                      </div>
+                      <div class="transfer-arrow-wrapper">
+                          <span class="half-circle"></span>
+                          <div class="icon-wrapper">
+                              <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowDownRegular)"></co-icon>
+                          </div>
+                      </div>
+
+
+                      <div class="stock-transfer-bottom-column">
+                          <div class="transfer-bottom-row">
+                              
+                              <co-list-of-values *ngIf="articleToTransfer.amountTransfer === articleTransaction.amountInOrder" [collection]="warehouses"
+                                                 [displayField]="'warehouseDescription'"
+                                                 (modelChange)="handleSelectedWarehouse($event)"
+                                                 [label]="'WAREHOUSE' | sharedLocalize"
+                              >
+                              </co-list-of-values>
+                              <co-list-of-values [collection]="stockLocations"
+                                                 [displayField]="'locationNo'"
+                                                 (modelChange)="handleSelectedLocation($event)"
+                                                 [label]="'LOCATION' | sharedLocalize"
+                              >
+                              </co-list-of-values>
+                          </div>
+                          <div class="transfer-bottom-row">
+                              <co-list-of-values [collection]="stockState"
+                                                 [displayField]="'stateDescription'"
+                                                 [label]="'STOCK_STATE' | sharedLocalize"
+                                                 (modelChange)="handleSelectedStockState($event)"
+                              >
+                              </co-list-of-values>
+                          </div>
+
+                      </div>
+                      <div class="transfer-sticker-buttons">
+                          <co-button
+                                  [label]="'STICKER' | sharedLocalize"
+                                  (click)="handleStickerClick()"
+                                  [iconData]="iconCacheService.getIcon(icons.BarcodeReadRegular)">
+                          </co-button>
+                      </div>
+                  </div>
+
+
+              </div>
+              <ng-template #footerTemplate>
+                  <div class="button-wrapper ok-cancel-buttons">
+                      <co-button class="save-button"
+                                 (click)="handleOkClick(articleToTransfer)"
+                                 [iconData]="iconCacheService.getIcon(icons.CheckDuotone)">
+                      </co-button>
+                      <co-button class="cancel-button"
+                                 (click)="onCloseClick()"
+                                 [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
+                      </co-button>
+                  </div>
+              </ng-template>
+          </co-dialog>
+      </div>
+      <co-send-method-dialog *ngIf="showSendMethodDialog"
+                             (closeClick)="showSendMethodDialog = false">
+
+      </co-send-method-dialog>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockTransferAllocatedComponent implements AfterViewInit {
+
+  @Input()
+  public stockSticker: PrintStockStickers;
+
+  @Input()
+  public article: ArticleStockBo;
+
+  @Input()
+  public articleToTransfer: ArticleDetailsBo;
+
+  @Input()
+  public articleTransaction: ArticleTransaction;
+
+  @Input()
+  public allWarehouses: any[];
+
+  @Input()
+  public showStockTransfer: boolean;
+
+  @Input()
+  public selectedArticleDetailsData: ArticleDetailsBo = new ArticleDetailsBo();
+
+  @Input()
+  public articleFlat: ArticleFlat;
+
+  @Input()
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement();
+
+  @Input()
+  public selectedWarehouse: StockManagementWarehouses;
+
+  @Input()
+  public selectedLocationNo: string;
+
+  @Input()
+  public articleStockInfo: ArticleDetailsBo[] = [];
+
+  @Input()
+  public stockLocations: StockLocation[] = [];
+
+  @Output()
+  public handleClick: EventEmitter<number> = new EventEmitter();
+
+  @Output()
+  public handleStickerClicked: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public updateGridData: EventEmitter<ArticleDetailsBo[]> = new EventEmitter<ArticleDetailsBo[]>();
+
+  @Output()
+  public showStockTransferChange = new EventEmitter<boolean>();
+
+  public showSendMethodDialog: boolean = false;
+  public warehouses: StockManagementWarehouses[] = [];
+
+  public articleDetails: ArticleDetailsBo[] = [];
+  public transferFull: boolean = false;
+
+  public stockState: StockStatus[] = [];
+
+  public locations: StockLocation[] = [];
+  public stockStatus: StockStatus[] = [];
+
+  public readonly icons: typeof Icon = Icon;
+
+  constructor(
+    private _stockService: StockService,
+    public iconCacheService: IconCacheService,
+    private _changeDetector: ChangeDetectorRef,
+    public dialogService: CoreDialogService,
+    public dict: SharedComponentsDictionaryService
+  ) {
+  }
+
+  ngAfterViewInit() {
+    let request: ArticleStockManagement = new ArticleStockManagement();
+    request.transId = this.articleTransaction.transId.toString();
+    request.lineId = this.articleTransaction.lineNr.toString();
+    this._stockService.getArticleDetails(request).then((result: ArticleDetailsBo[]) => {
+      this.articleDetails = result;
+      if(result.length === 1) {
+        this.articleToTransfer = result[0];
+        this.getStockManagementLocations(result[0].warehouseNo);
+        this._changeDetector.detectChanges();
+        this.articleToTransfer.amountTransfer = 1;
+      }
+    });
+    this.getStockManagementWarehouses();
+    this.getStockState();
+  }
+
+  public onCloseClick() {
+    this.showStockTransferChange.emit(false);
+  }
+
+  public handleOkClick(articleToTransfer: ArticleDetailsBo) {
+    if(this.articleToTransfer.amountTransfer === this.articleTransaction.amountInOrder) {
+      this.articleToTransfer.lineId = this.articleTransaction.lineNr;
+      this.articleToTransfer.transId = this.articleTransaction.transId;
+      articleToTransfer.selected = true;
+      articleToTransfer.entryDate = new Date;
+      if(!articleToTransfer.targetWarehouse) {
+        articleToTransfer.targetWarehouse = articleToTransfer.warehouseNo;
+      }
+      this._stockService.updateArticleDetails(articleToTransfer).then((result: boolean) => {
+        this.handleClick.emit();
+        this.showStockTransferChange.emit(false);
+        this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+          this.articleStockInfo = details;
+          this.updateGridData.emit(details);
+          this.showStockTransferChange.emit(true);
+        });
+      }).catch((result: string) => {
+        // Log failure message
+
+      });
+    } else {
+      this.dialogService.showError(this.dict.get("AMOUNT_TO_TRANSFER_ALLOCATED_NOT_EQUAL"));
+    }
+  }
+
+
+  public handleSelectedWarehouse(event: StockManagementWarehouses): void {
+    this.articleToTransfer.targetWarehouse = event.warehouseNo;
+    this.getStockManagementLocations(event.warehouseNo);
+  }
+
+  public handleSelectedLocation(event: StockLocation): void {
+    this.articleToTransfer.targetLocation = event.locationNo;
+  }
+
+
+
+  public handleSelectedStockState(event: StockStatus): void {
+    this.articleToTransfer.stockStateId = event.stockStateId;
+  }
+
+  public handleStickerClick(): void {
+    this.handleStickerClicked.emit();
+    this.showSendMethodDialog = true;
+  }
+
+
+  public getStockManagementWarehouses(): void {
+    this._stockService.getStockManagementWarehouses().then((warehouses) => {
+      this.warehouses = warehouses;
+    });
+  }
+
+  public getStockManagementLocations(warehouseNo: number): void {
+    this._stockService.getStockManagementLocations(warehouseNo).then((locations) => {
+      this.stockLocations = locations;
+    });
+  }
+
+  public getStockState(): void {
+    this._stockService.getStockState().then((state: StockStatus[]) => {
+      this.stockState = state;
+    });
+  }
+
+  public handleInputNumberChange(number: number) {
+    if(this.articleToTransfer.targetWarehouse && this.articleToTransfer.targetWarehouse !== this.articleToTransfer.warehouseNo) {
+     this.dialogService.showError("AMOUNT_CANT_BE_CHANGED_WITH_DIFFERING_WAREHOUSES")
+    } else {
+      this.articleToTransfer.amountTransfer = number;
+    }
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/stock/stock.component.ts

@@ -0,0 +1,249 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  HostBinding,
+  Input, OnDestroy, OnInit,
+  Output,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import {StockService} from '../../service/stock.service';
+import {PrintStockStickers} from '@colijnit/sharedapi/build/model/print-stock-stickers';
+import {ArticleStock as ArticleStockBo} from '@colijnit/articleapi/build/model/article-stock.bo';
+import {ArticleExtended} from '@colijnit/articleapi/build/model/article-extended.bo';
+import {ArticleStock} from '@colijnit/articleapi/build/model/article-stock';
+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 {Subscription} from 'rxjs';
+import {StockManagementWarehouses} from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import {ArticleExtendedRequest} from '@colijnit/articleapi/build/model/article-extended-request';
+import {SharedConnectorService} from '../../service/shared-connector.service';
+import {ArticleFlat} from '@colijnit/articleapi/build/model/article-flat.bo';
+import {Icon} from '../../enum/icon.enum';
+import {IconCacheService} from '../../service/icon-cache.service';
+import {ArticleStockManagement} from '@colijnit/articleapi/build/model/article-stock-management';
+import {SharedComponentsDictionaryService} from '../../translation/shared-components-dictionary.service';
+import {BaseModuleScreenConfigService} from "@colijnit/corecomponents_v12";
+import {StockModuleScreenConfigService} from "./service/stock-module-screen-config.service";
+import {ObjectConfiguration} from "@colijnit/ioneconnector/build/model/object-configuration";
+
+@Component({
+  selector: 'co-stock',
+  template: `
+      <div class="stock-info-container" *ngIf="loaded && articleExtended">
+          <co-stock-information [article]="articleExtended"
+                                [articleStockState]="articleStockState"
+                                [allAvailableStockInformation]="allAvailableStock"
+                                [allTechnicalStockInformation]="allTechnicalStock"
+                                [economicalStock]="economicalStock"
+                                [perceptibleStorage]="perceptibleStorage"
+          >
+          </co-stock-information>
+          <co-stock-tabs [stockInformation]="stockInformation"
+                         [article]="articleExtended"
+                         [articleFlat]="articleFlat"
+                         (transferIconClicked)="handleStockTransferClick($event)"
+                         (sendMethodDialogClicked)="handleSendMethodClick($event)"
+                         [warehouses]="warehouses"
+                         [showStockTransfer]="showStockTransfer"
+                         (handleTransactionClick)="handleTransactionClick.emit($event)"
+          ></co-stock-tabs>
+      </div>
+  `,
+  providers: [
+    {provide: BaseModuleScreenConfigService, useExisting: StockModuleScreenConfigService}
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class StockComponent implements OnDestroy, OnInit {
+  public readonly icons: typeof Icon = Icon;
+
+  @Output()
+  public handleStickerClicked: EventEmitter<any> = new EventEmitter();
+
+  @Input()
+  public set article(articleOrGoodId: ArticleExtended | number) {
+    if (articleOrGoodId instanceof ArticleExtended) {
+      this.articleExtended = articleOrGoodId;
+      this._goodId = articleOrGoodId.goodId;
+
+    } else if (typeof articleOrGoodId === 'number') {
+      this._goodId = articleOrGoodId;
+    }
+
+  };
+
+  @Input()
+  public articleWarehouse: any[] = [];
+
+  @Input()
+  public allWarehouses: any[] = [];
+
+  @Output()
+  public readonly okButtonClicked: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public readonly cancelButtonClicked: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public handleClick: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public handleTransactionClick: EventEmitter<any> = new EventEmitter();
+
+  public updateGridData: EventEmitter<ArticleDetailsBo[]> = new EventEmitter<ArticleDetailsBo[]>();
+
+  @HostBinding('class.co-stock')
+  public showClass() {
+    return true;
+  }
+
+  public loaded: boolean = false;
+
+  public showStockInformationGrid: boolean = true;
+  public showStockTransfer: boolean = false;
+  public stockInformation: ArticleStockBo[] = [];
+  public stockTransferArticle: ArticleStockBo;
+  public stockTransferArticleDetails: ArticleDetailsBo;
+  public articleExtended: ArticleExtended;
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement();
+  public articleFlat: ArticleFlat;
+  public stockHistory: StockHistoryBo[] = [];
+  public allAvailableStock: number = 0;
+  public allTechnicalStock: number = 0;
+  public economicalStock: number = 0;
+  public perceptibleStorage: number = 0;
+  public showSendMethodDialog: boolean = false;
+  public articleStockState: number;
+  public warehouses: StockManagementWarehouses[] = [];
+
+  private _subscriptions: Subscription[] = [];
+  private _goodId: number;
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    private _stockService: StockService,
+    private _optionsService: OptionsService,
+    private _dictionary: SharedComponentsDictionaryService,
+    private _changeDetector: ChangeDetectorRef,
+    private _connector: SharedConnectorService,
+    private _screenConfigService: StockModuleScreenConfigService
+  ) {
+    this._subscriptions.push(
+      this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)),
+    );
+  }
+
+  ngOnDestroy(): void {
+    this.articleExtended = undefined;
+    this.articleFlat = undefined;
+    this._subscriptions.forEach(subscription => subscription.unsubscribe());
+  }
+
+  ngOnInit() {
+  }
+
+  public handleStockTransferClick(event): void {
+    this.stockTransferArticleDetails = event;
+    this.showStockTransfer = !this.showStockTransfer;
+    this.showStockInformationGrid = !this.showStockInformationGrid;
+    this._stockService.stockStickers = new PrintStockStickers();
+  }
+
+  public handleSendMethodClick(event): void {
+    this.showSendMethodDialog = true;
+  }
+
+  public handleOkClick(data: ArticleDetailsBo): void {
+    data.selected = true;
+    data.entryDate = new Date;
+
+    this._stockService.updateArticleDetails(data).then(result => {
+      this.handleClick.emit();
+      this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+        this.updateGridData.emit(details);
+      });
+    });
+
+    this.loaded = true;
+    this.loadData();
+  }
+
+  public backToStock(goodId: number): void {
+    this.loadData();
+    this.showStockTransfer = !this.showStockTransfer;
+    this.showStockInformationGrid = !this.showStockInformationGrid;
+  }
+
+  public getStockInformation(goodId: number): void {
+    const articleData: ArticleStock = new ArticleStock();
+    articleData.goodId = goodId.toString();
+    articleData.viewKind = 'M';
+    this._stockService.getStockInformation(articleData).then(result => {
+      this.stockInformation = result;
+      this.stockInformation.forEach((articleStock) => this.allAvailableStock += articleStock.availableStock);
+      this.stockInformation.forEach((articleStock) => this.allTechnicalStock += articleStock.technicalStock);
+      this.stockInformation.forEach((articleStock) => this.economicalStock += articleStock.economicalStock);
+      this.stockInformation.forEach((articleStock) => this.perceptibleStorage += parseInt(articleStock.perceptibleStorage));
+    });
+
+  }
+
+  public getArtStockStatus(): void {
+    this._stockService.getArtStockStatus(this.articleExtended ? this.articleExtended.goodId : this._goodId).then(result => {
+      this.articleStockState = result;
+    });
+  }
+
+  public getStockManagementWarehouses(): void {
+    this._stockService.getStockManagementWarehouses().then((warehouses) => {
+      this.warehouses = warehouses;
+    });
+  }
+
+  private async _handleSettingsLoaded(loaded: boolean): Promise<void> {
+    if (loaded) {
+      await this._initConnection().then();
+    }
+  }
+
+  private async _initConnection(): Promise<void> {
+    await this._connector.connect();
+    await this._dictionary.setDictionary(this._optionsService.options.languageCode);
+    setTimeout(() => {
+      this._changeDetector.detectChanges();
+    });
+    this._screenConfigService.loadConfig().then((config: ObjectConfiguration[]) => {
+      if (config && config.length > 0) {
+        this.loaded = true;
+        this.loadData();
+      }
+    })
+  }
+
+
+  public loadData() {
+    if (this.loaded) {
+      if (this._goodId && !this.articleExtended) {
+        let request: ArticleExtendedRequest = new ArticleExtendedRequest();
+        request.goodId = this._goodId;
+        this._stockService.searchArticles(request).then((articleExtended: ArticleExtended[]) => {
+          if (articleExtended[0]) {
+            this.articleExtended = articleExtended[0];
+            this._stockService.getArticleFlat(articleExtended[0].articleNumber).then(result => {
+              this.articleFlat = result;
+            });
+          }
+        });
+      }
+      this.getArtStockStatus();
+      this.getStockManagementWarehouses();
+      this.getStockInformation(this.articleExtended ? this.articleExtended.goodId : this._goodId);
+    }
+    this._changeDetector.markForCheck();
+    this._changeDetector.detectChanges();
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/stock/stock.module.ts

@@ -0,0 +1,99 @@
+import {NgModule} from '@angular/core';
+import {StockComponent} from './stock.component';
+import {
+  ButtonModule,
+  CoDialogModule,
+  CoDialogWizardModule,
+  IconModule,
+  ImageModule,
+  InputDatePickerModule,
+  InputNumberPickerModule,
+  InputRadioButtonModule,
+  InputTextareaModule,
+  InputTextModule,
+  ListOfValuesModule,
+  PopupModule,
+  ScreenConfigurationModule,
+  SimpleGridModule,
+} from '@colijnit/corecomponents_v12';
+import {CommonModule} from '@angular/common';
+import {StockInformationComponent} from './stock-information/stock-information.component';
+import {StockInformationGridComponent} from './stock-information-grid/stock-information-grid.component';
+import {StockService} from '../../service/stock.service';
+import {StockTransferComponent} from './stock-transfer/stock-transfer.component';
+import {SendMethodDialogModule} from '../send-method-dialog/send-method-dialog.module';
+import {StockChangeAmountComponent} from './stock-transfer/stock-change-amount.component';
+import {StockTabComponent} from './components/stock-tab/stock-tab.component';
+import {OrderTabComponent} from './components/order-tab/order-tab.component';
+import {StockTabsComponent} from './stock-tabs/stock-tabs.component';
+import {StockHistoryTabsComponent} from './stock-history-tabs/stock-history-tabs.component';
+import {OrderStockTabComponent} from './components/order-stock-tab/order-stock-tab.component';
+import {StockLocationComponent} from './components/stock-location/stock-location.component';
+import {StockHistoryComponent} from './components/stock-history/stock-history.component';
+import {TabBarModule} from '../tab-bar/tab-bar.module';
+import {OrderSupplyStockHistoryComponent} from './components/order-supply-stock-history/order-supply-stock-history.component';
+import {OrderCommissionStockHistoryComponent} from './components/order-commission-stock-history/order-commission-stock-history.component';
+import {OrderStockHistoryComponent} from './components/order-stock-history/order-stock-history.component';
+import {AllocationStockHistoryComponent} from './components/allocation-stock-history/allocation-stock-history.component';
+import {StatusbarModule} from '../statusbar/statusbar.module';
+import {StockStatusbarModule} from '../stock-statusbar/stock-statusbar.module';
+import {StockPrognoseComponent} from './components/stock-prognose/stock-prognose.component';
+import {StockLocationPopupComponent} from './components/stock-location/components/stock-location-popup/stock-location-popup.component';
+import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
+import {StockModuleScreenConfigService} from "./service/stock-module-screen-config.service";
+import {StockTransferAllocatedComponent} from './stock-transfer-allocated/stock-transfer-allocated.component';
+
+@NgModule({
+  imports: [
+    ButtonModule,
+    CommonModule,
+    InputRadioButtonModule,
+    SimpleGridModule,
+    ImageModule,
+    InputTextModule,
+    SendMethodDialogModule,
+    IconModule,
+    InputNumberPickerModule,
+    CoDialogWizardModule,
+    InputTextareaModule,
+    TabBarModule,
+    CoDialogModule,
+    StatusbarModule,
+    StockStatusbarModule,
+    ListOfValuesModule,
+    SharedComponentsTranslationModule,
+    PopupModule,
+    InputDatePickerModule,
+    ScreenConfigurationModule
+  ],
+  declarations: [
+    StockComponent,
+    StockInformationComponent,
+    StockInformationGridComponent,
+    StockTransferComponent,
+    StockChangeAmountComponent,
+    StockTabComponent,
+    OrderTabComponent,
+    StockTabsComponent,
+    StockHistoryTabsComponent,
+    OrderStockTabComponent,
+    StockLocationComponent,
+    StockHistoryComponent,
+    OrderSupplyStockHistoryComponent,
+    OrderCommissionStockHistoryComponent,
+    OrderStockHistoryComponent,
+    AllocationStockHistoryComponent,
+    StockPrognoseComponent,
+    StockLocationPopupComponent,
+    StockTransferAllocatedComponent
+  ],
+  exports: [
+    StockComponent
+  ],
+  providers: [
+    StockModuleScreenConfigService,
+    StockService
+  ]
+})
+export class StockModule {
+}

package/projects/sharedcomponents/src/lib/components/stock-statusbar/stock-statusbar.component.ts

@@ -0,0 +1,23 @@
+import {Component, Input, ViewEncapsulation} from "@angular/core";
+
+@Component({
+  selector: "co-stock-statusbar",
+  template: `
+    <div class="status-bar">
+      <div class="status-bar-block" [ngClass]="{'red': value === 0, 'orange': value === 1, 'green': value === 2}"></div>
+      <div class="status-bar-block" [ngClass]="{'orange': value === 1, 'green': value === 2}"></div>
+      <div class="status-bar-block" [ngClass]="{'green': value === 2}"></div>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockStatusbarComponent {
+
+  @Input()
+  public value: number;
+
+  constructor(
+  ) {
+  }
+
+}