@colijnit/sharedcomponents 254.1.2 → 254.1.3

package/fesm2015/colijnit-sharedcomponents.js

@@ -38,8 +38,8 @@ import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
-import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService } from '@colijnit/corecomponents_v12';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService } from '@colijnit/corecomponents_v12';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
 import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
@@ -1613,10 +1613,12 @@ class StockComponent {
         this.okButtonClicked = new EventEmitter();
         this.cancelButtonClicked = new EventEmitter();
         this.handleClick = new EventEmitter();
+        this.updateGridData = new EventEmitter();
         this.loaded = false;
         this.showStockInformationGrid = true;
         this.showStockTransfer = false;
         this.stockInformation = [];
+        this.articleDetailsInformation = new ArticleStockManagement();
         this.stockHistory = [];
         this.allAvailableStock = 0;
         this.allTechnicalStock = 0;
@@ -1664,7 +1666,12 @@ class StockComponent {
         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();
     }
     backToStock(goodId) {
         this.loadData();
@@ -1753,48 +1760,9 @@ StockComponent.decorators = [
                        (transferIconClicked)="handleStockTransferClick($event)"
                        (sendMethodDialogClicked)="handleSendMethodClick($event)"
                        [warehouses]="warehouses"
-        ></co-stock-tabs>
-        <div class="stock-transfer-wrapper">
-          <co-dialog *ngIf="showStockTransfer"
-                     (closeClick)="showStockTransfer = false"
-                     [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' | localize"></div>
-              </div>
-            </ng-template>
-            <div class="dialog-wrapper">
-              <co-stock-transfer (handleClick)="backToStock($event)"
-                                 class="stock-transfer-dialog"
-                                 [article]="stockTransferArticle"
-                                 [articleToTransfer]="stockTransferArticleDetails"
-                                 (handleStickerClicked)="handleStickerClicked.emit($event)"
-                                 [articleWarehouse]="articleWarehouse"
-                                 [allWarehouses]="allWarehouses">
-              </co-stock-transfer>
-            </div>
-            <ng-template #footerTemplate>
-              <div class="button-wrapper ok-cancel-buttons">
-                <co-button class="save-button"
-                           (click)="handleOkClick(stockTransferArticleDetails)"
-                           [iconData]="iconCacheService.getIcon(icons.CheckDuotone)">
-                </co-button>
-                <co-button class="cancel-button"
-                           (click)="showStockTransfer = false"
-                           [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
-                </co-button>
-              </div>
-            </ng-template>
-          </co-dialog>
-        </div>
+                       [showStockTransfer]="showStockTransfer"
 
-        <co-send-method-dialog *ngIf="showSendMethodDialog">
-
-        </co-send-method-dialog>
+        ></co-stock-tabs>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -2316,15 +2284,24 @@ StockInformationGridComponent.propDecorators = {
 };
 
 class StockTransferComponent {
-    constructor(_stockService, iconCacheService) {
+    constructor(_stockService, iconCacheService, _changeDetector) {
         this._stockService = _stockService;
         this.iconCacheService = iconCacheService;
+        this._changeDetector = _changeDetector;
+        this.selectedArticleDetailsData = new ArticleDetailsBo();
+        this.articleDetailsInformation = new ArticleStockManagement();
+        this.articleStockInfo = [];
+        this.stockLocations = [];
         this.handleClick = new EventEmitter();
         this.handleStickerClicked = new EventEmitter();
+        this.updateGridData = new EventEmitter();
+        this.showStockTransferChange = new EventEmitter();
         this.showSendMethodDialog = false;
+        this.transferFull = false;
         this.warehouses = [];
         this.stockState = [];
         this.locations = [];
+        this.stockStatus = [];
         this.icons = Icon;
     }
     ngAfterViewInit() {
@@ -2332,21 +2309,31 @@ class StockTransferComponent {
         this.getStockState();
     }
     handleOkClick(data) {
-        data.selected = true;
-        data.entryDate = new Date;
-        this._stockService.updateArticleDetails(data).then(result => {
-            if (result) {
-                this.handleClick.emit(data.goodId);
-            }
-        });
+        if (this.articleToTransfer.amountTransfer > this.articleToTransfer.amountInStockFree) {
+            this.transferFull = true;
+        }
+        else {
+            data.selected = true;
+            data.entryDate = new Date;
+            this._stockService.updateArticleDetails(data).then((result) => {
+                this.handleClick.emit();
+                this.showStockTransferChange.emit(false);
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                    this.articleStockInfo = details;
+                    this.updateGridData.emit(details);
+                });
+            }).catch((result) => {
+                // Log failure message
+            });
+        }
     }
-    handleCancelClick() {
-        this.handleClick.emit();
+    onCloseClick() {
+        this.showStockTransferChange.emit(false);
     }
     handleSelectedWarehouse(event) {
         this.articleToTransfer.targetWarehouse = event.warehouseNo;
         this.selectedWarehouse = event;
-        this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
+        this.getStockManagementLocations();
     }
     handleSelectedLocation(event) {
         this.articleToTransfer.targetLocation = event.locationNo;
@@ -2363,9 +2350,9 @@ class StockTransferComponent {
             this.warehouses = warehouses;
         });
     }
-    getStockManagementLocations(data) {
-        this._stockService.getStockManagementLocations(data).then((locations) => {
-            this.locations = locations;
+    getStockManagementLocations() {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
+            this.stockLocations = locations;
         });
     }
     getStockState() {
@@ -2379,96 +2366,134 @@ StockTransferComponent.decorators = [
                 selector: "co-stock-transfer",
                 template: `
       <div class="stock-transfer">
-        <div class="stock-transfer-columns">
-          <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
-            <div class="transfer-items">
-              <div class="transfer-item">
-                <label class="item-label" [textContent]="'WAREHOUSE' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.warehouseDescription"></span>
+        <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' | localize"></div>
+            </div>
+          </ng-template>
+          <div class="dialog-wrapper">
+            <div class="stock-transfer-columns">
+              <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
+                <div class="transfer-items">
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'WAREHOUSE' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.warehouseDescription"></span>
+                  </div>
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'LOCATION' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.locationNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.batchNo">
+                    <label class="item-label" [textContent]="'BATCH_NO' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.batchNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.serialNo">
+                    <label class="item-label" [textContent]="'SERIE_NO' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.serialNo"></span>
+                  </div>
+                </div>
+                <div class="transfer-quantity">
+                  <co-input-number-picker
+                    [(model)]="articleToTransfer.amountTransfer"
+                    [min]="1"
+                    [label]="'QUANTITY' | localize">
+                  </co-input-number-picker>
+                  <span *ngIf="transferFull" [textContent]="this.articleToTransfer.amountInStockFree + (' AVAILABLE' | localize)"></span>
+                </div>
               </div>
-              <div class="transfer-item">
-                <label class="item-label" [textContent]="'LOCATION' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.locationNo"></span>
+              <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="transfer-item" *ngIf="articleToTransfer?.batchNo">
-                <label class="item-label" [textContent]="'BATCH_NO' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.batchNo"></span>
+
+
+              <div class="stock-transfer-bottom-column">
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="warehouses"
+                                     [displayField]="'warehouseDescription'"
+                                     (modelChange)="handleSelectedWarehouse($event)"
+                                     [label]="'WAREHOUSE' | localize"
+                  >
+                  </co-list-of-values>
+                  <co-list-of-values [collection]="stockLocations"
+                                     [displayField]="'locationNo'"
+                                     (modelChange)="handleSelectedLocation($event)"
+                                     [label]="'LOCATION' | localize"
+                  >
+                  </co-list-of-values>
+                </div>
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="stockState"
+                                     [displayField]="'stateDescription'"
+                                     [label]="'STOCK_STATE' | localize"
+                                     (modelChange)="handleSelectedStockState($event)"
+                  >
+                  </co-list-of-values>
+                </div>
+
               </div>
-              <div class="transfer-item" *ngIf="articleToTransfer?.serialNo">
-                <label class="item-label" [textContent]="'SERIE_NO' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.serialNo"></span>
+              <div class="transfer-sticker-buttons">
+                <co-button
+                           [label]="'STICKER' | localize"
+                           (click)="handleStickerClick()"
+                           [iconData]="iconCacheService.getIcon(icons.BarcodeReadRegular)">
+                </co-button>
               </div>
             </div>
-            <div class="transfer-quantity">
-              <co-input-number-picker
-                [(model)]="articleToTransfer.amountTransfer"
-                [min]="1"
-                [label]="'QUANTITY' | localize">
-              </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 [collection]="warehouses"
-                                 [displayField]="'warehouseDescription'"
-                                 (modelChange)="handleSelectedWarehouse($event)"
-                                 [label]="'WAREHOUSE' | localize"
-              >
-              </co-list-of-values>
-              <co-list-of-values [collection]="locations"
-                                 [displayField]="'description'"
-                                 (modelChange)="handleSelectedLocation($event)"
-                                 [label]="'LOCATION' | localize"
-              >
-              </co-list-of-values>
+          <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>
-            <div class="transfer-bottom-row">
-              <co-list-of-values [collection]="stockState"
-                                 [displayField]="'stateDescription'"
-                                 [label]="'STOCK_STATE' | localize"
-                                 (modelChange)="handleSelectedStockState($event)"
-              >
-              </co-list-of-values>
-            </div>
-            <div class="transfer-bottom-row">
-              <co-input-text [placeholder]="'DESCRIPTION' | localize"
-                             [(model)]="articleToTransfer.stockStateRemark">
-              </co-input-text>
-            </div>
-          </div>
-          <div class="transfer-sticker-buttons">
-            <co-button
-                       [label]="'STICKER' | localize"
-                       (click)="handleStickerClick()"
-                       [iconData]="iconCacheService.getIcon(icons.BarcodeReadRegular)">
-            </co-button>
-          </div>
-        </div>
+          </ng-template>
+        </co-dialog>
       </div>
+      <co-send-method-dialog *ngIf="showSendMethodDialog"
+                             (closeClick)="showSendMethodDialog = false">
+
+      </co-send-method-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 StockTransferComponent.ctorParameters = () => [
     { type: StockService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: ChangeDetectorRef }
 ];
 StockTransferComponent.propDecorators = {
     stockSticker: [{ type: Input }],
     article: [{ type: Input }],
     articleToTransfer: [{ type: Input }],
-    articleWarehouse: [{ type: Input }],
     allWarehouses: [{ type: Input }],
+    showStockTransfer: [{ type: Input }],
+    selectedArticleDetailsData: [{ type: Input }],
+    articleFlat: [{ type: Input }],
+    articleDetailsInformation: [{ type: Input }],
+    selectedWarehouse: [{ type: Input }],
+    selectedLocationNo: [{ type: Input }],
+    articleStockInfo: [{ type: Input }],
+    stockLocations: [{ type: Input }],
     handleClick: [{ type: Output }],
-    handleStickerClicked: [{ type: Output }]
+    handleStickerClicked: [{ type: Output }],
+    updateGridData: [{ type: Output }],
+    showStockTransferChange: [{ type: Output }]
 };
 
 class SharedService {
@@ -3640,6 +3665,9 @@ class StockTabsComponent {
             },
         ];
     }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+    }
     handleLocationClicked(data) {
         this.tabs[0].active = false;
         this.tabs[2].active = true;
@@ -3779,7 +3807,8 @@ StockTabsComponent.decorators = [
                        [stockLocations]="stockLocations"
                        (transferIconClicked)="transferIconClicked.emit($event)"
                        (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
-
+                       [showStockTransfer]="showStockTransfer"
+                       (showStockTransferChange)="onShowStockTransferChange($event)"
     ></co-stock-location>
 
     <co-order-tab *ngIf="tabs[3].active"
@@ -3826,6 +3855,7 @@ StockTabsComponent.propDecorators = {
     stockInformation: [{ type: Input }],
     article: [{ type: Input }],
     articleFlat: [{ type: Input }],
+    showStockTransfer: [{ type: Input }],
     warehouses: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }]
@@ -3913,9 +3943,13 @@ class StockLocationComponent {
         this.icons = Icon;
         this.articleStockInfo = [];
         this.articleStockInformation = [];
+        this.articleWarehouse = [];
+        this.allWarehouses = [];
         this.dataWareHouseCode = [];
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
+        this.showStockTransferChange = new EventEmitter();
+        this.handleStickerClicked = new EventEmitter();
         this.showConfirmationDialog = false;
         this.newStockLine = false;
         this.showConfirmStockRow = false;
@@ -3940,6 +3974,10 @@ class StockLocationComponent {
     }
     ngOnDestroy() {
     }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+        this.showStockTransferChange.emit(this.showStockTransfer);
+    }
     onLocationDropdownClick() {
         this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
             this.stockLocations = locations;
@@ -3957,7 +3995,8 @@ class StockLocationComponent {
         this.sendMethodDialogClicked.emit(data);
     }
     handleStockTransferClick(event) {
-        this.transferIconClicked.emit(event);
+        this.articleDetails = event;
+        this.showStockTransfer = true;
     }
     onOkClickSendLocations(row) {
         this.selectedArticleDetailsData = row;
@@ -4029,6 +4068,18 @@ StockLocationComponent.decorators = [
                 selector: "co-stock-location",
                 template: `
     <div class="stock-grid">
+      <div class="stock-transfer-wrapper">
+        <co-stock-transfer *ngIf="showStockTransfer"
+                           class="stock-transfer-dialog"
+                           [articleToTransfer]="articleDetails"
+                           (handleStickerClicked)="handleStickerClicked.emit($event)"
+                           [allWarehouses]="allWarehouses"
+                           [stockLocations]="stockLocations"
+                           [articleFlat]="articleFlat"
+                           [showStockTransfer]="showStockTransfer"
+                           (showStockTransferChange)="onShowStockTransferChange($event)">
+        </co-stock-transfer>
+      </div>
         <co-stock-location-popup
           [selectedWarehouse]="selectedWarehouse"
           [articleFlat]="articleFlat"
@@ -4139,11 +4190,16 @@ StockLocationComponent.ctorParameters = () => [
 StockLocationComponent.propDecorators = {
     articleStockInfo: [{ type: Input }],
     articleStockInformation: [{ type: Input }],
+    articleWarehouse: [{ type: Input }],
+    allWarehouses: [{ type: Input }],
     article: [{ type: Input }],
+    showStockTransfer: [{ type: Input }],
     articleFlat: [{ type: Input }],
     dataWareHouseCode: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }],
+    showStockTransferChange: [{ type: Output }],
+    handleStickerClicked: [{ type: Output }],
     selectedWarehouse: [{ type: Input }],
     stockLocations: [{ type: Input }]
 };
@@ -5030,10 +5086,10 @@ StockLocationPopupComponent.decorators = [
                              [readonly]="false"
               ></co-input-text>
             </div>
-            <co-input-text [model]="selectedArticleDetailsData?.entryDate | date"
+            <co-input-date [model]="selectedArticleDetailsData?.entryDate | date"
                            [placeholder]="'DATE' | localize"
                            [readonly]="false"
-            ></co-input-text>
+            ></co-input-date>
           </div>
           <div class="stock-dialog-row">
             <co-list-of-values [label]="'STATUS' | localize"
@@ -5112,7 +5168,8 @@ StockModule.decorators = [
                     StockStatusbarModule,
                     ListOfValuesModule,
                     LocalizationModule,
-                    PopupModule
+                    PopupModule,
+                    InputDatePickerModule
                 ],
                 declarations: [
                     StockComponent,
@@ -5195,6 +5252,7 @@ class Translation {
         this.REFERENCE = 'REFERENCE';
         this.RELATION_ID = 'RELATION_ID';
         this.RELATION_NR = 'RELATION_NR';
+        this.REMARK = 'REMARK';
         this.RESERVED = 'RESERVED';
         this.QUANTITY = 'QUANTITY';
         this.SEARCH = 'SEARCH';
@@ -5202,6 +5260,7 @@ class Translation {
         this.SERIE_NO = 'SERIE_NO';
         this.STANDARD_WAREHOUSE = 'STANDARD_WAREHOUSE';
         this.STANDARD_LOCATION = 'STANDARD_LOCATION';
+        this.STATUS = 'STATUS';
         this.STICKER = 'STICKER';
         this.STOCK = 'STOCK';
         this.STOCK_DETAILS = 'STOCK_DETAILS';
@@ -11232,7 +11291,11 @@ class ActivityListComponent {
         }
     }
     getDateString(date) {
-        return date.getDay().toString() + ' ' + (this._dictionaryService.get(ALL_MONTHS[date.getMonth()])) + ' ' + date.getFullYear();
+        const day = date.getDate();
+        const month = this._dictionaryService.get(ALL_MONTHS[date.getMonth()]);
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        return `${day} ${month} ${hours}:${minutes}`;
     }
     getActivityIcon(activity) {
         switch (activity.activityType) {
@@ -11282,7 +11345,7 @@ ActivityListComponent.decorators = [
       <div class="activity-wrapper" [class.customer-reply-wrapper]="(getRelationKind(activity.author) === RelationKind.Customer)" *ngFor="let activity of activities" >
         <div class="activity-display">
           <div class="activity-display-title">
-            <span>{{activity.author ? ( activity.author.initials + ' ' + activity.author.familyName) : " "}}</span>
+            <span>{{activity.author && (activity.author.initials || activity.author.familyName) ? (activity.author.initials || '') + ' ' + (activity.author.familyName || '') : ''}}</span>
             <span>{{getDateString(activity.lastActionDateTime)}}</span>
             <co-icon [iconData]="iconCacheService.getIcon(getActivityIcon(activity))"></co-icon>
           </div>
@@ -12490,6 +12553,7 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
         this.icons = Icon;
         this.activityClass = Activity;
         this.activitySortType = ActivitySortType;
+        this.showActivityHeader = true;
         this.hideTitle = false;
         this.noFreeTasks = false;
         this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
@@ -12647,6 +12711,7 @@ ComponentActivityListComponent.decorators = [
                 selector: "co-component-activity-list",
                 template: `
         <co-activity-list-header
+                *ngIf="showActivityHeader"
                 [title]="'ACTIVITIES'"
                 [table]="table"
                 [key]="key"
@@ -12724,6 +12789,7 @@ ComponentActivityListComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-component-activity-list",] }],
     table: [{ type: Input }],
     key: [{ type: Input }],
+    showActivityHeader: [{ type: Input }],
     hideTitle: [{ type: Input }],
     noFreeTasks: [{ type: Input }],
     customTitle: [{ type: Input }],
@@ -12739,6 +12805,9 @@ ComponentActivityListComponent.propDecorators = {
     showUsergroupActivitiesChanged: [{ type: Output }],
     activitiesList: [{ type: Input }]
 };
+__decorate([
+    InputBoolean()
+], ComponentActivityListComponent.prototype, "showActivityHeader", void 0);
 __decorate([
     InputBoolean()
 ], ComponentActivityListComponent.prototype, "hideTitle", void 0);