@colijnit/sharedcomponents 1.0.70 → 253.1.1

package/fesm2015/colijnit-sharedcomponents.js

@@ -31,14 +31,15 @@ import { WorkflowProcess } from '@colijnit/mainapi/build/model/workflow-process'
 import { CoDomainValue } from '@colijnit/mainapi/build/model/co-domain-value.bo';
 import { RoleEmailaddress } from '@colijnit/mainapi/build/model/role-email-address';
 import { Activity } from '@colijnit/mainapi/build/model/activity.bo';
+import { WorkflowProcessInfoPerStatus } from '@colijnit/mainapi/build/model/workflow-process-info-per-status';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
 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, CoreDialogService, InputDateRangePickerModule, CollapsibleModule } 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';
@@ -68,8 +69,9 @@ import { ActivityViewModel } from '@colijnit/mainapi/build/model/activity-view-m
 import { PersonalActivityTabEnum } from '@colijnit/mainapi/build/enum/personal-activity-tab.enum';
 import { ActivitySortType } from '@colijnit/mainapi/build/enum/activity-sort-type.enum';
 import { Task } from '@colijnit/mainapi/build/model/task.bo';
-import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
 import { TableName as TableName$1 } from '@colijnit/mainapi/build/enum/table-name.enum';
+import { TagCategory } from '@colijnit/mainapi/build/enum/tab-category.enum';
+import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
 import { DomainName } from '@colijnit/mainapi/build/enum/domain-name.enum';
 import { PriorityType } from '@colijnit/mainapi/build/enum/priority-type.enum';
 import { RelationRequest } from '@colijnit/relationapi/build/model/relation-request';
@@ -777,6 +779,81 @@ class SharedConnectorService {
             });
         });
     }
+    getComponentActivitiesWithoutRelationFiltering(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getComponentActivitiesWithoutRelationFiltering(table, key).then((result) => {
+                    if (result && result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Activity, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    updateActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.updateActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
+    deleteActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.deleteActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
+    lockTask(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.lockTask(id).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
+    fireTrigger(workFlowProcessId, sequence, triggerId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.fireTrigger(workFlowProcessId, sequence, triggerId).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
+    fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
+    getJoinedTags(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getJoinedTags(table, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(TagTreeItem, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getDocumentContent(id, thumbnail = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1155,6 +1232,22 @@ class SharedConnectorService {
             });
         });
     }
+    getWorkflowProcessInfoPerStatus(worlflowCategory) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getWorkflowProcessInfoPerStatus(worlflowCategory).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(WorkflowProcessInfoPerStatus, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getHistoricActivities(table, key) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1520,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;
@@ -1571,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();
@@ -1660,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
@@ -2223,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() {
@@ -2239,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;
@@ -2270,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() {
@@ -2286,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>
+          <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>
-
-
-          <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>
-            </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 {
@@ -2419,11 +2537,49 @@ class SharedService {
             return yield this.connector.getTagsFullTree(category, includeTags);
         });
     }
+    getJoinedTags(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getJoinedTags(table, key);
+        });
+    }
     getDocumentContent(docId, thumbnail = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getDocumentContent(docId, thumbnail);
         });
     }
+    getComponentActivitiesWithoutRelationFiltering(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getComponentActivitiesWithoutRelationFiltering(table, key);
+        });
+    }
+    updateActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.updateActivity(activity);
+        });
+    }
+    deleteActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.deleteActivity(activity);
+        });
+    }
+    lockTask(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.lockTask(id);
+        });
+    }
+    canFireTrigger(activity, task) {
+        return true;
+    }
+    fireTrigger(workFlowProcessId, sequence, triggerId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.fireTrigger(workFlowProcessId, sequence, triggerId);
+        });
+    }
+    fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId);
+        });
+    }
     getRelationListObjects(request) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getRelationListObjects(request);
@@ -2449,6 +2605,11 @@ class SharedService {
             return yield this.connector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key);
         });
     }
+    getWorkflowProcessInfoPerStatus(workflowCategory) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getWorkflowProcessInfoPerStatus(workflowCategory);
+        });
+    }
     getActivities(table, key) {
         return __awaiter(this, void 0, void 0, function* () {
             const activities = yield this.connector.getComponentActivities(table, key);
@@ -3504,6 +3665,9 @@ class StockTabsComponent {
             },
         ];
     }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+    }
     handleLocationClicked(data) {
         this.tabs[0].active = false;
         this.tabs[2].active = true;
@@ -3643,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"
@@ -3690,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 }]
@@ -3777,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;
@@ -3804,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;
@@ -3821,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;
@@ -3893,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"
@@ -4003,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 }]
 };
