@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/notification-summary-block/notification-summary-block.component.ts

@@ -0,0 +1,149 @@
+import {Component, forwardRef, HostBinding, Input, OnInit, ViewChild} from "@angular/core";
+import {CoreDialogService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME} from "@colijnit/corecomponents_v12";
+import {BaseActivitySummaryComponent} from "../base-activity-summary.component";
+import {ActivitySummaryBlockComponent} from "../activity-summary-block/activity-summary-block.component";
+import {Icon} from "../../../../enum/icon.enum";
+import {BusinessObjectFactory} from "@colijnit/ioneconnector/build/service/business-object-factory";
+import {isNill} from "../../../../utils/is-nill.function";
+import {RoleEmailaddress} from "@colijnit/mainapi/build/model/role-email-address";
+import {SharedService} from "../../../../service/shared.service";
+import {WorkflowCategoryType} from "@colijnit/mainapi/build/enum/workflow-category.enum";
+import {Report} from "@colijnit/mainapi/build/model/report.bo";
+import {ReportType} from "@colijnit/mainapi/build/enum/report-type.enum";
+import {ActivityEmailHistory} from "@colijnit/mainapi/build/model/activity-email-history.bo";
+import {SharedComponentsDictionaryService} from '../../../../translation/shared-components-dictionary.service';
+import {EmailActivityRequest} from "@colijnit/mainapi/build/model/email-activity-request";
+import {CoDocument} from "@colijnit/mainapi/build/model/co-document.bo";
+import {Task} from "@colijnit/mainapi/build/model/task.bo";
+import {Remark} from "@colijnit/mainapi/build/model/remark.bo";
+import {Work} from "@colijnit/mainapi/build/model/work.bo";
+
+@Component({
+    selector: "co-notification-summary-block",
+    template: `
+        <co-activity-summary-block [readonly]="readonly" [icon]="Icon.Notification" editTitle="NOTIFICATIONS"
+                                [editTemplate]="editTemplate"
+                                [extraButtonsTemplate]="extraButtonsTemplate"
+                                [showButtons]="true"
+                                (saveClick)="handleSave($event)" (cancelClick)="handleCancel($event)" expandable noBorder>
+        </co-activity-summary-block>
+        <ng-template #extraButtonsTemplate>
+            <co-button *ngIf="editActivity.task.emailAddresses.length > 0" [textContent]="'SEND_EMAIL' | sharedLocalize"
+                           (click)="handleSendEmail($event)"></co-button>
+        </ng-template>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <co-role-email-selector [(model)]="editActivity?.task.emailAddresses" [key]="editActivity?.task.taskId.toString()" [workflowCategoryType]="WorkflowCategoryType.Task"></co-role-email-selector>
+            </div>
+        </ng-template>
+    `,
+    providers: [{
+        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+        useExisting: forwardRef(() => NotificationSummaryBlockComponent)
+    }]
+})
+export class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+
+    public readonly Icon: typeof Icon = Icon;
+    public readonly WorkflowCategoryType = WorkflowCategoryType;
+
+    @ViewChild(ActivitySummaryBlockComponent, { static: true })
+    public summaryBlock: ActivitySummaryBlockComponent;
+
+    @HostBinding("class.co-notification-summary-block")
+    public showClass() {
+      return true;
+    }
+
+    @Input()
+    public branchNo: string;
+
+    public listItems: RoleEmailaddress[] = [];
+
+
+    emailAddresses: string[];
+
+    constructor(
+        protected boFactory: BusinessObjectFactory,
+        //public activityService: ActivityService,
+        protected dictionaryService: SharedComponentsDictionaryService,
+        protected dialogService: CoreDialogService,
+        protected sharedService: SharedService
+    ) {
+      super(dictionaryService, dialogService, sharedService);
+    }
+
+    async ngOnInit(): Promise<void> {
+      if (!isNill(this.editActivity.task.taskId)) {
+        this.listItems = await this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('TASK', (this.editActivity.task.taskId.toString()));
+      }
+  }
+
+    public async handleSendEmail(event: MouseEvent): Promise<void> {
+      this.handleSave(event);
+      await this.sendEmailIfNeccesary(this.editActivity.task.taskId, 'TAKEN');
+    }
+
+    private createEmailAddressString(addresses: string[] ): string {
+      if (addresses.length === 0) {
+        return '';
+      } else {
+        return addresses.join(';');
+      }
+    }
+
+    private createEmailSubject(): string {
+      let subject: string = "- ";
+      subject += (this.editActivity.task.workflowCategory ?this.editActivity.task.workflowCategory : this.dictionaryService.get("TASK")) + " " +
+          (this.editActivity.task.workflowCategory ?this.editActivity.task.reference : this.editActivity.task.taskId);
+      return subject;
+    }
+
+    private async sendEmailIfNeccesary(activityId: number, activityTable: string): Promise<void> {
+      const addresses: string[] = this.editActivity?.task?.emailAddresses ?? [];
+      if (addresses.length === 0) return;
+      const templates: Report[] =
+        await this.sharedService.getDefaultEmailReportTemplatesForBranch(this.branchNo, ReportType.TaskMessage);
+      if (!templates?.length) return;
+      const template: Report = this.findDefault(templates);
+      if (!template) {
+        this.dialogService.showError('NO_DEFAULT_EMAIL_TEMPLATE_FOR_REPORT');
+        return;
+      }
+      await this.startEmailing(template, activityId, activityTable, addresses);
+    }
+
+    private async startEmailing(template: Report, activityId: number, activityTable: string, addresses: string[]): Promise<void> {
+      const request: EmailActivityRequest = this._createEmailParams(template, activityId, activityTable, addresses);
+      const emailsSent: CoDocument | boolean = await this.sharedService.emailActivity(request);
+      if (emailsSent) {
+        const history: ActivityEmailHistory = new ActivityEmailHistory();
+        history.taskId = activityId;
+        history.emailAddresses = this.createEmailAddressString(addresses);
+        history.emailDateTime = new Date();
+        history.message = 'Email Content created via Report';
+        await this.sharedService.insertEmailHistoryForTask(history);
+      }
+    }
+
+    private _createEmailParams(template: Report, activityId: number, activityTable: string, addresses: string[]): EmailActivityRequest {
+      const request: EmailActivityRequest = new EmailActivityRequest();
+      request.emailSubject = this.createEmailSubject();
+      request.toAddresses = this.createEmailAddressString(addresses);
+      request.activityId = activityId;
+      request.activityTableName = activityTable;
+      request.reportId = template.reportId;
+      return request;
+    }
+
+    private findDefault(reportList: Report[]): Report {
+        let defaultTemplate: Report = null;
+        reportList.forEach(r => {
+          if(r.isDefault) {
+            defaultTemplate =  r;
+          }
+        });
+        return defaultTemplate;
+    }
+
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/notification-summary-block/notification-summary-block.module.ts

