@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/activity-summary-block/style/_layout.scss

@@ -0,0 +1,211 @@
+@include export-module('co-activity-summary-block-layout') {
+  .co-activity-summary-block {
+    height: auto;
+    display: flex;
+    flex-direction: column;
+
+    &:not(.no-border) {
+      border: 1px solid #DCE4EA;
+    }
+
+    .left-seperator {
+      &:before {
+        content: "|";
+        margin: 0 10px;
+      }
+    }
+
+    .shrink-to-fit {
+      display: flex;
+      flex-shrink: 0;
+    }
+
+    svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    .image-display {
+      height: 70px;
+      width: 70px;
+
+      span {
+        display: none;
+      }
+    }
+
+    .icon-wrapper {
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      justify-content: center;
+      background: #F8FBFA;
+      height: 70px;
+      width: 70px;
+      border-radius: 50%;
+      border: 1px solid #DCE4EA;
+      overflow: hidden;
+
+      .co-icon {
+        height: 60px;
+        width: 60px;
+        flex-shrink: 0;
+      }
+
+      &.small {
+        height: 50px;
+        width: 50px;
+
+        .co-icon {
+          height: 40px;
+          width: 40px;
+        }
+      }
+    }
+
+    .block-wrapper {
+      position: relative;
+      display: flex;
+      align-items: center;
+
+      .expandable-wrapper {
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+
+      .template-wrapper {
+        & > * {
+          display: flex;
+          flex-direction: column;
+          gap: 5px;
+        }
+
+      }
+    }
+
+    .content-wrapper {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      margin-left: 10px;
+      min-height: 70px;
+      height: auto;
+      width: 100%;
+    }
+
+    .value {
+      font-size: 13px;
+      font-weight: bold;
+      color: #171721;
+      align-items: center;
+    }
+
+    .title {
+      font-size: 11px;
+      line-height: 13px;
+      color: #171721;
+    }
+
+    .activity-summary-block-edit-template {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      justify-content: space-between;
+      z-index: 9000;
+      max-height: 100%;
+
+      .template-wrapper {
+        margin-bottom: 10px;
+      }
+
+      .co-form {
+        co-list-of-values {
+          margin-bottom: 5px;
+
+          &:before {
+            box-shadow: none;
+          }
+        }
+      }
+
+      .title-wrapper {
+        align-items: center;
+        margin-bottom: 10px;
+      }
+
+      h3:not(.no-margin) {
+        margin-top: 25px;
+      }
+      .co-role-email-selector {
+        .co-input-text {
+          min-height: 80px;
+          width: 100%;
+          padding-left: 0 !important;
+          input {
+            height: 30px;
+          }
+        }
+        .chips-wrapper {
+          padding: 0;
+          top: 20px;
+          max-width: 100%;
+          width: 100%;
+        }
+        .co-list-of-values {
+          min-width: 140px;
+          position: absolute;
+          right: 0;
+          top: 0;
+          .input-text-clear-button {
+            display: none;
+          }
+          co-input-text {
+            min-height: auto;
+            .input-text-right-icon {
+              padding: 5px;
+            }
+          }
+          co-list-of-values-popup {
+            co-input-search {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+
+    .collapseable-wrapper {
+      padding: 10px;
+      border-bottom: 1px solid #DCE4EA;
+    }
+
+    .input-date-window {
+      z-index: 9001;
+    }
+
+    .initial {
+      position: initial;
+    }
+
+    .center {
+      justify-content: center;
+    }
+    .ok-cancel-buttons {
+      padding-bottom: 20px;
+      .co-button {
+        background: #1a73e8;
+        width: 150px;
+        padding: 0;
+        text-align: center;
+        justify-content: center;
+        color: #FFF;
+        cursor: pointer;
+        &.ok-btn {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/projects/sharedcomponents/src/lib/components/modify-task-form/components/base-activity-summary.component.ts

@@ -0,0 +1,164 @@
+import {Directive, EventEmitter, HostBinding, Input, Output} from "@angular/core";
+import {Activity} from "@colijnit/mainapi/build/model/activity.bo";
+import {TableName} from "@colijnit/mainapi/build/enum/table-name.enum";
+import {InputBoolean} from "../../../decorator/input-boolean.decorator";
+import {WorkflowTrigger} from "@colijnit/mainapi/build/model/workflow-trigger.bo";
+import {ValidationResult} from "@colijnit/ioneconnector/build/model/validation-result";
+import {Task} from "@colijnit/mainapi/build/model/task.bo";
+import {CoreDialogService, ScreenConfigAdapterComponent} from "@colijnit/corecomponents_v12";
+import {
+  OperationCallbackSimpleFunction,
+  OperationWithAlwaysSuccessCallback
+} from "../../../interface/operation-callback-simple-function";
+import {ActivityWorkflow} from "@colijnit/mainapi/build/model/activity-workflow";
+import {SharedService} from "../../../service/shared.service";
+import {SharedComponentsDictionaryService} from '../../../translation/shared-components-dictionary.service';
+
+@Directive()
+export abstract class BaseActivitySummaryComponent implements ScreenConfigAdapterComponent {
+
+    decimals: number;
+    forceReadonly: boolean;
+    maxLength: number;
+    objectConfigName: string;
+    redErrorBackground: boolean;
+    required: boolean;
+
+    @Input()
+    public set activity(value: Activity) {
+        this.editActivity = value;
+    }
+
+    public get activity(): Activity {
+        return this.editActivity;
+    }
+
+    @Input()
+    public set workFlow(value: ActivityWorkflow) {
+      this._workFlow = value;
+    }
+
+    public get workFlow(): ActivityWorkflow {
+      return this._workFlow;
+    }
+
+    @Input()
+    public set task(value: Task) {
+      this._task = value;
+    }
+
+    public get task(): Task {
+      return this._task;
+    }
+
+    @Input()
+    public table: TableName;
+
+    @Input()
+    public key: string;
+
+    @Input()
+    public expanded: boolean = false;
+
+    @HostBinding("class.no-border")
+    @Input()
+    @InputBoolean()
+    public noBorder: boolean = false;
+
+    @Input()
+    public readonly: boolean = false;
+
+    @Input()
+    public loadTaskOperation: OperationCallbackSimpleFunction = OperationWithAlwaysSuccessCallback;
+
+    @Input()
+    public set triggerToFireOnSave(value: WorkflowTrigger) {
+      this._triggerToFireOnSave = value;
+    }
+
+    public get triggerToFireOnSave(): WorkflowTrigger {
+      return this._triggerToFireOnSave;
+    }
+
+    @Output()
+    public readonly activityChange: EventEmitter<Activity> = new EventEmitter<Activity>();
+
+    @Output()
+    public readonly showWorkLog: EventEmitter<void> = new EventEmitter<void>();
+
+    @Output()
+    public readonly triggerFired: EventEmitter<ActivityWorkflow> = new EventEmitter<ActivityWorkflow>();
+
+    @HostBinding("class.hidden")
+    public hidden: boolean;
+
+    public editActivity: Activity;
+
+    private _workFlow: ActivityWorkflow;
+    private _task: Task;
+    private _triggerToFireOnSave: WorkflowTrigger
+
+    constructor( protected dictionaryService: SharedComponentsDictionaryService,
+                 protected dialogService: CoreDialogService,
+                 private _sharedService: SharedService
+    ) {
+    }
+
+    public handleSave(event: MouseEvent): void {
+        this._saveClone();
+    }
+
+    public handleCancel(event: MouseEvent): void {
+        this.expanded = false;
+    }
+
+    public async handleTriggerClick(trigger: WorkflowTrigger): Promise<void> {
+        if (this.readonly) {
+            return;
+        }
+        if (trigger.toClosedState) {
+            const canFire: boolean = this._sharedService.canFireTrigger(this.editActivity, this.editActivity.task);
+            if (!canFire) {
+                this.triggerToFireOnSave = trigger;
+                this.showWorkLog.next();
+                return;
+            }
+        }
+        const result: ValidationResult = await this._sharedService.fireTrigger(this.workFlow.workflowProcessId, this.workFlow.sequence , trigger.triggerId);
+        if (result.success) {
+            await this.updateActivityTask(this.editActivity.task);
+            await this.prepareWorkflow();
+            this.triggerFired.emit(this.workFlow);
+        } else {
+            const messages: string[] = [];
+            const len: number = result.messages.length;
+            for (let i: number = 0; i < len; i++) {
+                messages.push(this.dictionaryService.get(result.messages[i].message.toUpperCase()));
+            }
+            this.dialogService.showError(messages.toString());
+        }
+    }
+
+    public handleExpandClick(value: boolean) {
+        this.expanded = value;
+    }
+
+    protected async prepareWorkflow(): Promise<void> {
+        if (this.table && this.key) {
+            this.workFlow = await this._sharedService.getWorkflowStatusForActivity(this.table, this.key, "Taak");
+            this.readonly = this.readonly || (this.workFlow && this.workFlow.ended);
+        }
+    }
+
+    private _saveClone(): void {
+        this.activityChange.next(this.editActivity);
+    }
+
+    private async updateActivityTask(task: Task): Promise<void> {
+        if (task) {
+            await this.loadTaskOperation(task.taskId);
+            this.editActivity.task = this.task;
+            this.activityChange.emit(this.editActivity);
+        }
+    }
+}

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

@@ -0,0 +1,140 @@
+import {
+  Component,
+  forwardRef,
+  HostBinding,
+  Inject,
+  LOCALE_ID,
+  OnDestroy,
+  OnInit,
+  TemplateRef,
+  ViewChild
+} 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 {SharedService} from "../../../../service/shared.service";
+import {TaskCategory} from "@colijnit/mainapi/build/model/task-category.bo";
+import {CoDomainValue} from "@colijnit/mainapi/build/model/co-domain-value.bo";
+import {LanguageCode} from "../../../../enum/language-code.enum";
+import {DomainName} from "@colijnit/mainapi/build/enum/domain-name.enum";
+import {PriorityType} from "@colijnit/mainapi/build/enum/priority-type.enum";
+import {isNill} from "@colijnit/ioneconnector/build/utils/function/is-nill.function";
+import {SharedComponentsDictionaryService} from '../../../../translation/shared-components-dictionary.service';
+
+@Component({
+    selector: "co-creation-summary-block",
+    template: `
+        <co-activity-summary-block
+                [readonly]="readonly"
+                [icon]="Icon.Task" editTitle="TASK_INFORMATION"
+                [editTemplate]="editTemplate"
+                (saveClick)="handleSave($event)"
+                (cancelClick)="handleCancel($event)" expandable noBorder>
+        </co-activity-summary-block>
+
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <div class="creation-summary-date-wrapper">
+                    <co-input-date
+                            [placeholder]="'CREATION_DATE' | sharedLocalize"
+                            [model]="editActivity.task.creationDateTime"
+                            [readonly]="true">
+                    </co-input-date>
+                    <co-input-text
+                            [placeholder]="'TIME' | sharedLocalize"
+                            [model]="editActivity.task.creationDateTime | date:'HH:mm:ss'"
+                            [readonly]="true">
+                    </co-input-text>
+                </div>
+
+                <co-list-of-values
+                        [readonly]="readonly"
+                        [collection]="priorityDomainColl"
+                        [(model)]="chosenPriority"
+                        (modelChange)="handlePriorityChange($event)"
+                        [label]="'PRIORITY' | sharedLocalize"></co-list-of-values>
+
+                 <co-list-of-values
+                         [readonly]="readonly"
+                         [collection]="taskCategories"
+                         [(model)]="chosenTaskCategory"
+                         [displayField]="'category'"
+                         (modelChange)="handleTaskCategoryChange($event)"
+                         [label]="'CATEGORY' | sharedLocalize"></co-list-of-values>
+            </div>
+        </ng-template>
+    `,
+    providers: [{
+        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+        useExisting: forwardRef(() => CreationSummaryBlockComponent)
+    }]
+})
+export class CreationSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit, OnDestroy {
+
+
+    public readonly Icon: typeof Icon = Icon;
+
+    public taskCategories: TaskCategory[] = [];
+    public chosenTaskCategory: TaskCategory;
+
+    public priorityDomainColl: CoDomainValue[] = [];
+    public chosenPriority: CoDomainValue;
+
+    @ViewChild("editTemplate", { static: true })
+    public editTemplate: TemplateRef<any>;
+
+    @HostBinding("class.co-creation-summary-block")
+    public showClass() {
+      return true;
+    }
+
+    constructor(
+        protected dictionaryService: SharedComponentsDictionaryService,
+        protected dialogService: CoreDialogService,
+        protected sharedService: SharedService,
+        @Inject(LOCALE_ID) protected readonly locale: LanguageCode
+    ) {
+        super(dictionaryService, dialogService, sharedService);
+    }
+
+    ngOnDestroy(): void {
+        this.editTemplate = undefined;
+    }
+
+    ngOnInit(): void {
+       this.sharedService.getTaskCategories().then((result: TaskCategory[]) => {
+         this.taskCategories = result;
+         this.chosenTaskCategory = this.taskCategories.find(t => t.categoryId === this.editActivity.task.categoryId);
+       });
+       this.sharedService.getDomainCollection(this.locale, DomainName.Priority).then((result: CoDomainValue[]) => {
+         this.priorityDomainColl = result;
+         if(this.chosenTaskCategory) {
+           this.chosenPriority = this._findDomainValueOfPriorityType(this.editActivity.task.priority);
+         }
+       });
+    }
+
+    public handleTaskCategoryChange(taskCategory: TaskCategory): void {
+        if (this.taskCategories.length > 0 && taskCategory) {
+          this.editActivity.task.categoryId = this.chosenTaskCategory.categoryId;
+          this.editActivity.task.category = this.chosenTaskCategory.category;
+        }
+    }
+
+    public handlePriorityChange(domainValue: CoDomainValue): void {
+      if (this.priorityDomainColl.length > 0 && domainValue) {
+        this.editActivity.task.priority = PriorityType[domainValue.code];
+      }
+    }
+
+    private _findDomainValueOfPriorityType(priorityType: PriorityType): CoDomainValue {
+      if (!this.priorityDomainColl || isNill(priorityType)) {
+        return undefined;
+      }
+
+      return this.priorityDomainColl.find((domainValue: CoDomainValue) => {
+        return domainValue.codeAsNumber === priorityType;
+      });
+    }
+
+}

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

@@ -0,0 +1,26 @@
+import {NgModule} from '@angular/core';
+import {CreationSummaryBlockComponent} from './creation-summary-block.component';
+import {ActivitySummaryBlockModule} from '../activity-summary-block/activity-summary-block.module';
+import {InputDatePickerModule, InputTextModule, ListOfValuesModule} from '@colijnit/corecomponents_v12';
+import {CommonModule} from '@angular/common';
+import {SharedComponentsTranslationModule} from '../../../../translation/shared-components-translation.module';
+
+@NgModule({
+    imports: [
+        ActivitySummaryBlockModule,
+        InputDatePickerModule,
+        InputTextModule,
+        SharedComponentsTranslationModule,
+        CommonModule,
+        ListOfValuesModule
+    ],
+  declarations: [
+    CreationSummaryBlockComponent
+  ],
+  exports: [
+    CreationSummaryBlockComponent
+  ]
+})
+export class CreationSummaryBlockModule {
+
+}

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

@@ -0,0 +1,83 @@
+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 {RelationKind} from "@colijnit/articleapi/build/enum/relation-kind.enum";
+import {RelationListObject} from "@colijnit/relationapi/build/model/relation-list-object.bo";
+import {RelationRequest} from "@colijnit/relationapi/build/model/relation-request";
+import {SharedService} from "../../../../service/shared.service";
+import {SharedComponentsDictionaryService} from '../../../../translation/shared-components-dictionary.service';
+
+export enum RelationType {
+    Executive = "executive",
+    Reporter = "reporter",
+    Supervisor = "supervisor"
+}
+
+@Component({
+    selector: "co-executive-summary-block",
+    template: `
+
+        <co-activity-summary-block [editTemplate]="editTemplate"
+                                [readonly]="readonly"
+                                [icon]="Icon.Employee"
+                                (saveClick)="handleSave($event)"
+                                (cancelClick)="handleCancel($event)"
+                                editTitle="PERSONS" expandable noBorder>
+        </co-activity-summary-block>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <co-list-of-values
+                        [(model)]="editActivity.task.executive"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'EXECUTIVE' | sharedLocalize">
+                </co-list-of-values>
+                <co-list-of-values
+                        [(model)]="editActivity.task.reporter"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'REPORTER' | sharedLocalize">
+                </co-list-of-values>
+                <co-list-of-values
+                        [(model)]="editActivity.task.supervisor"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'SUPERVISOR' | sharedLocalize">
+                </co-list-of-values>
+            </div>
+        </ng-template>
+    `,
+    providers: [{
+        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+        useExisting: forwardRef(() => ExecutiveSummaryBlockComponent)
+    }],
+})
+export class ExecutiveSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+    public readonly RelationType: typeof RelationType = RelationType;
+    public readonly Icon: typeof Icon = Icon;
+
+    @HostBinding("class.co-executive-summary-block")
+    public showClass() {
+      return true;
+    }
+
+    private _textSearchParams: RelationRequest = new RelationRequest();
+
+    public personnel: RelationListObject[] = [];
+
+    constructor(
+        protected dictionaryService: SharedComponentsDictionaryService,
+        protected dialogService: CoreDialogService,
+        protected sharedService: SharedService
+    ) {
+        super(dictionaryService, dialogService, sharedService);
+    }
+
+    async ngOnInit(): Promise<void> {
+            this._textSearchParams.relationTypeList = [RelationKind.Personnel];
+            this.sharedService.getRelationListObjects(this._textSearchParams).then((result: RelationListObject[]) => {
+            this.personnel = result;
+       });
+    }
+}

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

@@ -0,0 +1,23 @@
+import {NgModule} from '@angular/core';
+import {ExecutiveSummaryBlockComponent} from './executive-summary-block.component';
+import {InputDatePickerModule, ListOfValuesModule} from '@colijnit/corecomponents_v12';
+import {ActivitySummaryBlockModule} from '../activity-summary-block/activity-summary-block.module';
+import {SharedComponentsTranslationModule} from '../../../../translation/shared-components-translation.module';
+
+@NgModule({
+  imports: [
+    SharedComponentsTranslationModule,
+    ListOfValuesModule,
+    InputDatePickerModule,
+    ActivitySummaryBlockModule
+  ],
+  declarations: [
+    ExecutiveSummaryBlockComponent
+  ],
+  exports: [
+    ExecutiveSummaryBlockComponent
+  ]
+})
+export class ExecutiveSummaryBlockModule {
+
+}