@@ -4894,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"
@@ -4976,7 +5168,8 @@ StockModule.decorators = [
                     StockStatusbarModule,
                     ListOfValuesModule,
                     LocalizationModule,
-                    PopupModule
+                    PopupModule,
+                    InputDatePickerModule
                 ],
                 declarations: [
                     StockComponent,
@@ -5059,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';
@@ -5066,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';
@@ -7495,6 +7690,88 @@ class SimpleTagsComponent {
         this._tags = [];
         this._linkedTags = [];
     }
+    set tags(tags) {
+        this._tags = tags;
+    }
+    get tags() {
+        return this._tags;
+    }
+    set linkedTags(tags) {
+        this._linkedTags = tags;
+    }
+    get linkedTags() {
+        return this._linkedTags;
+    }
+    showClass() {
+        return true;
+    }
+    handleSaveTags() {
+        this.saveClick.next(this._linkedTags);
+        this.closeClick.next();
+    }
+}
+SimpleTagsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-simple-tags",
+                template: `
+    <co-dialog
+      [headerTemplate]="headerTemplate"
+      [footerTemplate]="footerTemplate"
+      (closeClick)="closeClick.emit()"
+    >
+      <ng-template #headerTemplate>
+        <div class="header-wrapper">
+          <co-icon [iconData]="iconCacheService.getIcon(icon.TagRegular)"></co-icon>
+          <span class="co-dialog-header-title" [textContent]="'Tags'"></span>
+        </div>
+      </ng-template>
+
+      <div class="dialog-content-wrapper">
+        <co-simple-tags-form [tags]="tags" [(linkedTags)]="linkedTags"></co-simple-tags-form>
+      </div>
+
+      <ng-template #footerTemplate>
+        <div class="co-dialog-footer-button-wrapper">
+          <co-button class="save-button"
+            [iconData]="iconCacheService.getIcon(icon.CheckDuotone)"
+            (click)="handleSaveTags()"
+          ></co-button>
+          <co-button
+            class="close-button"
+            [iconData]="iconCacheService.getIcon(icon.CrossSkinny)"
+            (click)="closeClick.next()"
+          ></co-button>
+        </div>
+      </ng-template>
+    </co-dialog>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SimpleTagsComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: SharedService }
+];
+SimpleTagsComponent.propDecorators = {
+    tags: [{ type: Input }],
+    linkedTags: [{ type: Input }],
+    closeClick: [{ type: Output }],
+    saveClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-simple-tags",] }]
+};
+
+class SimpleTagsFormComponent {
+    constructor(iconCacheService, sharedService) {
+        this.iconCacheService = iconCacheService;
+        this.sharedService = sharedService;
+        this.icon = Icon;
+        this.linkedTagsChange = new EventEmitter();
+        this.breadCrumbs = [];
+        this.displayTags = [];
+        this.searchString = '';
+        this._tags = [];
+        this._linkedTags = [];
+    }
     set tags(tags) {
         this._tags = tags;
         this.setRootDisplayTags();
@@ -7567,10 +7844,6 @@ class SimpleTagsComponent {
         this.displayTags = matchingObjects;
         this.breadCrumbs = [];
     }
-    handleSaveTags() {
-        this.saveClick.next(this._linkedTags);
-        this.closeClick.next();
-    }
     _loadThumbnail(tagTreeItem) {
         if (tagTreeItem.image && tagTreeItem.image.documentId && !tagTreeItem.image.thumbnailBody) {
             this.sharedService.getDocumentContent(tagTreeItem.image.documentId, true)
@@ -7582,52 +7855,40 @@ class SimpleTagsComponent {
         }
     }
 }
-SimpleTagsComponent.decorators = [
+SimpleTagsFormComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-simple-tags",
+                selector: "co-simple-tags-form",
                 template: `
-    <co-dialog
-      [headerTemplate]="headerTemplate"
-      [footerTemplate]="footerTemplate"
-      (closeClick)="closeClick.emit()"
-    >
-      <ng-template #headerTemplate>
-        <div class="header-wrapper">
-          <co-icon [iconData]="iconCacheService.getIcon(icon.TagRegular)"></co-icon>
-          <span class="co-dialog-header-title" [textContent]="'Tags'"></span>
-        </div>
-      </ng-template>
-
-      <div class="dialog-content-wrapper">
-        <div class="collection-navigation co-small-scrollbar">
-          <span class="title" [textContent]="'Beschikbare tags'"></span>
-          <co-input-search
-            [(model)]="searchString"
-            [placeholder]="'Search for tag name'"
-            (search)="searchCollection()"
-            (modelChange)="searchCollection()"
-            (rightIconClick)="searchCollection()"
-          ></co-input-search>
-          <div class="breadcrumbs">
-            <co-icon
-              [iconData]="iconCacheService.getIcon(icon.HouseBlankRegular)"
-              (click)="setRootDisplayTags()"
-            ></co-icon>
-            <div class="crumbs">
-              <span class="spacer" [textContent]="'|'"></span>
-              <div class="crumb" *ngFor="let crumb of breadCrumbs; let index = index" (click)="handleCrumbClicked(crumb, index)">
-                <span class="spacer" *ngIf="index !== 0" [textContent]="'/'"></span>
-                <span [textContent]="crumb.description"></span>
-              </div>
+    <div class="form-content-wrapper">
+      <div class="collection-navigation co-small-scrollbar">
+        <span class="title" [textContent]="'Beschikbare tags'"></span>
+        <co-input-search
+          [(model)]="searchString"
+          [placeholder]="'Search for tag name'"
+          (search)="searchCollection()"
+          (modelChange)="searchCollection()"
+          (rightIconClick)="searchCollection()"
+        ></co-input-search>
+        <div class="breadcrumbs">
+          <co-icon
+            [iconData]="iconCacheService.getIcon(icon.HouseBlankRegular)"
+            (click)="setRootDisplayTags()"
+          ></co-icon>
+          <div class="crumbs">
+            <span class="spacer" [textContent]="'|'"></span>
+            <div class="crumb" *ngFor="let crumb of breadCrumbs; let index = index" (click)="handleCrumbClicked(crumb, index)">
+              <span class="spacer" *ngIf="index !== 0" [textContent]="'/'"></span>
+              <span [textContent]="crumb.description"></span>
             </div>
           </div>
-          <div class="collection-view"
-               cdkDropList
-               cdkDropListSortingDisabled
-               #collectionList="cdkDropList"
-               [cdkDropListData]="displayTags"
-               [cdkDropListConnectedTo]="[linkedList]"
-          ><div class="collection-item"
+        </div>
+        <div class="collection-view"
+             cdkDropList
+             cdkDropListSortingDisabled
+             #collectionList="cdkDropList"
+             [cdkDropListData]="displayTags"
+             [cdkDropListConnectedTo]="[linkedList]">
+          <div class="collection-item"
                 *ngFor="let tag of displayTags"
                 cdkDrag
                 [cdkDragDisabled]="tag.tagType !== 'T' || linkedTags.includes(tag)"
