@colijnit/sharedcomponents 261.1.2 → 261.20.0

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

@@ -1,65 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,103 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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 {
-
-}

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

@@ -1,340 +0,0 @@
-import {Component, EventEmitter, forwardRef, HostBinding, Input, OnInit, Output, ViewChild} from "@angular/core";
-import {Activity} from "@colijnit/mainapi/build/model/activity.bo";
-import {
-  FormMasterService, IconCacheService,
-  SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-  ScreenConfigAdapterComponent
-} from "@colijnit/corecomponents_v12";
-import {TableName} from "@colijnit/mainapi/build/enum/table-name.enum";
-import {CoDocument} from "@colijnit/mainapi/build/model/co-document.bo";
-import {ActivitiesTaskConfigNames} from "../../interface/activities-task-config-names";
-import {BusinessObjectFactory} from "@colijnit/ioneconnector/build/service/business-object-factory";
-import {InputBoolean} from "../../decorator/input-boolean.decorator";
-import {SharedService} from "../../service/shared.service";
-import {TagCategory} from "@colijnit/mainapi/build/enum/tab-category.enum";
-import {TagTreeItem} from "@colijnit/mainapi/build/model/tag-tree-item.bo";
-import {
-  NotificationSummaryBlockComponent
-} from "./components/notification-summary-block/notification-summary-block.component";
-
-@Component({
-  selector: "co-modify-task-form",
-  template: `
-    <div class="wrapper">
-      <div class="modify-task-header-wrapper">
-        <div class="modify-task-header">
-                    <span class="header-menu"
-                          [class.active]="selectedMenu === 'content-menu1'"
-                          [textContent]="'TASK_DETAILS' | sharedLocalize"
-                          (click)="showContent('content-menu1')"></span>
-          <span class="header-menu"
-                [class.active]="selectedMenu === 'content-menu2'"
-                [textContent]="'TASK_INFORMATION' | sharedLocalize"
-                (click)="showContent('content-menu2')"></span>
-          <span class="header-menu"
-                [class.active]="selectedMenu === 'content-menu3'"
-                [textContent]="'PLANNING' | sharedLocalize"
-                (click)="showContent('content-menu3')"></span>
-        </div>
-      </div>
-      <div class="content-menu-wrapper narrow-scrollbar">
-        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu1'">
-          <div class="content-row-wrapper">
-            <div class="content-left">
-              <co-task-details [readonly]="readonly"
-                               [table]="TableNames.Tasks"
-                               [key]="key"
-                               [(activity)]="activity"
-                               (activityChange)="activityChange.emit($event)"
-                               (showWorkLog)="handleShowWorkLow()"
-                               (triggerFired)="handleTriggerFired()"
-                               noBorder
-              ></co-task-details>
-              <div class="task-column">
-                <co-input-checkbox
-                  class="invoice-checkbox"
-                  [label]="'MARKED' | sharedLocalize"
-                  [(model)]="activity.task.isInvoiced">
-                </co-input-checkbox>
-                <div class="marked-time-wrapper">
-                  <co-input-checkbox
-                    [(model)]="activity.task.workMandatory"
-                    [label]="'TIMEREGISTRATION_MANDATORY' | sharedLocalize"
-                    noModuleService>
-                  </co-input-checkbox>
-                  <!-- TODO implement back later-->
-                  <!-- <arrow-link *ngIf="!readonly" label="REGISTER_TIME_HERE" (click)="handleRegisterWork()"></arrow-link>-->
-                </div>
-              </div>
-
-            </div>
-            <div class="content-right">
-              <div class="activity-content-header" [textContent]="'PERSONS' | sharedLocalize"></div>
-              <co-executive-summary-block
-                [readonly]="readonly"
-                [(activity)]="activity"
-                (activityChange)="activityChange.emit($event)" noBorder
-              ></co-executive-summary-block>
-
-              <!--TODO implement new file upload here-->
-              <!-- <activity-attachments
-                       [(activity)]="activity"
-                       [readonly]="readonly"
-                       [key]="activity.task.id"
-                       [noForceInput]="true"
-                       (activityChange)="activityChange.emit($event)"
-                       noBorder
-               ></activity-attachments>-->
-            </div>
-          </div>
-          <div class="activities-wrapper">
-            <co-activity-list [activities]="activities">
-
-            </co-activity-list>
-          </div>
-        </div>
-        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu2'">
-          <co-status-summary-block
-            [readonly]="readonly"
-            [(activity)]="activity"
-            [table]="TableNames.Tasks"
-            [key]="key"
-            (activityChange)="activityChange.emit($event)" noBorder
-          ></co-status-summary-block>
-          <co-creation-summary-block
-            [readonly]="readonly"
-            [(activity)]="activity"
-            (activityChange)="activityChange.emit($event)" noBorder
-          ></co-creation-summary-block>
-          <!--<planning-summary-block
-                  [readonly]="readonly"
-                  [(activity)]="activity"
-                  (activityChange)="activityChange.emit($event)" noBorder
-          ></planning-summary-block>-->
-        </div>
-        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu3'">
-          <co-notification-summary-block
-            #notificationBlock
-            [readonly]="readonly"
-            [branchNo]="branchNo"
-            [(activity)]="activity"
-            (activityChange)="activityChange.emit($event)" noBorder
-          ></co-notification-summary-block>
-
-          <div class="edit-tags-wrapper">
-            <co-simple-tags-form [tags]="allTags"
-                                 [linkedTags]="activity.task.tags">
-            </co-simple-tags-form>
-          </div>
-          <div class="transaction-tag-wrapper" *ngFor="let tag of activity.task.tags">
-            <div class="tag" [textContent]="tag.description"></div>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  `,
-  providers: [
-    FormMasterService,
-    {
-      provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-      useExisting: forwardRef(() => ModifyTaskFormComponent)
-    }
-  ],
-})
-export class ModifyTaskFormComponent implements OnInit, ScreenConfigAdapterComponent {
-  //public readonly TagCategory: typeof TagCategory = TagCategory;
-  public readonly TableNames: typeof TableName = TableName;
-
-  /* @ViewChild(ActivityActivitiesComponent, { static: true })
-   public activityActivities: ActivityActivitiesComponent;*/
-
-  @ViewChild(NotificationSummaryBlockComponent)
-  public notificationBlock: NotificationSummaryBlockComponent;
-
-  @Input()
-  public set activity(value: Activity) {
-    this._activity = value;
-    this.key = this._activity.task.taskId + "";
-  }
-
-  @HostBinding("class.co-modify-task-form")
-  public showClass() {
-    return true;
-  }
-
-  public get activity(): Activity {
-    return this._activity;
-  }
-
-  public get hasDocuments(): boolean {
-    return (this._activity?.task?.documents?.length > 0);
-  }
-
-  @Input()
-  public activityTaskConfigNames: ActivitiesTaskConfigNames;
-
-  @Input()
-  public readonly: boolean = false;
-
-  @Input()
-  public popupContext: boolean = false;
-
-  @Input()
-  public branchNo: string;
-
-  @Input()
-  @InputBoolean()
-  public set forceReadonly(value: boolean) {
-    this.readonly = value;
-  }
-
-  @HostBinding("class.hidden")
-  public hidden: boolean;
-
-  @Output()
-  public activityChange: EventEmitter<Activity> = new EventEmitter<Activity>();
-
-  @Output()
-  public statusChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  @Output()
-  public showWorkLog: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public triggerFired: EventEmitter<void> = new EventEmitter<void>();
-
-  public selectedMenu: string = 'content-menu1'
-  public activities: Activity[] = [];
-  public table: TableName = TableName.Tasks;
-  public key: string;
-  public expandActivities: boolean = false;
-
-  public objectConfigName: string;
-  public required: boolean;
-  public maxLength: number;
-  public decimals: number;
-  public redErrorBackground: boolean;
-
-  public showTagPopup: boolean = false;
-  public allTags: TagTreeItem[] = [];
-  //public editingTags: TagTreeItem[] = [];
-
-  /*public get mobile(): boolean {
-      return this._mediaMonitor.isExtraSmall();
-  }*/
-
-  private _activity: Activity;
-
-  public handleAddDocuments(docs: CoDocument[]): void {
-    docs.forEach(doc => this.activity.task.documents.push(doc));
-  }
-
-  public handleAddDocument(doc: CoDocument): void {
-    this.activity.task.documents.push(doc);
-  }
-
-  constructor(
-    private _boFactory: BusinessObjectFactory,
-    private sharedService: SharedService,
-    public iconCacheService: IconCacheService
-    //private _mediaMonitor: MediaMonitorService,
-    /*private _activityService: ActivityService*/
-  ) {
-  }
-
-  public ngOnInit(): void {
-    this._getActivities();
-    this._getTags();
-  }
-
-  public showContent(menu: string): void {
-    this.selectedMenu = menu;
-  }
-
-  public handleRegisterWork(): void {
-    setTimeout(() => {
-      /*if (this.activityActivities) {
-          this.expandActivities = true;
-          this.activityActivities.showRegisterWorkLeaf();
-      }*/
-    });
-  }
-
-  public handleSaveActivity(activity: Activity): void {
-    this._updateTaskObject(activity, activity.IsWork ? "workLog" : "remarks");
-    const index: number = this.activities.findIndex((src) => {
-      return src.getId() === activity.getId();
-    });
-    if (index > -1) {
-      this.activities[index] = activity;
-    } else {
-      this.activities.push(activity);
-    }
-    this.activities = this.activities.slice(0); // reset view
-  }
-
-  public handleDeleteActivity(activity: Activity): void {
-    if (activity.IsWork) {
-      this.activity.task.deleteWorkLog(activity.work);
-    } else if (activity.IsRemark) {
-      this.activity.task.deleteRemark(activity.remark);
-    }
-  }
-
-  public handleShowWorkLow(): void {
-    this.expandActivities = true;
-    this.showWorkLog.emit();
-  }
-
-  public handleEditTags(): void {
-    this._getTags();
-    this.showTagPopup = true;
-  }
-
-  public handleSaveTags(tags: TagTreeItem[]): void {
-    this.activity.task.tags = tags;
-  }
-
-  public handleTriggerFired(): void {
-    this.triggerFired.next();
-  }
-
-  private _updateTaskObject(activity: Activity, prop: string): void {
-    const cloneActivity = this._boFactory.makeWithRawBackendData(Activity, activity);
-    if ((cloneActivity as Activity).isNew) {
-      this.activity.task[prop].push(activity.getBaseContent());
-    } else {
-      const index: number = this.activity.task[prop].findIndex((src) => {
-        return src.getId() === activity.getBaseContent().getId();
-      });
-      if (index > -1) {
-        this.activity.task[prop][index] = activity.getBaseContent();
-      }
-    }
-    activity.editting = false;
-    activity.isNew = false;
-  }
-
-  private async _getActivities(): Promise<void> {
-    if (!this.key) {
-      return;
-    }
-    this.activities = await this.sharedService.getActivities(this.table, this.key.toString());
-  }
-
-  private async _getTags(): Promise<void> {
-    this.allTags = await this.sharedService.getTagsFullTree(TagCategory.tasks, true);
-
-    /*if (!this.key) {
-      return;
-    } else {
-      this.editingTags = await this.sharedService.getJoinedTags(this.table, this.key.toString());
-    }*//*if (!this.key) {
-      return;
-    } else {
-      this.editingTags = await this.sharedService.getJoinedTags(this.table, this.key.toString());
-    }*/
-  }
-
-}

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

