@colijnit/sharedcomponents 254.1.2 → 254.1.4

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, ViewChildren, HostListener, Pipe, Renderer2, Inject, LOCALE_ID, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, Inject, LOCALE_ID, ViewChildren, HostListener, Pipe, Renderer2, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -32,20 +32,24 @@ 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 { RelationSmallObject } from '@colijnit/mainapi/build/model/relation-small-object.bo';
+import { Report } from '@colijnit/mainapi/build/model/report.bo';
 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, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService } from '@colijnit/corecomponents_v12';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService, ListOfIconsModule } 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 { SelectReportTemplatesRequest } from '@colijnit/mainapi/build/model/select-report-templates-request';
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
+import { EmailJob } from '@colijnit/mainapi/build/model/email-job';
 import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
 import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
 import { ReportingDocumentPrintSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request';
-import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { Chart, DoughnutController, ArcElement } from 'chart.js';
 import * as moment from 'moment';
@@ -76,6 +80,10 @@ 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';
 import { Period } from '@colijnit/mainapi/build/enum/period.enum';
+import { Remark } from '@colijnit/mainapi/build/model/remark.bo';
+import { Work } from '@colijnit/mainapi/build/model/work.bo';
+import { activityEmailRequestData } from '@colijnit/mainapi/build/model/activity-email-request-data';
+import { ReportType } from '@colijnit/mainapi/build/enum/report-type.enum';
 
 class DocsignComponent {
     constructor() {
@@ -793,6 +801,29 @@ class SharedConnectorService {
             });
         });
     }
+    getRelationSmallObject(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.relationConnector.getRelationSmallObject(relationId).then((result) => {
+                    if (result && result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(RelationSmallObject, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    insertActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(result.validationResult);
+                }));
+            });
+        });
+    }
     updateActivity(activity) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1216,10 +1247,10 @@ class SharedConnectorService {
             });
         });
     }
-    getRoleEmailAddressesByWorkflowCategoryAndKey(worlflowCategory, key) {
+    getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.mainConnector.getRoleEmailAddressesByWorkflowCategoryAndKey(worlflowCategory, key).then((result) => {
+                return this.mainConnector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
                             resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(RoleEmailaddress, result.resultObject));
@@ -1232,6 +1263,50 @@ class SharedConnectorService {
             });
         });
     }