@@ -7645,68 +7906,73 @@ SimpleTagsComponent.decorators = [
             <co-icon *ngIf="tag.tagType === 'T'" [iconData]="iconCacheService.getIcon(icon.TagRegular)"></co-icon>
             <span [textContent]="tag.description"></span>
           </div>
-          </div>
         </div>
+      </div>
 
-        <div class="linked-tags-view">
-          <span class="title" [textContent]="'Gekoppelde tags'"></span>
-          <div class="view-wrapper"
-               cdkDropList
-               #linkedList="cdkDropList"
-               [cdkDropListData]="linkedTags"
-               (cdkDropListDropped)="handleAddTag($event)">
-            <div class="tag-item" *ngFor="let tag of linkedTags" [cdkDragDisabled]="true" cdkDrag [style.background-color]="tag.color?.replace('0x', '#')">
-              <div class="placeholderLinked" *cdkDragPlaceholder></div>
+      <div class="linked-tags-view">
+        <span class="title" [textContent]="'Gekoppelde tags'"></span>
+        <div class="view-wrapper"
+             cdkDropList
+             #linkedList="cdkDropList"
+             [cdkDropListData]="linkedTags"
+             (cdkDropListDropped)="handleAddTag($event)">
+          <div class="tag-item" *ngFor="let tag of linkedTags" [cdkDragDisabled]="true" cdkDrag [style.background-color]="tag.color?.replace('0x', '#')">
+            <div class="placeholderLinked" *cdkDragPlaceholder></div>
 
-              <div class="thumbnail-description">
-                <co-icon *ngIf="!tag.image?.thumbnailBody" [iconData]="iconCacheService.getIcon(icon.TagRegular)"></co-icon>
-                <div *ngIf="tag.image" class="thumbnail-wrapper">
-                  <img [src]="tag.image.thumbnailBodyAsDataUri">
-                </div>
+            <div class="thumbnail-description">
+              <co-icon *ngIf="!tag.image?.thumbnailBody" [iconData]="iconCacheService.getIcon(icon.TagRegular)"></co-icon>
+              <div *ngIf="tag.image" class="thumbnail-wrapper">
+                <img [src]="tag.image.thumbnailBodyAsDataUri">
+              </div>
 
-                <div class="description-wrapper">
-                  <span [textContent]="tag.parentDescription"></span>
-                  <span class="description" [textContent]="tag.description"></span>
-                </div>
+              <div class="description-wrapper">
+                <span [textContent]="tag.parentDescription"></span>
+                <span class="description" [textContent]="tag.description"></span>
               </div>
-              <co-icon class="delete-tag" (click)="deleteLinkedTag(tag)"
-                       [iconData]="iconCacheService.getIcon(icon.XSolid)"
-              ></co-icon>
             </div>
+            <co-icon class="delete-tag" (click)="deleteLinkedTag(tag)"
+                     [iconData]="iconCacheService.getIcon(icon.XSolid)"
+            ></co-icon>
           </div>
         </div>
       </div>
-
-      <ng-template #footerTemplate>
-        <div class="co-dialog-footer-button-wrapper">
-          <co-button class="save-button"
-            [iconData]="iconCacheService.getIcon(icon.CheckDuotone)"
-            (click)="handleSaveTags()"
-          ></co-button>
-          <co-button
-            class="close-button"
-            [iconData]="iconCacheService.getIcon(icon.CrossSkinny)"
-            (click)="closeClick.next()"
-          ></co-button>
-        </div>
-      </ng-template>
-    </co-dialog>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-SimpleTagsComponent.ctorParameters = () => [
+SimpleTagsFormComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: SharedService }
 ];