@@ -1,40 +0,0 @@
-import {NgModule} from '@angular/core';
-import {ModifyTaskFormComponent} from './modify-task-form.component';
-import {TaskDetailsModule} from './components/task-details/task-details.module';
-import {ButtonModule, InputCheckboxModule} from '@colijnit/corecomponents_v12';
-import {StatusSummaryBlockModule} from './components/status-summary-block/status-summary-block.module';
-import {CreationSummaryBlockModule} from './components/creation-summary-block/creation-summary-block.module';
-import {ExecutiveSummaryBlockModule} from './components/executive-summary-block/executive-summary-block.module';
-import {NotificationSummaryBlockModule} from './components/notification-summary-block/notification-summary-block.module';
-import {ActivityListModule} from '../activity-list/activity-list.module';
-import {SimpleTagsModule} from '../simple-tags/simple-tags.module';
-import {CommonModule} from '@angular/common';
-import {SimpleTagsFormModule} from '../simple-tags-form/simple-tags-form.module';
-import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
-
-
-@NgModule({
-    imports: [
-        SharedComponentsTranslationModule,
-        TaskDetailsModule,
-        InputCheckboxModule,
-        ExecutiveSummaryBlockModule,
-        StatusSummaryBlockModule,
-        CreationSummaryBlockModule,
-        NotificationSummaryBlockModule,
-        ActivityListModule,
-        SimpleTagsModule,
-        ButtonModule,
-        CommonModule,
-        SimpleTagsFormModule
-    ],
-  declarations: [
-    ModifyTaskFormComponent
-  ],
-  exports: [
-    ModifyTaskFormComponent
-  ]
-})
-export class ModifyTaskFormModule {
-
-}