+    getEmailSenderByWorkflowCategoryAndKey(worlflowCategory, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getEmailSenderByWorkflowCategoryAndKey(worlflowCategory, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObject);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getReportTemplates(reportTemplatesRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getReportTemplates(reportTemplatesRequest).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Report, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    emailReport(emailJob) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.emailReport(emailJob).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObject);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getWorkflowProcessInfoPerStatus(worlflowCategory) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1477,6 +1552,7 @@ var Icon;
     Icon["MessageSmsSolid"] = "message_sms_solid";
     Icon["Notification"] = "notification";
     Icon["PaperclipRegular"] = "paperclip_regular";
+    Icon["PaperPlaneTopSolid"] = "paper_plane_top_solid";
     Icon["Pdf"] = "pdf";
     Icon["PersonDiggingRegular"] = "person_digging_regular";
     Icon["PinRoundOpen"] = "pin_round_open";
@@ -1537,6 +1613,7 @@ const IconSvg = {
     "message_sms_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm202.9 80.8C196.4 147 192 153.1 192 160v96c0 8.8 7.2 16 16 16s16-7.2 16-16V208l19.2 25.6c3 4 7.8 6.4 12.8 6.4s9.8-2.4 12.8-6.4L288 208v48c0 8.8 7.2 16 16 16s16-7.2 16-16V160c0-6.9-4.4-13-10.9-15.2s-13.7 .1-17.9 5.6L256 197.3l-35.2-46.9c-4.1-5.5-11.3-7.8-17.9-5.6zm173.1 38c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.1 .1 12.9 1.4 20.1 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.2-2.2-17.9-4.3-27.9-4.4c-9.3-.1-20.4 1.9-29.7 7.4c-9.9 5.9-18.6 16.4-18.5 31.6c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7-.2-13.5-2.4-22.6-5.5l0 0 0 0c-1.5-.5-3.2-1.1-4.9-1.6c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.2 .4 2.6 .9 4 1.4l0 0 0 0c8.8 3 20.4 7 32.6 7.4c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.2-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4zm-272 0c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.6 .1 16.7 1.6 23.3 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.8-2.4-21.6-4.3-31.1-4.4c-9.3-.1-20.4 1.9-29.7 7.4C80.6 157.3 72 167.8 72 183c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l0 0 1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7.2-.2-14.2-2.6-23.7-5.8l0 0 0 0c-1.3-.4-2.7-.9-4.1-1.4c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.1 .4 2.4 .8 3.6 1.2l0 0 0 0c9 3.1 20.9 7.2 33.2 7.6c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.3-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4z\"/></svg>",
     "notification": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,1.1C6.72,1.1,0,6,0,12.06c0,2.12,.84,4.09,2.27,5.77h-.16c.16,.1,.28,.22,.43,.32,.4,.44,.86,.85,1.35,1.24,3.07,3.75,.06,8.71-3.25,9.84,5.79-1.34,9.31-3.89,10.9-6.53,1.11,.19,2.27,.31,3.46,.31,8.28,0,15-4.91,15-10.96S23.28,1.1,15,1.1Zm1.38,17.07h-2.82v-7.06h2.82v7.06Zm-.34-9.59c-.28,.28-.61,.41-1,.41s-.72-.14-1-.41c-.28-.28-.41-.61-.41-1s.14-.72,.41-1c.27-.28,.61-.41,1-.41s.72,.14,1,.41c.28,.28,.41,.61,.41,1s-.14,.72-.41,1Z\" fill=\"#484f60\"/></g></svg>",
     "paperclip_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.2-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z\"/></svg>",
+    "paper_plane_top_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M49.9 27.8C15.1 12.7-19.2 50.1-1.2 83.5L68.1 212.2c4.4 8.3 12.6 13.8 21.9 15c0 0 0 0 0 0l176 22c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7l-176 22s0 0 0 0c-9.3 1.2-17.5 6.8-21.9 15L-1.2 428.5c-18 33.4 16.3 70.8 51.1 55.7L491.8 292.7c32.1-13.9 32.1-59.5 0-73.4L49.9 27.8z\"/></svg>",
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
     "person_digging_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M208 64a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM440.8 288c8.2 .3 15.7 4.7 19.8 11.8l104 176c4.4 7.4 4.5 16.6 .2 24.1s-12.2 12.1-20.8 12.1H288c-7.7 0-15-3.7-19.5-10s-5.7-14.3-3.3-21.6l16-48c3.3-9.8 12.4-16.4 22.8-16.4h35.4l20.3-29.5L22.8 246.2c-12.2-5.1-18-19.1-12.9-31.4s19.1-18 31.4-12.9L61 210.1l19.8-36.2C96.2 145.6 125.8 128 158 128h3.8c52.3 0 98.5 33.8 114.4 83.6l32.3 101.6 79 32.9 32.8-47.7c4.6-6.8 12.4-10.7 20.6-10.4zm-190.4 1l-20-62.8c-9.5-29.9-37.3-50.2-68.6-50.2H158c-14.6 0-28.1 8-35.1 20.8l-17.3 31.8L250.4 289zm188.1 67.6l-66.7 97L364.6 464H501.9L438.5 356.6zM81.4 301.1l128 54.4c8.9 3.8 14.6 12.5 14.6 22.1V488c0 13.3-10.7 24-24 24s-24-10.7-24-24V393.5L87.5 355.9 47 494.7c-3.7 12.7-17 20-29.8 16.3S-2.7 494 1 481.3L49 316.5l7.6-25.9 24.9 10.6z\"/></svg>",
     "pin_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M683.16,390.18a7.07,7.07,0,0,1-3.09-.77c-2.53-1.25-3.94-3.58-3.14-5.19a3.07,3.07,0,0,1,2.94-1.43h.1l-1,1.74v.2a2.48,2.48,0,0,0,.78,1.82,5.23,5.23,0,0,0,3.44,1.51,2,2,0,0,0,1.8-.84l.06-.09.52-1.48a3,3,0,0,1,.57,3.09,3.07,3.07,0,0,1-2.94,1.43Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683.15,386.94a4.06,4.06,0,0,1-2.62-1.16,1.5,1.5,0,0,1-.47-.92l2.32-4a5.24,5.24,0,0,0,3.13,1.45L684,386.63a1,1,0,0,1-.84.31Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M686.75,381.45a5.78,5.78,0,0,1-2.52-.63c-2.06-1-3.21-2.9-2.57-4.21a2.48,2.48,0,0,1,2.37-1.15,5.78,5.78,0,0,1,2.53.63,5.5,5.5,0,0,1,2.32,2.05,2.26,2.26,0,0,1,.24,2.15,2.48,2.48,0,0,1-2.37,1.15Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M679.42,390l-.89,1.92-.13,1.55,1-1.16.81-1.92-.54-.24Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683,399.47a15,15,0,1,1,15-15A15,15,0,0,1,683,399.47Zm0-29a14,14,0,1,0,14,14A14,14,0,0,0,683,370.44Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/></svg>",
@@ -1613,10 +1690,12 @@ class StockComponent {
         this.okButtonClicked = new EventEmitter();
         this.cancelButtonClicked = new EventEmitter();
         this.handleClick = new EventEmitter();
+        this.updateGridData = new EventEmitter();
         this.loaded = false;
         this.showStockInformationGrid = true;
         this.showStockTransfer = false;
         this.stockInformation = [];
+        this.articleDetailsInformation = new ArticleStockManagement();
         this.stockHistory = [];
         this.allAvailableStock = 0;
         this.allTechnicalStock = 0;
@@ -1664,7 +1743,12 @@ class StockComponent {
         data.entryDate = new Date;
         this._stockService.updateArticleDetails(data).then(result => {
             this.handleClick.emit();
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                this.updateGridData.emit(details);
+            });
         });
+        this.loaded = true;
+        this.loadData();
     }
     backToStock(goodId) {
         this.loadData();
@@ -1753,48 +1837,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>
-
-        <co-send-method-dialog *ngIf="showSendMethodDialog">
+                       [showStockTransfer]="showStockTransfer"
 
-        </co-send-method-dialog>
+        ></co-stock-tabs>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -2316,15 +2361,24 @@ StockInformationGridComponent.propDecorators = {
 };
 
 class StockTransferComponent {
-    constructor(_stockService, iconCacheService) {
+    constructor(_stockService, iconCacheService, _changeDetector) {
         this._stockService = _stockService;
         this.iconCacheService = iconCacheService;
+        this._changeDetector = _changeDetector;
+        this.selectedArticleDetailsData = new ArticleDetailsBo();
+        this.articleDetailsInformation = new ArticleStockManagement();
+        this.articleStockInfo = [];
+        this.stockLocations = [];
         this.handleClick = new EventEmitter();
         this.handleStickerClicked = new EventEmitter();
+        this.updateGridData = new EventEmitter();
+        this.showStockTransferChange = new EventEmitter();
         this.showSendMethodDialog = false;
+        this.transferFull = false;
         this.warehouses = [];
         this.stockState = [];
         this.locations = [];
+        this.stockStatus = [];
         this.icons = Icon;
     }
     ngAfterViewInit() {
@@ -2332,21 +2386,31 @@ class StockTransferComponent {
         this.getStockState();
     }
     handleOkClick(data) {
-        data.selected = true;
-        data.entryDate = new Date;
-        this._stockService.updateArticleDetails(data).then(result => {
-            if (result) {
-                this.handleClick.emit(data.goodId);
-            }
-        });
+        if (this.articleToTransfer.amountTransfer > this.articleToTransfer.amountInStockFree) {
+            this.transferFull = true;
+        }
+        else {
+            data.selected = true;
+            data.entryDate = new Date;
+            this._stockService.updateArticleDetails(data).then((result) => {
+                this.handleClick.emit();
+                this.showStockTransferChange.emit(false);
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                    this.articleStockInfo = details;
+                    this.updateGridData.emit(details);
+                });
+            }).catch((result) => {
+                // Log failure message
+            });
+        }
     }
-    handleCancelClick() {
-        this.handleClick.emit();
+    onCloseClick() {
+        this.showStockTransferChange.emit(false);
     }
     handleSelectedWarehouse(event) {
         this.articleToTransfer.targetWarehouse = event.warehouseNo;
         this.selectedWarehouse = event;
-        this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
+        this.getStockManagementLocations();
     }
     handleSelectedLocation(event) {
         this.articleToTransfer.targetLocation = event.locationNo;
@@ -2363,9 +2427,9 @@ class StockTransferComponent {
             this.warehouses = warehouses;
         });
     }
-    getStockManagementLocations(data) {
-        this._stockService.getStockManagementLocations(data).then((locations) => {
-            this.locations = locations;
+    getStockManagementLocations() {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
+            this.stockLocations = locations;
         });
     }
     getStockState() {
@@ -2379,100 +2443,139 @@ StockTransferComponent.decorators = [
                 selector: "co-stock-transfer",
                 template: `
       <div class="stock-transfer">
-        <div class="stock-transfer-columns">
-          <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
-            <div class="transfer-items">
-              <div class="transfer-item">
-                <label class="item-label" [textContent]="'WAREHOUSE' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.warehouseDescription"></span>
+        <co-dialog
+                   (closeClick)="onCloseClick()"
+                   [showCloseIcon]="true"
+                   [modal]="true"
+                   [headerTemplate]="headerTemplate"
+                   [footerTemplate]="footerTemplate">
+          <ng-template #headerTemplate>
+            <div class="co-dialog-header-title-wrapper">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.Cubes)"></co-icon>
+              <div class="co-dialog-header-title" [textContent]="'TRANSFER_STOCK' | localize"></div>
+            </div>
+          </ng-template>
+          <div class="dialog-wrapper">
+            <div class="stock-transfer-columns">
+              <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
+                <div class="transfer-items">
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'WAREHOUSE' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.warehouseDescription"></span>
+                  </div>
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'LOCATION' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.locationNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.batchNo">
+                    <label class="item-label" [textContent]="'BATCH_NO' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.batchNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.serialNo">
+                    <label class="item-label" [textContent]="'SERIE_NO' | localize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.serialNo"></span>
+                  </div>
+                </div>
+                <div class="transfer-quantity">
+                  <co-input-number-picker
+                    [(model)]="articleToTransfer.amountTransfer"
+                    [min]="1"
+                    [label]="'QUANTITY' | localize">
+                  </co-input-number-picker>
+                  <span *ngIf="transferFull" [textContent]="this.articleToTransfer.amountInStockFree + (' AVAILABLE' | localize)"></span>
+                </div>
               </div>
-              <div class="transfer-item">
-                <label class="item-label" [textContent]="'LOCATION' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.locationNo"></span>
+              <div class="transfer-arrow-wrapper">
+                <span class="half-circle"></span>
+                <div class="icon-wrapper">
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowDownRegular)"></co-icon>
+                </div>
               </div>
-              <div class="transfer-item" *ngIf="articleToTransfer?.batchNo">
-                <label class="item-label" [textContent]="'BATCH_NO' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.batchNo"></span>
+
+
+              <div class="stock-transfer-bottom-column">
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="warehouses"
+                                     [displayField]="'warehouseDescription'"
+                                     (modelChange)="handleSelectedWarehouse($event)"
+                                     [label]="'WAREHOUSE' | localize"
+                  >
+                  </co-list-of-values>
+                  <co-list-of-values [collection]="stockLocations"
+                                     [displayField]="'locationNo'"
+                                     (modelChange)="handleSelectedLocation($event)"
+                                     [label]="'LOCATION' | localize"
+                  >
+                  </co-list-of-values>
+                </div>
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="stockState"
+                                     [displayField]="'stateDescription'"
+                                     [label]="'STOCK_STATE' | localize"
+                                     (modelChange)="handleSelectedStockState($event)"
+                  >
+                  </co-list-of-values>
+                </div>
+
               </div>
-              <div class="transfer-item" *ngIf="articleToTransfer?.serialNo">
-                <label class="item-label" [textContent]="'SERIE_NO' | localize"></label>
-                <span class="item-value" [textContent]="articleToTransfer.serialNo"></span>
+              <div class="transfer-sticker-buttons">
+                <co-button
+                           [label]="'STICKER' | localize"
+                           (click)="handleStickerClick()"
+                           [iconData]="iconCacheService.getIcon(icons.BarcodeReadRegular)">
+                </co-button>
               </div>
             </div>
-            <div class="transfer-quantity">
-              <co-input-number-picker
-                [(model)]="articleToTransfer.amountTransfer"
-                [min]="1"
-                [label]="'QUANTITY' | localize">
-              </co-input-number-picker>
-            </div>
-          </div>
-          <div class="transfer-arrow-wrapper">
-            <span class="half-circle"></span>
-            <div class="icon-wrapper">
-              <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowDownRegular)"></co-icon>
-            </div>
           </div>
-
-
-          <div class="stock-transfer-bottom-column">
-            <div class="transfer-bottom-row">
-              <co-list-of-values [collection]="warehouses"
-                                 [displayField]="'warehouseDescription'"
-                                 (modelChange)="handleSelectedWarehouse($event)"
-                                 [label]="'WAREHOUSE' | localize"
-              >
-              </co-list-of-values>
-              <co-list-of-values [collection]="locations"
-                                 [displayField]="'description'"
-                                 (modelChange)="handleSelectedLocation($event)"
-                                 [label]="'LOCATION' | localize"
-              >
-              </co-list-of-values>
-            </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>
+          <ng-template #footerTemplate>
+            <div class="button-wrapper ok-cancel-buttons">
+              <co-button class="save-button"
+                         (click)="handleOkClick(articleToTransfer)"
+                         [iconData]="iconCacheService.getIcon(icons.CheckDuotone)">
+              </co-button>
+              <co-button class="cancel-button"
+                         (click)="onCloseClick()"
+                         [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
+              </co-button>
             </div>
-            <div class="transfer-bottom-row">
-              <co-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 {
-    constructor(options, connector) {
+    constructor(locale, options, connector) {
+        this.locale = locale;
         this.options = options;
         this.connector = connector;
     }
@@ -2527,6 +2630,16 @@ class SharedService {
             return yield this.connector.getComponentActivitiesWithoutRelationFiltering(table, key);
         });
     }
+    getRelationSmallObject(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getRelationSmallObject(relationId);
+        });
+    }
+    insertActivity(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertActivity(activity);
+        });
+    }
     updateActivity(activity) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.updateActivity(activity);
@@ -2580,6 +2693,38 @@ class SharedService {
             return yield this.connector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key);
         });
     }
+    getEmailSenderByWorkflowCategoryAndKey(workflowCategory, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getEmailSenderByWorkflowCategoryAndKey(workflowCategory, key);
+        });
+    }
+    getDefaultEmailReportTemplatesForBranch(branchNr, reportType) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let reportTemplatesRequest = new SelectReportTemplatesRequest();
+            reportTemplatesRequest.branchNr = branchNr;
+            reportTemplatesRequest.documentCode = reportType;
+            reportTemplatesRequest.sendMethod = SendMethodType.Email;
+            return yield this.connector.getReportTemplates(reportTemplatesRequest);
+        });
+    }
+    emailViaTemplate(template, emailTo, subject = "", message = "", attachments = [], parameters = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const subjectAddition = subject.trim();
+            const emailJob = this._createEmailJob(template, emailTo, subjectAddition, message, attachments, parameters);
+            return this.connector.emailReport(emailJob);
+        });
+    }
+    _createEmailJob(report, emailTo, subject, message, attachments, parameters = {}) {
+        const emailJob = new EmailJob();
+        emailJob.emailTo = emailTo;
+        emailJob.subject = subject;
+        emailJob.message = message;
+        emailJob.attachments = attachments;
+        emailJob.reportId = report.reportId;
+        emailJob.parameterValues = parameters;
+        emailJob.locale = this.locale;
+        return emailJob;
+    }
     getWorkflowProcessInfoPerStatus(workflowCategory) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getWorkflowProcessInfoPerStatus(workflowCategory);
@@ -2605,13 +2750,14 @@ class SharedService {
         });
     }
 }
-SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(i0.LOCALE_ID), i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
 SharedService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
             },] }
 ];
 SharedService.ctorParameters = () => [
+    { type: LanguageCode, decorators: [{ type: Inject, args: [LOCALE_ID,] }] },
     { type: OptionsService },
     { type: SharedConnectorService }
 ];
@@ -3640,6 +3786,9 @@ class StockTabsComponent {
             },
         ];
     }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+    }
     handleLocationClicked(data) {
         this.tabs[0].active = false;
         this.tabs[2].active = true;
@@ -3779,7 +3928,8 @@ StockTabsComponent.decorators = [
                        [stockLocations]="stockLocations"
                        (transferIconClicked)="transferIconClicked.emit($event)"
                        (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
-
+                       [showStockTransfer]="showStockTransfer"
+                       (showStockTransferChange)="onShowStockTransferChange($event)"
     ></co-stock-location>
 
     <co-order-tab *ngIf="tabs[3].active"
@@ -3826,6 +3976,7 @@ StockTabsComponent.propDecorators = {
     stockInformation: [{ type: Input }],
     article: [{ type: Input }],
     articleFlat: [{ type: Input }],
+    showStockTransfer: [{ type: Input }],
     warehouses: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }]
@@ -3913,9 +4064,13 @@ class StockLocationComponent {
         this.icons = Icon;
         this.articleStockInfo = [];
         this.articleStockInformation = [];
+        this.articleWarehouse = [];
+        this.allWarehouses = [];
         this.dataWareHouseCode = [];
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
+        this.showStockTransferChange = new EventEmitter();
+        this.handleStickerClicked = new EventEmitter();
         this.showConfirmationDialog = false;
         this.newStockLine = false;
         this.showConfirmStockRow = false;
@@ -3940,6 +4095,10 @@ class StockLocationComponent {
     }
     ngOnDestroy() {
     }
+    onShowStockTransferChange(show) {
+        this.showStockTransfer = show;
+        this.showStockTransferChange.emit(this.showStockTransfer);
+    }
     onLocationDropdownClick() {
         this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
             this.stockLocations = locations;
@@ -3957,7 +4116,8 @@ class StockLocationComponent {
         this.sendMethodDialogClicked.emit(data);
     }
     handleStockTransferClick(event) {
-        this.transferIconClicked.emit(event);
+        this.articleDetails = event;
+        this.showStockTransfer = true;
     }
     onOkClickSendLocations(row) {
         this.selectedArticleDetailsData = row;
@@ -4029,6 +4189,18 @@ StockLocationComponent.decorators = [
                 selector: "co-stock-location",
                 template: `
     <div class="stock-grid">
+      <div class="stock-transfer-wrapper">
+        <co-stock-transfer *ngIf="showStockTransfer"
+                           class="stock-transfer-dialog"
+                           [articleToTransfer]="articleDetails"
+                           (handleStickerClicked)="handleStickerClicked.emit($event)"
+                           [allWarehouses]="allWarehouses"
+                           [stockLocations]="stockLocations"
+                           [articleFlat]="articleFlat"
+                           [showStockTransfer]="showStockTransfer"
+                           (showStockTransferChange)="onShowStockTransferChange($event)">
+        </co-stock-transfer>
+      </div>
         <co-stock-location-popup
           [selectedWarehouse]="selectedWarehouse"
           [articleFlat]="articleFlat"
@@ -4139,11 +4311,16 @@ StockLocationComponent.ctorParameters = () => [
 StockLocationComponent.propDecorators = {
     articleStockInfo: [{ type: Input }],
     articleStockInformation: [{ type: Input }],
+    articleWarehouse: [{ type: Input }],
+    allWarehouses: [{ type: Input }],
     article: [{ type: Input }],
+    showStockTransfer: [{ type: Input }],
     articleFlat: [{ type: Input }],
     dataWareHouseCode: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }],
+    showStockTransferChange: [{ type: Output }],
+    handleStickerClicked: [{ type: Output }],
     selectedWarehouse: [{ type: Input }],
     stockLocations: [{ type: Input }]
 };
@@ -5030,10 +5207,10 @@ StockLocationPopupComponent.decorators = [
                              [readonly]="false"
               ></co-input-text>
             </div>
-            <co-input-text [model]="selectedArticleDetailsData?.entryDate | date"
+            <co-input-date [model]="selectedArticleDetailsData?.entryDate | date"
                            [placeholder]="'DATE' | localize"
                            [readonly]="false"
-            ></co-input-text>
+            ></co-input-date>
           </div>
           <div class="stock-dialog-row">
             <co-list-of-values [label]="'STATUS' | localize"
@@ -5112,7 +5289,8 @@ StockModule.decorators = [
                     StockStatusbarModule,
                     ListOfValuesModule,
                     LocalizationModule,
-                    PopupModule
+                    PopupModule,
+                    InputDatePickerModule
                 ],
                 declarations: [
                     StockComponent,
@@ -5195,6 +5373,7 @@ class Translation {
         this.REFERENCE = 'REFERENCE';
         this.RELATION_ID = 'RELATION_ID';
         this.RELATION_NR = 'RELATION_NR';
+        this.REMARK = 'REMARK';
         this.RESERVED = 'RESERVED';
         this.QUANTITY = 'QUANTITY';
         this.SEARCH = 'SEARCH';
@@ -5202,6 +5381,7 @@ class Translation {
         this.SERIE_NO = 'SERIE_NO';
         this.STANDARD_WAREHOUSE = 'STANDARD_WAREHOUSE';
         this.STANDARD_LOCATION = 'STANDARD_LOCATION';
+        this.STATUS = 'STATUS';
         this.STICKER = 'STICKER';
         this.STOCK = 'STOCK';
         this.STOCK_DETAILS = 'STOCK_DETAILS';
@@ -11232,7 +11412,11 @@ class ActivityListComponent {
         }
     }
     getDateString(date) {
-        return date.getDay().toString() + ' ' + (this._dictionaryService.get(ALL_MONTHS[date.getMonth()])) + ' ' + date.getFullYear();
+        const day = date.getDate();
+        const month = this._dictionaryService.get(ALL_MONTHS[date.getMonth()]);
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        return `${day} ${month} ${hours}:${minutes}`;
     }
     getActivityIcon(activity) {
         switch (activity.activityType) {
@@ -11282,7 +11466,7 @@ ActivityListComponent.decorators = [
       <div class="activity-wrapper" [class.customer-reply-wrapper]="(getRelationKind(activity.author) === RelationKind.Customer)" *ngFor="let activity of activities" >
         <div class="activity-display">
           <div class="activity-display-title">
-            <span>{{activity.author ? ( activity.author.initials + ' ' + activity.author.familyName) : " "}}</span>
+            <span>{{activity.author && (activity.author.initials || activity.author.familyName) ? (activity.author.initials || '') + ' ' + (activity.author.familyName || '') : ''}}</span>
             <span>{{getDateString(activity.lastActionDateTime)}}</span>
             <co-icon [iconData]="iconCacheService.getIcon(getActivityIcon(activity))"></co-icon>
           </div>
@@ -12490,6 +12674,7 @@ class ComponentActivityListComponent extends BaseActivityListComponent {
         this.icons = Icon;
         this.activityClass = Activity;
         this.activitySortType = ActivitySortType;
+        this.showActivityHeader = true;
         this.hideTitle = false;
         this.noFreeTasks = false;
         this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
@@ -12647,6 +12832,7 @@ ComponentActivityListComponent.decorators = [
                 selector: "co-component-activity-list",
                 template: `
         <co-activity-list-header
+                *ngIf="showActivityHeader"
                 [title]="'ACTIVITIES'"
                 [table]="table"
                 [key]="key"
@@ -12724,6 +12910,7 @@ ComponentActivityListComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-component-activity-list",] }],
     table: [{ type: Input }],
     key: [{ type: Input }],
+    showActivityHeader: [{ type: Input }],
     hideTitle: [{ type: Input }],
     noFreeTasks: [{ type: Input }],
     customTitle: [{ type: Input }],
@@ -12739,6 +12926,9 @@ ComponentActivityListComponent.propDecorators = {
     showUsergroupActivitiesChanged: [{ type: Output }],
     activitiesList: [{ type: Input }]
 };
+__decorate([
+    InputBoolean()
+], ComponentActivityListComponent.prototype, "showActivityHeader", void 0);
 __decorate([
     InputBoolean()
 ], ComponentActivityListComponent.prototype, "hideTitle", void 0);
@@ -14685,6 +14875,293 @@ WorkflowInfoTilesModule.decorators = [
             },] }
 ];
 
+class TaskCreatorComponent {
+    constructor(iconService, sharedService) {
+        this.iconService = iconService;
+        this.sharedService = sharedService;
+        this.icons = Icon;
+        this.table = TableName$1.Transactions;
+        this.activityCreated = new EventEmitter();
+        this.showFilesDialog = false;
+        this.documents = [];
+        this.showEmailDialog = false;
+        this.emailAddressesAvailable = [];
+        this.emailRequest = null;
+        this.optionCollection = [{ id: 'Opmerking' }, { id: 'Werkzaamheid' }, { id: 'Taak' }];
+        this.remarkText = "";
+        this.workDescription = "";
+        this.taskName = "";
+        this.taskDescription = "";
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.chosenActivityType = this.optionCollection[1];
+            this.emailAddressesAvailable = yield this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey);
+            this.senderAddress = yield this.sharedService.getEmailSenderByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey);
+        });
+    }
+    createRemarkClicked() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.createForm.submit();
+            if (this.createForm.isValid()) {
+                let remark = new Remark();
+                remark.author = this.author;
+                remark.author.image = undefined;
+                if (this.documents.length !== 0) {
+                    remark.documents = this.documents;
+                }
+                remark.remark = this.remarkText;
+                remark.dateTime = new Date();
+                remark.table = this.table;
+                remark.key = this.RemarkAndWorkKey;
+                remark.read = false;
+                remark.current = true;
+                let activity = new Activity();
+                activity.activityType = ActivityType.Remark;
+                activity.remark = remark;
+                let remarkMade = yield this.sharedService.insertActivity(activity);
+                if (remarkMade) {
+                    this.activityCreated.emit();
+                    //await this.sendEmailIfNeccesary();
+                    this.clearFields();
+                }
+            }
+        });
+    }
+    createWorkClicked() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.createForm.submit();
+            if (this.createForm.isValid()) {
+                let work = new Work();
+                work.executive = this.author;
+                work.executive.image = undefined;
+                work.documents = this.documents;
+                work.workedTime = 0;
+                work.workDescription = this.workDescription;
+                work.dateTime = new Date();
+                work.table = this.table;
+                work.key = this.RemarkAndWorkKey;
+                let activity = new Activity();
+                activity.activityType = ActivityType.Work;
+                activity.work = work;
+                let workMade = yield this.sharedService.insertActivity(activity);
+                if (workMade) {
+                    this.activityCreated.emit();
+                    //await this.sendEmailIfNeccesary();
+                    this.clearFields();
+                }
+            }
+        });
+    }
+    createTaskClicked() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.createForm.submit();
+            if (this.createForm.isValid()) {
+                let task = new Task();
+                task.executive = this.author;
+                task.executive.image = undefined;
+                task.documents = this.documents;
+                task.name = this.taskName;
+                task.description = this.taskDescription;
+                task.creationDateTime = new Date();
+                task.dateDefinate = false;
+                task.needsPlanning = true;
+                task.priority = 0;
+                task.workflowCategory = this.workflowCategoryType;
+                task.reference = this.TaskKey;
+                let activity = new Activity();
+                activity.activityType = ActivityType.Task;
+                activity.task = task;
+                let taskMade = yield this.sharedService.insertActivity(activity);
+                if (taskMade) {
+                    this.activityCreated.emit();
+                    //await this.sendEmailIfNeccesary();
+                    this.clearFields();
+                }
+            }
+        });
+    }
+    addedDocument(docs) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.documents = this.documents.concat(docs);
+        });
+    }
+    deletedDocument(doc) {
+        return __awaiter(this, void 0, void 0, function* () {
+            ArrayUtils.RemoveElement(doc, this.documents);
+        });
+    }
+    emailDialogClosed() {
+        if (this.emailAddresses.length >= 0) {
+            this.emailRequest = new activityEmailRequestData;
+            this.emailRequest.table = this.table;
+            this.emailRequest.key = this.RemarkAndWorkKey;
+            this.emailRequest.senderAddress = this.senderAddress;
+            this.emailRequest.sendAddresses = this.createAddressList(this.emailAddresses);
+            this.emailRequest.ccAddresses = this.createAddressList(this.ccEmailAddresses);
+        }
+        else {
+            this.emailRequest = null;
+        }
+        this.showEmailDialog = false;
+    }
+    createAddressList(addresses) {
+        let addressStrings = [];
+        if (addresses && addresses.length !== 0) {
+            addresses.forEach(r => {
+                r.emailAddresses.forEach(e => {
+                    addressStrings.push(e);
+                });
+            });
+        }
+        return addressStrings;
+    }
+    sendEmailIfNeccesary() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.emailRequest) {
+                let templates = yield this.sharedService.getDefaultEmailReportTemplatesForBranch(this.branchNo, this.findReportType());
+                if (templates.length != 0) {
+                    let template = this.findDefault(templates);
+                    if (template) {
+                        this.startEmailing(template);
+                    }
+                }
+            }
+        });
+    }
+    findReportType() {
+        if (this.chosenActivityType === this.optionCollection[0]) {
+            return ReportType.RemarkMessage;
+        }
+        else if (this.chosenActivityType === this.optionCollection[1]) {
+            return ReportType.WorkMessage;
+        }
+        else {
+            return ReportType.TaskMessage;
+        }
+    }
+    startEmailing(template) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emailRequest.sendAddresses.forEach(a => {
+                this.sharedService.emailViaTemplate(template, a, 'emailtiteeeel', "", [], {});
+            });
+        });
+    }
+    findDefault(reportList) {
+        let defaultTemplate = null;
+        reportList.forEach(r => {
+            if (r.isDefault) {
+                defaultTemplate = r;
+            }
+        });
+        return defaultTemplate;
+    }
+    clearFields() {
+        this.remarkText = "";
+        this.workDescription = "";
+        this.taskName = "";
+        this.taskDescription = "";
+        this.senderAddress = "";
+        this.emailAddresses = [];
+        this.ccEmailAddresses = [];
+        this.emailRequest = null;
+    }
+}
+TaskCreatorComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-task-creator",
+                template: `
+      <div class="input-fields">
+        <co-form #createForm>
+          <co-list-of-values [collection]="optionCollection" [(model)]="chosenActivityType"
+                             [displayField]="'id'"></co-list-of-values>
+          <co-input-text *ngIf="chosenActivityType === optionCollection[0]" [required]="chosenActivityType === optionCollection[0]"
+                         [placeholder]="'REMARK' | localize" [(model)]="remarkText"
+                         [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                         (rightIconClick)="createRemarkClicked()"></co-input-text>
+          <co-input-text *ngIf="chosenActivityType === optionCollection[1]" [required]="chosenActivityType === optionCollection[1]"
+                         [placeholder]="'DESCRIPTION' | localize" [(model)]="workDescription"
+                         [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                         (rightIconClick)="createWorkClicked()"></co-input-text>
+          <div class="task-input-fields" *ngIf="chosenActivityType === optionCollection[2]">
+            <co-input-text [(model)]="taskName" [placeholder]="'NAME' | localize"  [required]="chosenActivityType === optionCollection[2]"
+                           [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                           (rightIconClick)="createTaskClicked()"></co-input-text>
+            <co-input-text [(model)]="taskDescription" [placeholder]="'DESCRIPTION' | localize" [required]="chosenActivityType === optionCollection[2]"></co-input-text>
+          </div>
+        </co-form>
+      </div>
+      <div class="extras-buttons">
+        <co-button [iconData]="iconService.getIcon(icons.Email)"  (click)="showEmailDialog = true"></co-button>
+        <co-button [iconData]="iconService.getIcon(icons.PaperclipRegular)"  (click)="showFilesDialog = true"
+                   [label]="documents.length === 0 ? '' : documents.length.toString()" ></co-button>
+      </div>
+
+      <co-dialog *ngIf="showFilesDialog" (closeClick)="showFilesDialog = false">
+        <co-files-upload (documentsAdded)="addedDocument($event)" (documentDeleted)="deletedDocument"
+                         [documents]="documents" [useWithoutSettingProps]="true"></co-files-upload>
+      </co-dialog>
+      <co-dialog *ngIf="showEmailDialog" (closeClick)="emailDialogClosed()">
+          <co-list-of-values [multiselect]="true" [label]="'RECIPIENTS' | localize"
+                             [collection]="emailAddressesAvailable" [displayField]="'role'"
+                             [(model)]="emailAddresses">
+          </co-list-of-values>
+          <co-list-of-values [multiselect]="true" [label]="'BCC' | localize"
+                             [collection]="emailAddressesAvailable" [displayField]="'role'"
+                             [(model)]="ccEmailAddresses">
+          </co-list-of-values>
+          <co-input-text [readonly]="false" [label]="'SENDER' | localize" [model]="senderAddress"></co-input-text>
+      </co-dialog>
+
+    `
+            },] }
+];
+TaskCreatorComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: SharedService }
+];
+TaskCreatorComponent.propDecorators = {
+    createForm: [{ type: ViewChild, args: [FormComponent,] }],
+    author: [{ type: Input }],
+    branchNo: [{ type: Input }],
+    table: [{ type: Input }],
+    RemarkAndWorkKey: [{ type: Input }],
+    TaskKey: [{ type: Input }],
+    workflowCategoryType: [{ type: Input }],
+    activityCreated: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-task-creator",] }]
+};
+
+class TaskCreatorModule {
+}
+TaskCreatorModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ListOfValuesModule,
+                    InputTextModule,
+                    ButtonModule,
+                    CommonModule,
+                    CoDialogModule,
+                    FilesUploadModule,
+                    LocalizationModule,
+                    ListOfIconsModule,
+                    FormModule
+                ],
+                declarations: [
+                    TaskCreatorComponent
+                ],
+                exports: [
+                    TaskCreatorComponent
+                ],
+                providers: [
+                    BusinessObjectFactory
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -14693,5 +15170,5 @@ WorkflowInfoTilesModule.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, 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 };
+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, TaskCreatorComponent, TaskCreatorModule, Translation, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockStatusbarComponent as ɵba, LocalizationModule as ɵbb, LocalizePipe as ɵbc, StockInformationComponent as ɵbd, StockInformationGridComponent as ɵbe, StockTransferComponent as ɵbf, StockChangeAmountComponent as ɵbg, StockTabComponent as ɵbh, OrderTabComponent as ɵbi, StockTabsComponent as ɵbj, StockHistoryTabsComponent as ɵbk, OrderStockTabComponent as ɵbl, StockLocationComponent as ɵbm, StockHistoryComponent as ɵbn, OrderSupplyStockHistoryComponent as ɵbo, OrderCommissionStockHistoryComponent as ɵbp, OrderStockHistoryComponent as ɵbq, AllocationStockHistoryComponent as ɵbr, StockPrognoseComponent as ɵbs, StockLocationPopupComponent as ɵbt, SendMethod as ɵbu, Icon as ɵbv, CalendarAllYearsComponent as ɵbw, CalendarAllMonthsComponent as ɵbx, CalendarHeaderComponent as ɵby, CalendarComponent as ɵbz, StockService as ɵc, CalendarViewComponent 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, LanguageCode as ɵi, SendMethodService as ɵj, SendMethodEmailModule as ɵk, LayoutSelectionModule as ɵl, LayoutSelectionComponent as ɵm, SignatureButtonModule as ɵn, SignatureButtonComponent as ɵo, SendMethodEmailComponent as ɵp, SendMethodPrinterModule as ɵq, PrinterSelectionModule as ɵr, PrinterSelectionComponent as ɵs, SendMethodPrinterComponent as ɵt, SendMethodPdfModule as ɵu, SendMethodPdfComponent as ɵv, TabBarModule as ɵw, TabBarComponent as ɵx, StatusbarPopupComponent as ɵy, StockStatusbarModule as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map