-SimpleTagsComponent.propDecorators = {
+SimpleTagsFormComponent.propDecorators = {
     tags: [{ type: Input }],
     linkedTags: [{ type: Input }],
-    closeClick: [{ type: Output }],
-    saveClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-simple-tags",] }]
+    linkedTagsChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-simple-tags-form",] }]
 };
 
+class SimpleTagsFormModule {
+}
+SimpleTagsFormModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    InputSearchModule,
+                    IconModule,
+                    DragDropModule,
+                    ButtonModule
+                ],
+                declarations: [
+                    SimpleTagsFormComponent
+                ],
+                exports: [
+                    SimpleTagsFormComponent
+                ]
+            },] }
+];
+
 class SimpleTagsModule {
 }
 SimpleTagsModule.decorators = [
@@ -7717,7 +7983,8 @@ SimpleTagsModule.decorators = [
                     InputSearchModule,
                     IconModule,
                     DragDropModule,
-                    ButtonModule
+                    ButtonModule,
+                    SimpleTagsFormModule
                 ],
                 declarations: [
                     SimpleTagsComponent
@@ -10347,12 +10614,12 @@ class ImageDisplayComponent {
 ImageDisplayComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-image-display",
-                template: `
-    <img class="image" *ngIf="!!model" [src]="model">
-    <div class="no-image" *ngIf="!model">
-      <div class="img"></div>
-      <div class="no-image-label" [textContent]="label | localize"></div>
-    </div>
+                template: `
+    <img class="image" *ngIf="!!model" [src]="model">
+    <div class="no-image" *ngIf="!model">
+      <div class="img"></div>
+      <div class="no-image-label" [textContent]="label | localize"></div>
+    </div>
   `,
                 providers: [{
                         provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -11145,6 +11412,7 @@ class BaseActivityListComponent {
         this.privateDelegatedActivityListViewModels = [];
         this.filteredActivityListViewModels = [];
         this.filteredDelegatedActivityListViewModels = [];
+        this._showUsergroupActivities = false;
         this._activities = [];
         this._delegatedActivities = [];
         //protected userService: UserService
@@ -11173,9 +11441,10 @@ class BaseActivityListComponent {
     }
     // TODO: return this.userService.showUsergroupActivities and allow to set properly;
     get showUsergroupActivities() {
-        return false;
+        return this._showUsergroupActivities;
     }
     set showUsergroupActivities(value) {
+        this._showUsergroupActivities = value;
     }
     ngOnDestroy() {
         clearInterval(this._updateInterval);
@@ -11195,7 +11464,7 @@ class BaseActivityListComponent {
     afterFilterApplied() {
     }
     getTheActivities() {
-        //this.getActivities();
+        this.getActivities();
         this.getDelegatedActivities();
     }
     _removeNotShowing(listViewModels) {
@@ -11422,10 +11691,6 @@ var ActivityCfgName;
     ActivityCfgName["WorkedTime"] = "workedTime";
 })(ActivityCfgName || (ActivityCfgName = {}));
 
-function OperationWithValidationCallback(object, object2, object3) {
-    return Promise.resolve(new ValidationResult());
-}
-
 var AppPopupButtonType;
 (function (AppPopupButtonType) {
     AppPopupButtonType[AppPopupButtonType["Ok"] = 0] = "Ok";
@@ -11438,13 +11703,13 @@ var AppPopupButtonType;
 })(AppPopupButtonType || (AppPopupButtonType = {}));
 
 class ModifyTaskFormComponent {
-    constructor(_boFactory, sharedService
+    constructor(_boFactory, sharedService, iconCacheService
     //private _mediaMonitor: MediaMonitorService,
     /*private _activityService: ActivityService*/
     ) {
         this._boFactory = _boFactory;
         this.sharedService = sharedService;
-        this.Icon = Icon;
+        this.iconCacheService = iconCacheService;
         //public readonly TagCategory: typeof TagCategory = TagCategory;
         this.TableNames = TableName$1;
         this.readonly = false;
@@ -11456,6 +11721,7 @@ class ModifyTaskFormComponent {
         this.activities = [];
         this.table = TableName$1.Tasks;
         this.expandActivities = false;
+        this.showTagPopup = false;
     }
     /* @ViewChild(ActivityActivitiesComponent, { static: true })
      public activityActivities: ActivityActivitiesComponent;*/
@@ -11484,6 +11750,7 @@ class ModifyTaskFormComponent {
     }
     ngOnInit() {
         this._getActivities();
+        this._getTags();
     }
     showContent(menu) {
         this.selectedMenu = menu;
@@ -11521,6 +11788,13 @@ class ModifyTaskFormComponent {
         this.expandActivities = true;
         this.showWorkLog.emit();
     }
+    handleEditTags() {
+        this._getTags();
+        this.showTagPopup = true;
+    }
+    handleSaveTags(tags) {
+        this.activity.task.tags = tags;
+    }
     _updateTaskObject(activity, prop) {
         const cloneActivity = this._boFactory.makeWithRawBackendData(Activity, activity);
         if (cloneActivity.isNew) {
@@ -11545,6 +11819,20 @@ class ModifyTaskFormComponent {
             this.activities = yield this.sharedService.getActivities(this.table, this.key.toString());
         });
     }
+    _getTags() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.allTags = yield this.sharedService.getTagsFullTree(TagCategory.tasks, true);
+            /*if (!this.key) {
+              return;
+            } else {
+              this.editingTags = await this.sharedService.getJoinedTags(this.table, this.key.toString());
+            }*/ /*if (!this.key) {
+              return;
+            } else {
+              this.editingTags = await this.sharedService.getJoinedTags(this.table, this.key.toString());
+            }*/
+        });
+    }
 }
 ModifyTaskFormComponent.decorators = [
     { type: Component, args: [{
@@ -11646,15 +11934,17 @@ ModifyTaskFormComponent.decorators = [
             (activityChange)="activityChange.emit($event)" noBorder
           ></co-notification-summary-block>
 
-          <!--TODO implement tags here-->
-          <!--<tags
-                  [(joinedTags)]="activity.task.tags"
-                  [readonly]="readonly"
-                  [tagCategory]="TagCategory.tasks"
-                  [collapseable]="false"
-          ></tags>-->
+          <div class="edit-tags-wrapper">
+            <co-simple-tags-form [tags]="allTags"
+                                 [linkedTags]="activity.task.tags">
+            </co-simple-tags-form>
+          </div>
+          <div class="transaction-tag-wrapper" *ngFor="let tag of activity.task.tags">
+            <div class="tag" [textContent]="tag.description"></div>
+          </div>
         </div>
       </div>
+
     </div>
   `,
                 providers: [
@@ -11668,7 +11958,8 @@ ModifyTaskFormComponent.decorators = [
 ];
 ModifyTaskFormComponent.ctorParameters = () => [
     { type: BusinessObjectFactory },
-    { type: SharedService }
+    { type: SharedService },
+    { type: IconCacheService$1 }
 ];
 ModifyTaskFormComponent.propDecorators = {
     activity: [{ type: Input }],
@@ -11687,11 +11978,12 @@ __decorate([
 ], ModifyTaskFormComponent.prototype, "forceReadonly", null);
 
 class TaskModifierComponent {
-    constructor(_dialogService, _boFactory, _dictionary, iconService) {
+    constructor(_dialogService, _boFactory, _dictionary, iconService, sharedService) {
         this._dialogService = _dialogService;
         this._boFactory = _boFactory;
         this._dictionary = _dictionary;
         this.iconService = iconService;
+        this.sharedService = sharedService;
         this.icons = Icon;
         this.editingComplete = new EventEmitter();
         this.activitySaved = new EventEmitter();
@@ -11756,7 +12048,7 @@ class TaskModifierComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.editActivity) {
                 const newActivity = this.editActivity.isNew;
-                const result = yield this.upsertActivityOperation(this.editActivity);
+                const result = yield this.sharedService.updateActivity(this.editActivity);
                 if (result) {
                     this.activitySaved.next(this.editActivity);
                     this.editingComplete.next(this.editActivity);
@@ -11803,7 +12095,7 @@ class TaskModifierComponent {
         return __awaiter(this, void 0, void 0, function* () {
             const doDelete = yield this._dialogService.showYesNo("DELETE_TASK", "DELETE_TASK", false);
             if (doDelete.button === AppPopupButtonType.Yes) {
-                yield this.deleteActivityOperation(this.editActivity);
+                yield this.sharedService.deleteActivity(this.editActivity);
                 this.activityDeleted.next(this.editActivity);
                 this.hide();
             }
@@ -11826,7 +12118,7 @@ class TaskModifierComponent {
                 return;
             }
             this.showAfterInsert = false;
-            yield this.tryLockTaskOperation(activity.task.taskId);
+            yield this.sharedService.lockTask(activity.task.taskId);
             activity.task = activity.task;
             this.currentActivity = activity;
             this._createClone();
@@ -11917,7 +12209,8 @@ TaskModifierComponent.ctorParameters = () => [
     { type: CoreDialogService },
     { type: BusinessObjectFactory },
     { type: DictionaryService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: SharedService }
 ];
 TaskModifierComponent.propDecorators = {
     mainForm: [{ type: ViewChild, args: [FormComponent,] }],
@@ -11927,9 +12220,6 @@ TaskModifierComponent.propDecorators = {
     referenceId: [{ type: Input }],
     userGroupId: [{ type: Input }],
     relationId: [{ type: Input }],
-    upsertActivityOperation: [{ type: Input }],
-    deleteActivityOperation: [{ type: Input }],
-    tryLockTaskOperation: [{ type: Input }],
     createTaskOperation: [{ type: Input }],
     forceReadonly: [{ type: Input }],
     editingComplete: [{ type: Output }],
@@ -11946,9 +12236,14 @@ __decorate([
 ], TaskModifierComponent.prototype, "forceReadonly", void 0);
 
 class BaseActivityOverviewComponent {
-    constructor(_dialogService, _dictionaryService) {
+    constructor(_dialogService, _dictionaryService, _sharedService
+    //TODO reinstate when formbuilder is transferred
+    //private _formRepo: FormDalRepository,
+    /*private _router: Router*/
+    ) {
         this._dialogService = _dialogService;
         this._dictionaryService = _dictionaryService;
+        this._sharedService = _sharedService;
         this.icon = Icon;
         this.cfgNames = ActivityCfgName;
         this.taskCfgNames = {
@@ -11963,13 +12258,7 @@ class BaseActivityOverviewComponent {
             tagsHeader: ActivityCfgName.TagsHeader,
             taskInvoice: ActivityCfgName.TaskInvoice
         };
-        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
         this.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
-        this.lockTaskOperation = OperationWithAlwaysSuccessCallback;
-        this.deleteActivityOperation = OperationWithAlwaysSuccessCallback;
-        this.upsertActivityOperation = OperationWithAlwaysSuccessCallback;
-        this.fireGenericTriggerOperation = OperationWithValidationCallback;
-        this.fireTriggerOperation = OperationWithValidationCallback;
         this.handleOpenLinkSidebar = false;
         this.activityChange = new EventEmitter();
         this.activityDeleted = new EventEmitter();
@@ -12009,7 +12298,7 @@ class BaseActivityOverviewComponent {
     }
     handleGenericTriggerClick(event) {
         return __awaiter(this, void 0, void 0, function* () {
-            const result = yield this.fireGenericTriggerOperation(this.workFlow.workflowProcessId, event.genericTransitionId, this.userRelationId);
+            const result = yield this._sharedService.fireGenericTrigger(this.workFlow.workflowProcessId, event.genericTransitionId, this.userRelationId);
             if (result.success) {
                 this.genericTriggerFired.next(this.activity);
             }
@@ -12040,13 +12329,13 @@ class BaseActivityOverviewComponent {
                 this.showCreateForm = true;*/
             }
             else {
-                /*if (eventTrigger.toClosedState && !await this.canFireTriggerOperation({activity: this.activity, task: this.activity.task})) {
-                    await this.prepareWorkflowOperation({table: this.workFlow.table, key: this.workFlow.key});
+                if (eventTrigger.toClosedState && !this._sharedService.canFireTrigger(this.activity, this.activity.task)) {
+                    yield this.prepareWorkflowOperation({ table: this.workFlow.table, key: this.workFlow.key });
                     this.triggerToFireOnSave = eventTrigger;
                     this.showTaskFormAndWorkLog();
                     return;
-                }*/
-                const result = yield this.fireTriggerOperation(this.workFlow.workflowProcessId, this.workFlow.sequence, eventTrigger.triggerId);
+                }
+                const result = yield this._sharedService.fireTrigger(this.workFlow.workflowProcessId, this.workFlow.sequence, eventTrigger.triggerId);
                 if (result.success) {
                     this.triggerFired.next(this.activity);
                 }
@@ -12186,19 +12475,14 @@ BaseActivityOverviewComponent.decorators = [
 ];
 BaseActivityOverviewComponent.ctorParameters = () => [
     { type: CoreDialogService },
-    { type: DictionaryService }
+    { type: DictionaryService },
+    { type: SharedService }
 ];
 BaseActivityOverviewComponent.propDecorators = {
     taskModifier: [{ type: ViewChild, args: [TaskModifierComponent, { static: true },] }],
     viewModel: [{ type: Input }],
     triggerToFireOnSave: [{ type: Input }],
-    canFireTriggerOperation: [{ type: Input }],
     prepareWorkflowOperation: [{ type: Input }],
-    lockTaskOperation: [{ type: Input }],
-    deleteActivityOperation: [{ type: Input }],
-    upsertActivityOperation: [{ type: Input }],
-    fireGenericTriggerOperation: [{ type: Input }],
-    fireTriggerOperation: [{ type: Input }],
     userRelationId: [{ type: Input }],
     userGroupId: [{ type: Input }],
     handleOpenLinkSidebar: [{ type: Input }],
@@ -12253,9 +12537,14 @@ PersonalActivityOverviewComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-personal-activity-overview",] }]
 };
 
+function OperationWithValidationCallback(object, object2, object3) {
+    return Promise.resolve(new ValidationResult());
+}
+
 class ComponentActivityListComponent extends BaseActivityListComponent {
-    constructor() {
+    constructor(sharedService) {
         super();
+        this.sharedService = sharedService;
         this.tabs = PersonalActivityTabEnum;
         this.icons = Icon;
         this.activityClass = Activity;
@@ -12263,19 +12552,12 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
         this.hideTitle = false;
         this.noFreeTasks = false;
         this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
-        this.fireGenericTriggerOperation = OperationWithValidationCallback;
-        this.fireTriggerOperation = OperationWithValidationCallback;
-        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
         this.setHasPausedNotificationsForWorkflowProcessOperation = OperationWithValidationCallback;
-        this.lockTaskOperation = OperationWithAlwaysSuccessCallback;
-        this.deleteActivityOperation = OperationWithAlwaysSuccessCallback;
-        this.upsertActivityOperation = OperationWithAlwaysSuccessCallback;
         this.openLinkClick = new EventEmitter();
         this.amountActivityChanged = new EventEmitter();
         this.linkClicked = new EventEmitter();
         this.formCreated = new EventEmitter();
-        this.genericTriggerFired = new EventEmitter();
-        this.triggerFired = new EventEmitter();
+        this.refreshRequested = new EventEmitter();
         this.showUsergroupActivitiesChanged = new EventEmitter();
         this.activeTab = PersonalActivityTabEnum.TODO;
         /*public activitySortList: boolean[] = [];*/
@@ -12303,24 +12585,38 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
     trackByFn(index, vm) {
         return vm.activity.id + '_' + vm.activity.workflow.combinedTriggerIds;
     }
-    //TODO do we still need this?
-    /*async ngOnInit(): Promise<void> {
-        this._subs.push(
-            this._appEventService.taskCreated.subscribe(() => {
-                this.getTheActivities();
-            }),
-            this._appEventService.taskModified.subscribe(() => {
-                this.getTheActivities();
-            }),
-            this._appEventService.triggerFired.subscribe(() => {
-                this.getTheActivities();
-            })
-        );
-    }*/
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.getTheActivities();
+            /*this._subs.push(
+                this._appEventService.taskCreated.subscribe(() => {
+                    this.getTheActivities();
+                }),
+                this._appEventService.taskModified.subscribe(() => {
+                    this.getTheActivities();
+                })
+            );*/
+        });
+    }
     ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
+        //this._subs.forEach(s => s.unsubscribe());
         super.ngOnDestroy();
     }
+    getActivities() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.table && this.key) {
+                const allActivities = yield this.sharedService.getComponentActivitiesWithoutRelationFiltering(this.table, this.key);
+                if (allActivities) {
+                    this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task && aa.activityType !== ActivityType.WorkflowTask) :
+                        allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask);
+                }
+                else {
+                    this.activities = [];
+                }
+                this.amountActivityChanged.next(this.activities.length);
+            }
+        });
+    }
     set activitiesList(allActivities) {
         this._activitiesList = allActivities;
         if (allActivities) {
@@ -12334,18 +12630,6 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
     get activitiesList() {
         return this._activitiesList;
     }
-    /*public async getActivities(): Promise<void> {
-        if (this.table && this.key) {
-            const allActivities: Activity[] = await this._activityRepo.getComponentActivities(this.table, this.key);
-            if (allActivities) {
-                this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task && aa.activityType !== ActivityType.WorkflowTask) :
-                    allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask);
-            } else {
-                this.activities = [];
-            }
-            this.amountActivityChanged.next(this.activities.length);
-        }
-    }*/
     getDelegatedActivities() {
         return __awaiter(this, void 0, void 0, function* () {
             // const allActivities: Activity[] = await this._activityRepo.getComponentActivities(this.table, this.key);
@@ -12360,10 +12644,12 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
         this.showUsergroupActivitiesChanged.next();
     }
     handleTriggerFired(activity) {
-        this.triggerFired.next(activity);
+        this.getTheActivities();
+        this.refreshRequested.emit();
     }
     handleGenericTriggerFired(activity) {
-        this.genericTriggerFired.next(activity);
+        this.getTheActivities();
+        this.refreshRequested.emit();
     }
     handleFormCreation() {
         this.formCreated.next();
@@ -12439,15 +12725,9 @@ ComponentActivityListComponent.decorators = [
                                       [(expanded)]="activityListViewModel.expanded">
                             <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
                                <co-component-activity-overview *ngIf="activityViewModel.showing"
-                                                               [fireGenericTriggerOperation]="fireGenericTriggerOperation"
-                                                               [fireTriggerOperation]="fireTriggerOperation"
-                                                               [canFireTriggerOperation]="canFireTriggerOperation"
                                                              [viewModel]="activityViewModel"
                                                              [userRelationId]="relationId"
                                                              [userGroupId]="userGroupId"
-                                                             [lockTaskOperation]="lockTaskOperation"
-                                                             [deleteActivityOperation]="deleteActivityOperation"
-                                                             [upsertActivityOperation]="upsertActivityOperation"
                                                              (activityChange)="handleChangedActivity(index, $event)"
                                                              (activityDeleted)="deleteActivity($event)"
                                                              (genericTriggerFired)="handleGenericTriggerFired($event)"
@@ -12465,9 +12745,6 @@ ComponentActivityListComponent.decorators = [
                                         [(expanded)]="activityListViewModel.expanded">
                             <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
                                <co-component-activity-overview *ngIf="activityViewModel.showing"
-                                                             [fireGenericTriggerOperation]="fireGenericTriggerOperation"
-                                                             [fireTriggerOperation]="fireTriggerOperation"
-                                                             [canFireTriggerOperation]="canFireTriggerOperation"
                                                              [viewModel]="activityViewModel"
                                                              [userRelationId]="relationId"
                                                              [userGroupId]="userGroupId"
@@ -12498,7 +12775,9 @@ ComponentActivityListComponent.decorators = [
                 ]
             },] }
 ];
-ComponentActivityListComponent.ctorParameters = () => [];
+ComponentActivityListComponent.ctorParameters = () => [
+    { type: SharedService }
+];
 ComponentActivityListComponent.propDecorators = {
     activityOverviewList: [{ type: ViewChildren, args: [PersonalActivityOverviewComponent,] }],
     showClass: [{ type: HostBinding, args: ["class.co-component-activity-list",] }],
@@ -12510,19 +12789,12 @@ ComponentActivityListComponent.propDecorators = {
     userGroupId: [{ type: Input }],
     relationId: [{ type: Input }],
     componentActivitiesMethod: [{ type: Input }],
-    fireGenericTriggerOperation: [{ type: Input }],
-    fireTriggerOperation: [{ type: Input }],
-    canFireTriggerOperation: [{ type: Input }],
     setHasPausedNotificationsForWorkflowProcessOperation: [{ type: Input }],
-    lockTaskOperation: [{ type: Input }],
-    deleteActivityOperation: [{ type: Input }],
-    upsertActivityOperation: [{ type: Input }],
     openLinkClick: [{ type: Output }],
     amountActivityChanged: [{ type: Output }],
     linkClicked: [{ type: Output }],
     formCreated: [{ type: Output }],
-    genericTriggerFired: [{ type: Output }],
-    triggerFired: [{ type: Output }],
+    refreshRequested: [{ type: Output }],
     showUsergroupActivitiesChanged: [{ type: Output }],
     activitiesList: [{ type: Input }]
 };
@@ -12550,11 +12822,13 @@ PersonalActivityOverviewModule.decorators = [
 ];
 
 class ComponentActivityOverviewComponent extends BaseActivityOverviewComponent {
-    constructor(iconCacheService, dialogService, dictionaryService) {
-        super(dialogService, dictionaryService);
+    constructor(iconCacheService, dialogService, dictionaryService, sharedService
+    /*public router: Router*/ ) {
+        super(dialogService, dictionaryService, sharedService /*router*/);
         this.iconCacheService = iconCacheService;
         this.dialogService = dialogService;
         this.dictionaryService = dictionaryService;
+        this.sharedService = sharedService;
         this.Icon = Icon;
     }
     showClass() {
@@ -12634,9 +12908,6 @@ ComponentActivityOverviewComponent.decorators = [
         <co-task-modifier
                 [userGroupId]="userGroupId"
                 [relationId]="userRelationId"
-                [tryLockTaskOperation]="lockTaskOperation"
-                [deleteActivityOperation]="deleteActivityOperation"
-                [upsertActivityOperation]="upsertActivityOperation"
                 (editingComplete)="onSaveActivity($event)"
                 (activityDeleted)="onDeleteActivity($event)"
                 (showWorkLog)="showTaskFormAndWorkLog()"
@@ -12665,21 +12936,21 @@ ComponentActivityOverviewComponent.decorators = [
 ComponentActivityOverviewComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: CoreDialogService },
-    { type: DictionaryService }
+    { type: DictionaryService },
+    { type: SharedService }
 ];
 ComponentActivityOverviewComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-component-activity-overview",] }]
 };
 
 class BaseActivitySummaryComponent {
-    constructor(dictionaryService, dialogService) {
+    constructor(dictionaryService, dialogService, _sharedService) {
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
+        this._sharedService = _sharedService;
         this.expanded = false;
         this.noBorder = false;
         this.readonly = false;
-        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
-        this.fireTriggerOperation = OperationWithValidationCallback;
         this.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
         this.loadTaskOperation = OperationWithAlwaysSuccessCallback;
         this.activityChange = new EventEmitter();
@@ -12722,14 +12993,14 @@ class BaseActivitySummaryComponent {
                 return;
             }
             if (trigger.toClosedState) {
-                const canFire = yield this.canFireTriggerOperation({ editActivity: this.editActivity, task: this.editActivity.task });
+                const canFire = this._sharedService.canFireTrigger(this.editActivity, this.editActivity.task);
                 if (!canFire) {
                     this.triggerToFireOnSave = trigger;
                     this.showWorkLog.next();
                     return;
                 }
             }
-            const result = yield this.fireTriggerOperation(trigger, null, null);
+            const result = yield this._sharedService.fireTrigger(this.workFlow.workflowId, this.workFlow.sequence, trigger.triggerId);
             if (result.success) {
                 yield this.updateActivityTask(this.editActivity.task);
                 yield this.prepareWorkflow();
@@ -12773,7 +13044,8 @@ BaseActivitySummaryComponent.decorators = [
 ];
 BaseActivitySummaryComponent.ctorParameters = () => [
     { type: DictionaryService },
-    { type: CoreDialogService }
+    { type: CoreDialogService },
+    { type: SharedService }
 ];
 BaseActivitySummaryComponent.propDecorators = {
     activity: [{ type: Input }],
@@ -12784,8 +13056,6 @@ BaseActivitySummaryComponent.propDecorators = {
     expanded: [{ type: Input }],
     noBorder: [{ type: HostBinding, args: ["class.no-border",] }, { type: Input }],
     readonly: [{ type: Input }],
-    canFireTriggerOperation: [{ type: Input }],
-    fireTriggerOperation: [{ type: Input }],
     prepareWorkflowOperation: [{ type: Input }],
     loadTaskOperation: [{ type: Input }],
     triggerToFireOnSave: [{ type: Input }],
@@ -12799,11 +13069,12 @@ __decorate([
 ], BaseActivitySummaryComponent.prototype, "noBorder", void 0);
 
 class TaskDetailsComponent extends BaseActivitySummaryComponent {
-    constructor(dictionaryService, dialogService, iconCacheService) {
-        super(dictionaryService, dialogService);
+    constructor(dictionaryService, dialogService, iconCacheService, sharedService) {
+        super(dictionaryService, dialogService, sharedService);
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
         this.iconCacheService = iconCacheService;
+        this.sharedService = sharedService;
         this.Icon = Icon;
         this.showStatusDropdown = false;
     }
@@ -12887,7 +13158,8 @@ TaskDetailsComponent.decorators = [
 TaskDetailsComponent.ctorParameters = () => [
     { type: DictionaryService },
     { type: CoreDialogService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: SharedService }
 ];
 TaskDetailsComponent.propDecorators = {
     activity: [{ type: Input }],
@@ -13030,11 +13302,12 @@ ActivitySummaryBlockModule.decorators = [
 ];
 
 class StatusSummaryBlockComponent extends BaseActivitySummaryComponent {
-    constructor(dictionaryService, dialogService, iconService) {
-        super(dictionaryService, dialogService);
+    constructor(dictionaryService, dialogService, iconService, sharedService) {
+        super(dictionaryService, dialogService, sharedService);
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
         this.iconService = iconService;
+        this.sharedService = sharedService;
         this.Icon = Icon;
     }
     showClass() {
@@ -13087,7 +13360,8 @@ StatusSummaryBlockComponent.decorators = [
 StatusSummaryBlockComponent.ctorParameters = () => [
     { type: DictionaryService },
     { type: CoreDialogService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: SharedService }
 ];
 StatusSummaryBlockComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-status-summary-block",] }]
@@ -13115,7 +13389,7 @@ StatusSummaryBlockModule.decorators = [
 
 class CreationSummaryBlockComponent extends BaseActivitySummaryComponent {
     constructor(dictionaryService, dialogService, sharedService, locale) {
-        super(dictionaryService, dialogService);
+        super(dictionaryService, dialogService, sharedService);
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
         this.sharedService = sharedService;
@@ -13249,11 +13523,11 @@ var RelationType;
     RelationType["Supervisor"] = "supervisor";
 })(RelationType || (RelationType = {}));
 class ExecutiveSummaryBlockComponent extends BaseActivitySummaryComponent {
-    constructor(dictionaryService, dialogService, _sharedService) {
-        super(dictionaryService, dialogService);
+    constructor(dictionaryService, dialogService, sharedService) {
+        super(dictionaryService, dialogService, sharedService);
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
-        this._sharedService = _sharedService;
+        this.sharedService = sharedService;
         this.RelationType = RelationType;
         this.Icon = Icon;
         this._textSearchParams = new RelationRequest();
@@ -13265,7 +13539,7 @@ class ExecutiveSummaryBlockComponent extends BaseActivitySummaryComponent {
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
             this._textSearchParams.relationTypeList = [RelationKind.Personnel];
-            this._sharedService.getRelationListObjects(this._textSearchParams).then((result) => {
+            this.sharedService.getRelationListObjects(this._textSearchParams).then((result) => {
                 this.personnel = result;
             });
         });
@@ -13344,7 +13618,7 @@ class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent {
     constructor(boFactory, 
     //public activityService: ActivityService,
     dictionaryService, dialogService, sharedService) {
-        super(dictionaryService, dialogService);
+        super(dictionaryService, dialogService, sharedService);
         this.boFactory = boFactory;
         this.dictionaryService = dictionaryService;
         this.dialogService = dialogService;
@@ -13438,7 +13712,11 @@ ModifyTaskFormModule.decorators = [
                     StatusSummaryBlockModule,
                     CreationSummaryBlockModule,
                     NotificationSummaryBlockModule,
-                    ActivityListModule
+                    ActivityListModule,
+                    SimpleTagsModule,
+                    ButtonModule,
+                    CommonModule,
+                    SimpleTagsFormModule
                 ],
                 declarations: [
                     ModifyTaskFormComponent
@@ -14338,6 +14616,134 @@ ComponentActivityListModule.decorators = [
             },] }
 ];
 
+class WorkflowInfoTilesComponent {
+    constructor(iconCacheService, sharedService) {
+        this.iconCacheService = iconCacheService;
+        this.sharedService = sharedService;
+        this.Icon = Icon;
+        this.icons = Icon;
+        this.workflowProcessInfoPerStatusClicked = new EventEmitter();
+    }
+    set workflowCategory(value) {
+        this._workflowCategory = value;
+        this.getWorkflowProcessInfoPerStatusCollection();
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this.getWorkflowProcessInfoPerStatusCollection();
+    }
+    workflowProcessInfoPerStatusClickedHandler(status) {
+        this.workflowProcessInfoPerStatusClicked.emit(status.statusName);
+    }
+    getWorkflowProcessInfoPerStatusCollection() {
+        if (this._workflowCategory) {
+            this.sharedService.getWorkflowProcessInfoPerStatus(this._workflowCategory).then((result) => {
+                this.WorkflowProcessInfoPerStatusCollection = result;
+            });
+        }
+    }
+}
+WorkflowInfoTilesComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-workflow-info-tiles",
+                template: `
+        <div class="tile-row">
+            <co-workflow-info-tile *ngFor="let workflowProcessInfoPerStatus of WorkflowProcessInfoPerStatusCollection" [workflowProcessInfoPerStatus]="workflowProcessInfoPerStatus"
+                                   (click)="workflowProcessInfoPerStatusClickedHandler(workflowProcessInfoPerStatus)"></co-workflow-info-tile>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+WorkflowInfoTilesComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: SharedService }
+];
+WorkflowInfoTilesComponent.propDecorators = {
+    workflowCategory: [{ type: Input }],
+    workflowProcessInfoPerStatusClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-workflow-info-tiles",] }]
+};
+
+class WorkflowInfoTileComponent {
+    constructor(iconCacheService, colorService) {
+        this.iconCacheService = iconCacheService;
+        this.colorService = colorService;
+        this.Icon = Icon;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this.backgroundColor = this.colorService.GetRandomColorWithSettings([0, 360], [90, 100], [40, 95], [1, 1]);
+    }
+}
+WorkflowInfoTileComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-workflow-info-tile",
+                template: `
+        <div class="top">
+            <div class="tile-row">
+              <label class="status-text" [textContent]="'STATUS' | localize"></label>
+              <co-icon class="corner-icon" [iconData]="iconCacheService.getIcon(Icon.DetailView)" ></co-icon>
+            </div>
+              <label class="name-text" [textContent]="workflowProcessInfoPerStatus.statusName"></label>
+        </div>
+        <div class="bottom">
+            <label  class="name-text" [textContent]="workflowProcessInfoPerStatus.workflowProcessCount"></label>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+WorkflowInfoTileComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: ColorSequenceService }
+];
+WorkflowInfoTileComponent.propDecorators = {
+    workflowProcessInfoPerStatus: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-workflow-info-tile",] }],
+    backgroundColor: [{ type: HostBinding, args: ["style.background-color",] }]
+};
+
+class WorkflowInfoTileModule {
+}
+WorkflowInfoTileModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    IconModule
+                ],
+                declarations: [
+                    WorkflowInfoTileComponent
+                ],
+                exports: [
+                    WorkflowInfoTileComponent
+                ],
+                providers: []
+            },] }
+];
+
+class WorkflowInfoTilesModule {
+}
+WorkflowInfoTilesModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    WorkflowInfoTileModule,
+                    CommonModule
+                ],
+                declarations: [
+                    WorkflowInfoTilesComponent
+                ],
+                exports: [
+                    WorkflowInfoTilesComponent
+                ],
+                providers: []
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -14346,5 +14752,5 @@ ComponentActivityListModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, StockLocationPopupComponent as ɵbs, SendMethod as ɵbt, Icon as ɵbu, CalendarAllYearsComponent as ɵbv, CalendarAllMonthsComponent as ɵbw, CalendarHeaderComponent as ɵbx, CalendarComponent as ɵby, CalendarViewComponent as ɵbz, StockService as ɵc, LanguageCode as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, BaseActivityListComponent as ɵdk, PersonalActivityOverviewComponent as ɵdl, BaseActivityOverviewComponent as ɵdm, TaskModifierComponent as ɵdn, ModifyTaskFormComponent as ɵdo, PersonalActivityOverviewModule as ɵdp, ComponentActivityOverviewModule as ɵdq, TaskModifyerModule as ɵdr, ModifyTaskFormModule as ɵds, TaskDetailsModule as ɵdt, TaskDetailsComponent as ɵdu, BaseActivitySummaryComponent as ɵdv, ExecutiveSummaryBlockModule as ɵdw, ActivitySummaryBlockModule as ɵdx, ActivitySummaryBlockComponent as ɵdy, ExecutiveSummaryBlockComponent as ɵdz, OptionsService as ɵe, StatusSummaryBlockModule as ɵea, StatusSummaryBlockComponent as ɵeb, CreationSummaryBlockModule as ɵec, CreationSummaryBlockComponent as ɵed, NotificationSummaryBlockModule as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, StockLocationPopupComponent as ɵbs, SendMethod as ɵbt, Icon as ɵbu, CalendarAllYearsComponent as ɵbv, CalendarAllMonthsComponent as ɵbw, CalendarHeaderComponent as ɵbx, CalendarComponent as ɵby, CalendarViewComponent as ɵbz, StockService as ɵc, LanguageCode as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, BaseActivityListComponent as ɵdk, PersonalActivityOverviewComponent as ɵdl, BaseActivityOverviewComponent as ɵdm, TaskModifierComponent as ɵdn, ModifyTaskFormComponent as ɵdo, PersonalActivityOverviewModule as ɵdp, ComponentActivityOverviewModule as ɵdq, TaskModifyerModule as ɵdr, ModifyTaskFormModule as ɵds, TaskDetailsModule as ɵdt, TaskDetailsComponent as ɵdu, BaseActivitySummaryComponent as ɵdv, ExecutiveSummaryBlockModule as ɵdw, ActivitySummaryBlockModule as ɵdx, ActivitySummaryBlockComponent as ɵdy, ExecutiveSummaryBlockComponent as ɵdz, OptionsService as ɵe, StatusSummaryBlockModule as ɵea, StatusSummaryBlockComponent as ɵeb, CreationSummaryBlockModule as ɵec, CreationSummaryBlockComponent as ɵed, NotificationSummaryBlockModule as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, WorkflowInfoTileModule as ɵeu, WorkflowInfoTileComponent as ɵev, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map