@colijnit/sharedcomponents 261.1.2 → 261.20.0

package/projects/sharedcomponents/src/lib/components/multi-property-toggler/multiple-property-toggler.component.ts

@@ -1,106 +0,0 @@
-/**
- * Custom component for enabling and disabling multiple items based on an input enum
- * For the component to work, an enum is required and a list of enabled items so that
- * the component knows which items from the enum are already enabled
- *
- * Note: can be improved by not only accepting a string array of enabledItemProperties but also a full cgref number because that will save one conversion step as
- * BO's already contain these numbers.
- */
-
-import {AfterViewInit, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
-//import {EnumUtils} from "../../utils/enum-utils";
-import {KeyValuePair} from "../../interface/key-value-pair";
-import {Icon} from "../../enum/icon.enum";
-import {RefCodeUtils} from "../../utils/ref-code-utils";
-import {EnumUtils} from "../../utils/enum-utils";
-
-@Component({
-    selector: "co-multiple-property-toggler",
-    template: `
-        <div class="input-text-content-wrapper">
-            <h3 [textContent]="label"></h3> <!-- | sharedLocalize-->
-
-            <div class="property-toggling-container">
-
-                <div class="row" *ngFor="let propertyTogglerItem of objectifiedEnum | keyvalue">
-
-                    <co-input-checkbox [model]="isValueActive(propertyTogglerItem.value)"
-                                     (click)="clickToToggleProperty(propertyTogglerItem.value)"></co-input-checkbox>
-
-                    <label [textContent]="propertyTogglerItem.value.value"></label>
-                </div>
-            </div>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None
-})
-export class MultiplePropertyTogglerComponent implements AfterViewInit {
-    @Input()
-    public label: string = "";
-
-    // Input an Enum with names and properties and it will be converted
-    @Input()
-    public propertyNamesToToggle: any;
-
-    @Input()
-    public readonly : boolean = false;
-
-    // Input the cgrefcode sum so it knows which items will be enabled
-    @Input()
-    public enableditems: number;
-
-    @Output()
-    public enableditemsChange: EventEmitter<number> = new EventEmitter<number>();
-
-    // Outputs the sum of cgrefkeys of all newly enabled items
-    @Output()
-    public readonly onPropertyItemChange: EventEmitter<number> = new EventEmitter<number>();
-
-    @HostBinding("class.co-multiple-property-toggler")
-    public showClass(): boolean {
-      return true;
-    }
-
-    public readonly Icons: typeof Icon = Icon;
-
-    public objectifiedEnum: KeyValuePair[] = [];
-
-    public enabledItemNumberList: number[] = [];
-
-    ngAfterViewInit(): void {
-        if (this.propertyNamesToToggle) {
-            this.objectifiedEnum = EnumUtils.createObjectFromEnum(this.propertyNamesToToggle);
-        } else {
-            // PropertytogglerItems is empty
-        }
-        this.makeNumberArrayFromCgRefCodeSum();
-    }
-
-    public isValueActive(propertyToCheck: any): boolean {
-        return this.enabledItemNumberList.includes(propertyToCheck.key);
-    }
-
-    public clickToToggleProperty(target: any): void {
-        let newRefNumberSum: number = 0;
-
-        if (this.enabledItemNumberList.includes(target.key)) {
-            this.enabledItemNumberList.splice(this.enabledItemNumberList.indexOf(target.key), 1);
-        } else {
-            this.enabledItemNumberList.push(target.key);
-        }
-
-        this.enabledItemNumberList.forEach(
-            enabledItem => {
-                newRefNumberSum += this.objectifiedEnum.find(x => x.key === enabledItem).key;
-            }
-        );
-
-        this.onPropertyItemChange.emit(newRefNumberSum);
-    }
-
-    public makeNumberArrayFromCgRefCodeSum(): void {
-        if (this.enableditems) {
-            this.enabledItemNumberList = RefCodeUtils.GetMultiRefCodeChoices(this.enableditems);
-        }
-    }
-}

package/projects/sharedcomponents/src/lib/components/multi-property-toggler/multiple-property-toggler.module.ts

@@ -1,20 +0,0 @@
-import {NgModule} from "@angular/core";
-import {MultiplePropertyTogglerComponent} from "./multiple-property-toggler.component";
-import {InputCheckboxModule} from "@colijnit/corecomponents_v12";
-import {CommonModule} from "@angular/common";
-
-@NgModule({
-  imports: [
-    InputCheckboxModule,
-    CommonModule
-  ],
-  declarations: [
-  MultiplePropertyTogglerComponent
-  ],
-  exports: [
-  MultiplePropertyTogglerComponent
-  ]
-})
-export class MultiplePropertyTogglerModule {
-
-}

package/projects/sharedcomponents/src/lib/components/open-activity-list/component-activity-list.component.ts

@@ -1,377 +0,0 @@
-import {animate, state, style, transition, trigger} from "@angular/animations";
-import {BaseActivityListComponent} from "./components/base-open-activity-list.component";
-import {
-  Component,
-  EventEmitter, forwardRef, HostBinding,
-  Input,
-  OnDestroy,
-  Output,
-  QueryList,
-  ViewChildren
-} from "@angular/core";
-import {Icon} from "../../enum/icon.enum";
-import {Activity} from "@colijnit/mainapi/build/model/activity.bo";
-import {InputBoolean} from "../../decorator/input-boolean.decorator";
-import {Subscription} from "rxjs";
-import {ActivityViewModel} from "@colijnit/mainapi/build/model/activity-view-model";
-import {PersonalActivityTabEnum} from "@colijnit/mainapi/build/enum/personal-activity-tab.enum";
-import {ActivitySortType} from "@colijnit/mainapi/build/enum/activity-sort-type.enum";
-import {
-  OperationCallbackSimpleFunction,
-  OperationWithAlwaysSuccessCallback
-} from "../../interface/operation-callback-simple-function";
-import {
-  PersonalActivityOverviewComponent
-} from "./components/personal-activity-overview/personal-activity-overview.component";
-import {
-  OperationCallbackFunctionWithValidation,
-  OperationWithValidationCallback
-} from "../../interface/operation-callback-function-with-validation";
-import {SharedService} from "../../service/shared.service";
-import {TableName} from "@colijnit/mainapi/build/enum/table-name.enum";
-import {
-  SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-  ScreenConfigAdapterComponent
-} from "@colijnit/corecomponents_v12";
-import {ComponentActivityOverviewComponent} from "../activity-overview-component/component-activity-overview.component";
-import {Task} from "@colijnit/mainapi/build/model/task.bo";
-import {ActivityType} from "@colijnit/mainapi/build/enum/activity-type";
-
-
-@Component({
-    selector: "co-component-activity-list",
-    template: `
-        <co-activity-list-header
-                *ngIf="showActivityHeader"
-                [title]="'ACTIVITIES'"
-                [table]="table"
-                [key]="key"
-                [(showUsergroupActivities)]="showUsergroupActivities"
-                [(searchText)]="searchText"
-                (periodFilterClicked)="doFilterClicked($event)"
-                (searchTextChange)="applyFilter()"
-                (showUsergroupActivitiesChange)="showUsergroupActivitiesChange()"
-                [setHasPausedNotificationsForWorkflowProcessOperation]="setHasPausedNotificationsForWorkflowProcessOperation"
-        ></co-activity-list-header>
-        <div class="activity-list-content">
-            <div class="activity-wrapper">
-                <div class="activity-tab-content mini-scrollbar">
-                    <ng-container *ngFor="let activityListViewModel of privateActivityListViewModels">
-                      <co-collapsible *ngIf="activityListViewModel.showing" #collapseable
-                                      [headerTitle]="activityListViewModel.label + ' ' + activityListViewModel.amount"
-                                      [(expanded)]="activityListViewModel.expanded">
-                            <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
-                               <co-component-activity-overview *ngIf="activityViewModel.showing"
-                                                             [viewModel]="activityViewModel"
-                                                             [userRelationId]="relationId"
-                                                             [userGroupId]="userGroupId"
-                                                             [branchNo]="branchNo"
-                                                             (activityChange)="handleChangedActivity(index, $event)"
-                                                             (activityDeleted)="deleteActivity($event)"
-                                                             (genericTriggerFired)="handleGenericTriggerFired($event)"
-                                                             (formTriggerFired)="handleFormTriggerFired()"
-                                                             (triggerFired)="handleTriggerFired($event)"
-                                                             (linkClicked)="linkClicked.emit($event)"
-                                                             (formCreated)="handleFormCreation()"
-                                                             [class.bottom-task]="activityViewModel.activity.IsTask"></co-component-activity-overview>
-                            </ng-container>
-                       </co-collapsible>
-                    </ng-container>
-                </div>
-                <div class="activity-tab-content mini-scrollbar">
-                    <ng-container *ngFor="let activityListViewModel of privateDelegatedActivityListViewModels">
-                        <co-collapsible *ngIf="activityListViewModel.showing" #collapseable
-                                        [headerTitle]="activityListViewModel.label + ' ' + activityListViewModel.amount"
-                                        [(expanded)]="activityListViewModel.expanded">
-                            <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
-                               <co-component-activity-overview *ngIf="activityViewModel.showing"
-                                                             [viewModel]="activityViewModel"
-                                                             [userRelationId]="relationId"
-                                                             [userGroupId]="userGroupId"
-                                                             (activityChange)="handleChangedActivity(index, $event)"
-                                                             (activityDeleted)="deleteActivity($event)"
-                                                             (genericTriggerFired)="handleGenericTriggerFired($event)"
-                                                             (formTriggerFired)="handleFormTriggerFired()"
-                                                             (triggerFired)="handleTriggerFired($event)"
-                                                             (linkClicked)="linkClicked.emit($event)"
-                                                             (formCreated)="handleFormCreation()"
-                                                             [class.bottom-task]="activityViewModel.activity.IsTask"></co-component-activity-overview>
-                            </ng-container>
-                        </co-collapsible>
-                    </ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    animations: [
-        trigger("showHideContent", [
-            state("void", style({transform: "scaleY(0)", opacity: 0})),
-            state("*", style({transform: "scaleY(1)", opacity: 1})),
-            transition(`void <=> *`, animate("200ms ease-in-out"))
-        ]),
-        trigger("showHideTab", [
-            state("TODO", style({transform: "translateX(0)"})),
-            state("DELEGATED", style({transform: "translateX(calc(-100% - 20px))"})),
-            transition(`TODO <=> DELEGATED`, animate("200ms ease-in-out"))
-        ])
-    ], providers: [
-    {
-      provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-      useExisting: forwardRef(() => ComponentActivityListComponent)
-    }],
-})
-export class ComponentActivityListComponent extends BaseActivityListComponent implements OnDestroy, ScreenConfigAdapterComponent {
-    public readonly tabs: typeof PersonalActivityTabEnum = PersonalActivityTabEnum;
-    public readonly icons: typeof Icon = Icon;
-    public readonly activityClass: typeof Activity = Activity;
-    public readonly activitySortType: typeof ActivitySortType = ActivitySortType;
-
-  @ViewChildren(ComponentActivityOverviewComponent)
-  public activityOverviewList: QueryList<ComponentActivityOverviewComponent>;
-
-    @HostBinding("class.co-component-activity-list")
-    public showClass() {
-      return true;
-    }
-
-    @Input()
-    public set table(value: TableName) {
-        this._table = value;
-        this.getTheActivities();
-    }
-
-    public get table(): TableName {
-        return this._table;
-    }
-
-    @Input()
-    public set key(value: string) {
-        this._key = value;
-        this.getTheActivities();
-    }
-
-    public get key(): string {
-        return this._key;
-    }
-
-    @Input()
-    @InputBoolean()
-    public showActivityHeader: boolean = true;
-
-    @Input()
-    @InputBoolean()
-    public hideTitle: boolean = false;
-
-    @Input()
-    @InputBoolean()
-    public noFreeTasks: boolean = false;
-
-    @Input()
-    public customTitle: string;
-
-    @Input()
-    public userGroupId: number;
-
-    @Input()
-    public relationId: number;
-
-    @Input()
-    public branchNo: string;
-
-    @Input()
-    public componentActivitiesMethod: OperationCallbackSimpleFunction = OperationWithAlwaysSuccessCallback;
-
-    @Input()
-    public setHasPausedNotificationsForWorkflowProcessOperation: OperationCallbackFunctionWithValidation = OperationWithValidationCallback;
-
-    @Output()
-    public openLinkClick: EventEmitter<Activity> = new EventEmitter<Activity>();
-
-    @Output()
-    public amountActivityChanged: EventEmitter<number> = new EventEmitter<number>();
-
-    @Output()
-    public linkClicked: EventEmitter<{module: string, id: string}> = new EventEmitter<{module: string, id: string}>();
-
-    @Output()
-    public formCreated: EventEmitter<void> = new EventEmitter<void>();
-
-    @Output()
-    public refreshRequested: EventEmitter<void> = new EventEmitter<void>();
-
-    @Output()
-    public showUsergroupActivitiesChanged: EventEmitter<void> = new EventEmitter<void>();
-
-    public activeTab: PersonalActivityTabEnum = PersonalActivityTabEnum.TODO;
-
-    /*public activitySortList: boolean[] = [];*/
-
-    public activityList: ActivityViewModel[] = [];
-
-    public trackByFn(index: number, vm: ActivityViewModel): any {
-        return vm.activity.id + '_' + vm.activity.workflow.combinedTriggerIds;
-    }
-
-    public objectConfigName: string;
-    @HostBinding('class.co-shared-hidden')
-    public hidden: boolean;
-    public required: boolean;
-    public forceReadonly: boolean;
-    public readonly: boolean;
-    public maxLength: number;
-    public decimals: number;
-    public redErrorBackground: boolean;
-
-    private _table: TableName;
-    private _key: string;
-    private _subs: Subscription[] = [];
-    private _activitiesList: Activity[] = [];
-
-
-  constructor(protected sharedService: SharedService
-    ) {
-        super();
-    }
-
-    async ngOnInit(): Promise<void> {
-        this.getTheActivities();
-        /*this._subs.push(
-            this._appEventService.taskCreated.subscribe(() => {
-                this.getTheActivities();
-            }),
-            this._appEventService.taskModified.subscribe(() => {
-                this.getTheActivities();
-            })
-        );*/
-    }
-
-    ngOnDestroy(): void {
-        //this._subs.forEach(s => s.unsubscribe());
-        super.ngOnDestroy();
-    }
-
-    public async getActivities(): Promise<void> {
-      if (this.table && this.key) {
-        const allActivities: Activity[] = await this.sharedService.getComponentActivitiesWithoutRelationFiltering(this.table, this.key);
-        if (allActivities) {
-          this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task) : allActivities;
-        } else {
-          this.activities = [];
-        }
-        this.amountActivityChanged.next(this.activities.length);
-      }
-    }
-
-    @Input()
-    public set activitiesList(allActivities: Activity[]) {
-      this._activitiesList = allActivities;
-      if (allActivities) {
-        this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task) : allActivities;
-      } else {
-        this.activities = [];
-      }
-    }
-
-    public get activitiesList() {
-      return this._activitiesList;
-    }
-
-    public async getDelegatedActivities(): Promise<void> {
-        // const allActivities: Activity[] = await this._activityRepo.getComponentActivities(this.table, this.key);
-        // this.delegatedActivities = allActivities ? allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask) : [];
-    }
-
-    /*//TODO there were already unused before the move. Can they go?
-    public handleOpenLink(activity: Activity): void {
-        this.openLinkClick.next(activity);
-    }*/
-
-    public showUsergroupActivitiesChange(): void {
-        this.showUsergroupActivitiesChanged.next()
-    }
-
-    public handleTriggerFired(activity: Activity): void {
-        this.getTheActivities();
-        this.refreshRequested.emit();
-    }
-
-    public handleGenericTriggerFired(activity: Activity): void {
-        this.getTheActivities();
-        this.refreshRequested.emit();
-    }
-
-  public handleFormTriggerFired(): void {
-    this.getTheActivities();
-    this.refreshRequested.emit();
-  }
-
-    public handleFormCreation(): void {
-        this.formCreated.next();
-    }
-
-    public handleChangedActivity(idx: number, activity: Activity): void {
-        if (this.activities) {
-            this.activities[idx] = activity;
-        }
-    }
-
-    public deleteActivity(activity: Activity): void {
-        this.amountActivityChanged.next(this.activities.length - 1);
-    }
-
-    public reset(): void {
-        super.reset();
-        this.activityList = [];
-    }
-
-    public doFilterClicked(filter: { from: Date, to: Date }): void {
-        if (filter.from && filter.to) {
-            this.filterFrom = new Date(filter.from);
-            this.filterFrom.setHours(0);
-            this.filterFrom.setMinutes(0);
-            this.filterFrom.setSeconds(0);
-            this.filterTo = new Date(filter.to);
-            this.filterTo.setHours(0);
-            this.filterTo.setMinutes(0);
-            this.filterTo.setSeconds(0);
-        } else {
-            this.filterFrom = undefined;
-            this.filterTo = undefined;
-        }
-        this.applyFilter();
-    }
-
-    public openFirstTask(): void {
-        if (!this.activities) {
-            return;
-        }
-        const tasks: Activity[] = this.activities.filter((value => value.IsTask));
-        if (tasks && tasks.length > 0) {
-            const activityOverviews: PersonalActivityOverviewComponent[] = this.activityOverviewList.toArray();
-            if (activityOverviews && activityOverviews.length) {
-                const len: number = activityOverviews.length;
-                for (let i: number = 0; i < len; i++) {
-                    if (activityOverviews[i].activity.getId() === tasks[0].getId()) {
-                        activityOverviews[i].startModifyingTask();
-                    }
-                }
-            }
-        }
-    }
-    public tryOpenTaskByTaskId(taskId: number): boolean {
-        const overviews: ComponentActivityOverviewComponent[] = this.activityOverviewList?.toArray() ?? [];
-        if (!overviews.length) return false;
-        const overview: ComponentActivityOverviewComponent =
-            overviews.find((o: ComponentActivityOverviewComponent) => o.activity?.task?.taskId === taskId) ??
-            overviews.find((o: ComponentActivityOverviewComponent) => o.viewModel?.activity?.task?.taskId === taskId);
-        if (!overview) return false;
-        if (!overview.activity.task) {
-            overview.activity.task = new Task();
-        }
-        overview.activity.activityType = ActivityType.Task;
-        overview.activity.task.taskId = taskId;
-        overview.taskModifier.enableEmailOnNextSave();
-        overview.taskModifier.startModifyingTask(overview.activity);
-        return true;
-    }
-}

package/projects/sharedcomponents/src/lib/components/open-activity-list/component-activity-list.module.ts

@@ -1,30 +0,0 @@
-import {NgModule} from '@angular/core';
-import {ComponentActivityListComponent} from './component-activity-list.component';
-import {CommonModule} from '@angular/common';
-import {ButtonModule, CollapsibleModule} from '@colijnit/corecomponents_v12';
-import {PersonalActivityOverviewModule} from './components/personal-activity-overview/personal-activity-overview.module.';
-import {ComponentActivityOverviewModule} from '../activity-overview-component/component-activity-overview.module';
-import {ActivityListHeaderModule} from '../activity-list-header/activity-list-header.module';
-import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
-
-
-@NgModule({
-  imports: [
-    SharedComponentsTranslationModule,
-    CommonModule,
-    ButtonModule,
-    CollapsibleModule,
-    PersonalActivityOverviewModule,
-    ComponentActivityOverviewModule,
-    ActivityListHeaderModule
-  ],
-  declarations: [
-    ComponentActivityListComponent
-  ],
-  exports: [
-    ComponentActivityListComponent
-  ]
-})
-export class ComponentActivityListModule {
-
-}