@@ -0,0 +1,29 @@
+import {NgModule} from "@angular/core";
+import {NotificationSummaryBlockComponent} from "./notification-summary-block.component";
+import {ActivitySummaryBlockModule} from "../activity-summary-block/activity-summary-block.module";
+import {ButtonModule, ListOfValuesModule} from "@colijnit/corecomponents_v12";
+import {CommonModule} from "@angular/common";
+import {RoleEmailSelectorModule} from "../../../role-email-selector/role-email-selector.module";
+import {EmailSelectorModule} from "../../../email-selector/email-selector.module";
+import {SharedComponentsTranslationModule} from "../../../../translation/shared-components-translation.module";
+
+@NgModule({
+    imports: [
+        ActivitySummaryBlockModule,
+        ListOfValuesModule,
+        ButtonModule,
+        CommonModule,
+        RoleEmailSelectorModule,
+        EmailSelectorModule,
+        SharedComponentsTranslationModule
+    ],
+  declarations: [
+    NotificationSummaryBlockComponent
+  ],
+  exports: [
+    NotificationSummaryBlockComponent
+  ]
+})
+export class NotificationSummaryBlockModule {
+
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/status-summary-block/status-summary-block.component.ts

@@ -0,0 +1,65 @@
+import {Component, forwardRef, HostBinding, OnInit} from "@angular/core";
+import {CoreDialogService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME} from "@colijnit/corecomponents_v12";
+import {BaseActivitySummaryComponent} from "../base-activity-summary.component";
+import {Icon} from "../../../../enum/icon.enum";
+import {IconCacheService} from "../../../../service/icon-cache.service";
+import {SharedService} from "../../../../service/shared.service";
+import {SharedComponentsDictionaryService} from '../../../../translation/shared-components-dictionary.service';
+
+@Component({
+    selector: "co-status-summary-block",
+    template: `
+        <co-activity-summary-block
+                [cssId]="'status_summary_block_edit_template'"
+                [readonly]="readonly"
+                [icon]="Icon.IoneWorkflow"
+                [editIcon]="Icon.IoneWorkflow"
+                editTitle="STATUS_AND_WORKFLOW"
+                [editTemplate]="editTemplate" actionIcon expandable noBorder
+                (saveClick)="handleSave($event)" (cancelClick)="handleCancel($event)">
+        </co-activity-summary-block>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <div class="status-summary-date-wrapper">
+                    <co-input-date [model]="editActivity.task.startDateTime"
+                                   [placeholder]="'FIRST_ACTION_DATE' | sharedLocalize"
+                                   [readonly]="true" ></co-input-date>
+                    <co-input-date [(model)]="editActivity.task.executedOnDateTime"
+                                   [placeholder]="'ACTUAL_EXECUTION_DATE' | sharedLocalize"
+                                   ></co-input-date>
+                </div>
+              <co-input-text class="single-field"
+                             [placeholder]="'ACTIVITY_STATUS' | sharedLocalize"
+                             [model]="workFlow?.state"
+                             [leftIconData]="iconService.getIcon(Icon.PinRoundOpen)"
+                             [readonly]="true"
+              ></co-input-text>
+            </div>
+        </ng-template>
+    `,
+    providers: [{
+        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+        useExisting: forwardRef(() => StatusSummaryBlockComponent)
+    }]
+})
+export class StatusSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+    @HostBinding("class.co-status-summary-block")
+    public showClass() {
+      return true;
+    }
+    public readonly Icon: typeof Icon = Icon;
+
+    constructor(
+        protected dictionaryService: SharedComponentsDictionaryService,
+        protected dialogService: CoreDialogService,
+        public iconService: IconCacheService,
+        protected sharedService: SharedService
+    ) {
+        super(dictionaryService, dialogService, sharedService);
+    }
+
+    async ngOnInit(): Promise<void> {
+        await this.prepareWorkflow();
+    }
+
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/status-summary-block/status-summary-block.module.ts

@@ -0,0 +1,24 @@
+import {NgModule} from '@angular/core';
+import {InputDatePickerModule, InputDateRangePickerModule, InputTextModule} from '@colijnit/corecomponents_v12';
+import {ActivitySummaryBlockModule} from '../activity-summary-block/activity-summary-block.module';
+import {StatusSummaryBlockComponent} from './status-summary-block.component';
+import {SharedComponentsTranslationModule} from '../../../../translation/shared-components-translation.module';
+
+@NgModule({
+  imports: [
+    ActivitySummaryBlockModule,
+    InputDateRangePickerModule,
+    InputDatePickerModule,
+    SharedComponentsTranslationModule,
+    InputTextModule
+  ],
+  declarations: [
+    StatusSummaryBlockComponent
+  ],
+  exports: [
+    StatusSummaryBlockComponent
+  ]
+})
+export class StatusSummaryBlockModule {
+
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/task-details/task-details.component.ts

@@ -0,0 +1,103 @@
+import {Component, HostBinding, Input} from "@angular/core";
+import {BaseActivitySummaryComponent} from "../base-activity-summary.component";
+import {AsyncValidatorFn} from "@angular/forms";
+import {Activity} from "@colijnit/mainapi/build/model/activity.bo";
+import {CoreDialogService} from "@colijnit/corecomponents_v12";
+import {Icon} from "../../../../enum/icon.enum";
+import {IconCacheService} from "../../../../service/icon-cache.service";
+import {SharedService} from "../../../../service/shared.service";
+import {SharedComponentsDictionaryService} from '../../../../translation/shared-components-dictionary.service';
+
+@Component({
+    selector: "co-task-details",
+    template: `
+        <div class="header-wrapper">
+            <div class="workflow-dropdown-wrapper">
+                <div *ngIf="!workFlow" class="workflow-dropdown">
+                    <div class="workflow-drop error-color" [class.active]="!workFlow">
+                        <label [textContent]="'NO_ACTIVE_WORKFLOW_FOR_TASK' | sharedLocalize"></label>
+                    </div>
+                </div>
+                <div *ngIf="workFlow && !workFlow.ended" class="workflow-dropdown">
+                    <div class="workflow-drop"
+                         [class.towait]="workFlow?.stateName?.includes('wacht') || workFlow?.stateName?.includes('hold')"
+                         [class.toclose]="workFlow.closed"
+                         (click)="toggleStatusDropdown()">
+                        <label [textContent]="workFlow?.stateName"></label>
+                        <co-icon *ngIf="!workFlow.closed" [iconData]="iconCacheService.getIcon(Icon.ChevronRightRegular)"></co-icon>
+                        <co-icon *ngIf="workFlow.closed" [iconData]="iconCacheService.getIcon(Icon.CheckSolid)"></co-icon>
+                    </div>
+                    <div class="workflow-dropdown-list" *ngIf="showStatusDropdown">
+                        <div class="workflow-drop"
+                             *ngFor="let trigger of workFlow?.manualTriggers"
+                             (click)="handleTriggerClickAndClose(trigger)">
+                            <label [textContent]="trigger.manualButtonText"></label>
+                            <div class="drop-point"
+                                 [class.toclose]="trigger.toClosedState"
+                                 [class.toend]="trigger.toEndOfWorkflow"
+                                 [class.towait]="trigger.manualButtonText.includes('wacht') || trigger.manualButtonText.includes('hold')">
+                                <span class="dot" ></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div *ngIf="workFlow && workFlow?.ended" class="workflow-dropdown">
+                    <div class="workflow-drop toend" *ngIf="workFlow.ended">
+                        <label [textContent]="'CLOSED' | sharedLocalize"></label>
+                        <co-icon [iconData]="iconCacheService.getIcon(Icon.CheckSolid)"></co-icon>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="details-wrapper" fxLayout="column" fxLayoutGap="5px">
+            <co-input-text
+                    [placeholder]="'TITLE2' | sharedLocalize"
+                    [readonly]="readonly"
+                    [(model)]="editActivity.task.name"
+                    [asyncValidators]="blackListValidatorsArray"
+            ></co-input-text>
+            <co-input-textarea
+                    [placeholder]="'DESCRIPTION' | sharedLocalize"
+                    [readonly]="readonly"
+                    [(model)]="editActivity.task.description"
+                    [asyncValidators]="blackListValidatorsArray"
+            ></co-input-textarea>
+        </div>
+    `,
+})
+
+export class TaskDetailsComponent extends BaseActivitySummaryComponent {
+    public readonly Icon: typeof Icon = Icon;
+    public readonly blackListValidatorsArray: AsyncValidatorFn[];
+    public showStatusDropdown: boolean = false;
+    @Input()
+    public set activity(value: Activity) {
+        this.editActivity = value;
+        this.prepareWorkflow();
+    }
+
+    @HostBinding("class.co-task-details")
+    public showClass() {
+      return true;
+    }
+
+    public get activity(): Activity {
+        return this.editActivity;
+    }
+
+    constructor(
+        protected dictionaryService: SharedComponentsDictionaryService,
+        protected dialogService: CoreDialogService,
+        public iconCacheService: IconCacheService,
+        protected sharedService: SharedService,
+    ) {
+        super(dictionaryService, dialogService, sharedService);
+    }
+    public toggleStatusDropdown(): void {
+        this.showStatusDropdown = !this.showStatusDropdown;
+    }
+    public handleTriggerClickAndClose(trigger): void {
+        this.handleTriggerClick(trigger);
+        this.showStatusDropdown = false;
+    }
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/task-details/task-details.module.ts

@@ -0,0 +1,24 @@
+import {NgModule} from '@angular/core';
+import {TaskDetailsComponent} from './task-details.component';
+import {IconModule, InputTextareaModule, InputTextModule} from '@colijnit/corecomponents_v12';
+import {CommonModule} from '@angular/common';
+import {SharedComponentsTranslationModule} from '../../../../translation/shared-components-translation.module';
+
+@NgModule({
+    imports: [
+        SharedComponentsTranslationModule,
+        InputTextModule,
+        InputTextareaModule,
+        IconModule,
+        CommonModule,
+    ],
+  declarations: [
+    TaskDetailsComponent
+  ],
+  exports: [
+    TaskDetailsComponent
+  ]
+})
+export class TaskDetailsModule {
+
+}