@colijnit/sharedcomponents 1.0.69 → 1.0.70

package/lib/components/modify-task-form/style/_layout.scss

@@ -0,0 +1,135 @@
+@include export-module('co-modify-task-form-layout') {
+  .co-modify-task-form {
+    display: flex;
+    height: 100%;
+    .wrapper {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(368px, 736px));
+    }
+    .modify-task-header {
+      display: flex;
+      justify-content: space-around;
+      grid-column-gap: 10px;
+      column-gap: 10px;
+      border-radius: 5px;
+      padding: 0 0 10px 0;
+      border-style: solid;
+      border-width: 0 0 5px 0;
+      border-color: #ffffff;
+      .header-menu {
+        display: flex;
+        flex-direction: column;
+        flex-basis: 50px;
+        align-items: center;
+        cursor: pointer;
+        padding: 5px 15px;
+        margin: 0;
+        border-radius: 5px;
+        white-space: nowrap;
+        &.active {
+          color: #1A73E8;
+          background: #fff;
+        }
+      }
+    }
+    .content-menu-wrapper {
+      padding: 30px 0;
+    }
+    .content-row-wrapper {
+      display: flex;
+      gap: 30px;
+      .content-left {
+        flex: 1;
+      }
+      .content-right {
+        flex-basis: 200px;
+      }
+    }
+    .activity-content-header {
+      padding: 15px 0 10px 0;
+      font-weight: 600;
+    }
+    .marked-time-wrapper {
+      display: flex;
+      gap: 10px;
+      align-content: center;
+    }
+
+    .main {
+      grid-column: 1;
+      grid-row: 1/2;
+    }
+
+    .side {
+      grid-column: 2;
+      grid-row: 1/3;
+    }
+
+    .bottom {
+      grid-column: 1;
+      grid-row: 2/3;
+    }
+
+    @media (max-width: 800px) {
+      .main {
+        grid-column: auto;
+        grid-row: auto;
+      }
+
+      .side {
+        grid-column: auto;
+        grid-row: auto;
+        max-width: inherit;
+      }
+
+      .bottom {
+        grid-column: auto;
+        grid-row: auto;
+      }
+    }
+
+    ::ng-deep form-expand-container {
+      border: 1px solid #DCE4EA;
+    }
+
+    ::ng-deep tags {
+      display: block;
+      padding: 30px;
+      min-height: initial;
+    }
+
+    ::ng-deep input-notification {
+      padding: 15px;
+      width: 100%;
+    }
+
+    .activities-wrapper {
+      border: 1px solid #DCE4EA;
+      padding: 30px;
+      max-width: $xs-width - 1;
+      .wrapper {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+
+    .collapseable-wrapper {
+      padding: 10px;
+      border-bottom: 1px solid #DCE4EA;
+    }
+    .popupStyle {
+      min-width: 250px;
+      margin: 30px;
+    }
+  }
+
+  ::ng-deep #task_modifier_popup {
+    .popup-buttons {
+      align-self: center;
+    }
+    ::ng-deep .invoice-checkbox {
+      margin: 10px 0;
+    }
+
+  }
+}

package/lib/components/modify-task-form/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-modify-task-form-theme') {
+  .co-modify-task-form {
+  }
+}
+

package/lib/components/modify-task-form/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/open-activity-list/component-activity-list.component.d.ts

@@ -0,0 +1,69 @@
+import { BaseActivityListComponent } from "./components/base-open-activity-list.component";
+import { EventEmitter, OnDestroy, QueryList } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+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 } from "../../interface/operation-callback-simple-function";
+import { PersonalActivityOverviewComponent } from "./components/personal-activity-overview/personal-activity-overview.component";
+import { OperationCallbackFunctionWithValidation } from "../../interface/operation-callback-function-with-validation";
+export declare class ComponentActivityListComponent extends BaseActivityListComponent implements OnDestroy {
+    readonly tabs: typeof PersonalActivityTabEnum;
+    readonly icons: typeof Icon;
+    readonly activityClass: typeof Activity;
+    readonly activitySortType: typeof ActivitySortType;
+    activityOverviewList: QueryList<PersonalActivityOverviewComponent>;
+    showClass(): boolean;
+    set table(value: string);
+    get table(): string;
+    set key(value: string);
+    get key(): string;
+    hideTitle: boolean;
+    noFreeTasks: boolean;
+    customTitle: string;
+    userGroupId: number;
+    relationId: number;
+    componentActivitiesMethod: OperationCallbackSimpleFunction;
+    fireGenericTriggerOperation: OperationCallbackFunctionWithValidation;
+    fireTriggerOperation: OperationCallbackFunctionWithValidation;
+    canFireTriggerOperation: OperationCallbackSimpleFunction;
+    setHasPausedNotificationsForWorkflowProcessOperation: OperationCallbackFunctionWithValidation;
+    lockTaskOperation: OperationCallbackSimpleFunction;
+    deleteActivityOperation: OperationCallbackSimpleFunction;
+    upsertActivityOperation: OperationCallbackSimpleFunction;
+    openLinkClick: EventEmitter<Activity>;
+    amountActivityChanged: EventEmitter<number>;
+    linkClicked: EventEmitter<{
+        module: string;
+        id: string;
+    }>;
+    formCreated: EventEmitter<void>;
+    genericTriggerFired: EventEmitter<Activity>;
+    triggerFired: EventEmitter<Activity>;
+    showUsergroupActivitiesChanged: EventEmitter<void>;
+    activeTab: PersonalActivityTabEnum;
+    activityList: ActivityViewModel[];
+    trackByFn(index: number, vm: ActivityViewModel): any;
+    private _table;
+    private _key;
+    private _subs;
+    private _activitiesList;
+    constructor();
+    ngOnDestroy(): void;
+    set activitiesList(allActivities: Activity[]);
+    get activitiesList(): Activity[];
+    getDelegatedActivities(): Promise<void>;
+    showUsergroupActivitiesChange(): void;
+    handleTriggerFired(activity: Activity): void;
+    handleGenericTriggerFired(activity: Activity): void;
+    handleFormCreation(): void;
+    handleChangedActivity(idx: number, activity: Activity): void;
+    deleteActivity(activity: Activity): void;
+    reset(): void;
+    doFilterClicked(filter: {
+        from: Date;
+        to: Date;
+    }): void;
+    openFirstTask(): void;
+}

package/lib/components/open-activity-list/component-activity-list.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ComponentActivityListModule {
+}

package/lib/components/open-activity-list/components/base-open-activity-list.component.d.ts

@@ -0,0 +1,46 @@
+import { OnDestroy } from "@angular/core";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { ActivityListViewModel } from "@colijnit/mainapi/build/model/activity-list-view-model";
+export declare abstract class BaseActivityListComponent implements OnDestroy {
+    protected reloadTimer: number;
+    handleOpenLinkSidebar: boolean;
+    set activities(value: Activity[]);
+    get activities(): Activity[];
+    set delegatedActivities(value: Activity[]);
+    get delegatedActivities(): Activity[];
+    filterFrom: Date;
+    filterTo: Date;
+    searchText: string;
+    filteredActivities: Activity[];
+    filteredDelegatedActivities: Activity[];
+    privateActivityListViewModels: ActivityListViewModel[];
+    privateDelegatedActivityListViewModels: ActivityListViewModel[];
+    filteredActivityListViewModels: ActivityListViewModel[];
+    filteredDelegatedActivityListViewModels: ActivityListViewModel[];
+    get showUsergroupActivities(): boolean;
+    set showUsergroupActivities(value: boolean);
+    private _activities;
+    private _delegatedActivities;
+    private _updateInterval;
+    constructor();
+    ngOnDestroy(): void;
+    abstract getDelegatedActivities(): any;
+    reset(): void;
+    applyFilter(): void;
+    protected afterFilterApplied(): void;
+    protected getTheActivities(): void;
+    private _removeNotShowing;
+    protected updatePrivateListsWithFilteredLists(): void;
+    private _applyFilter;
+    private _searchText;
+    private _updatePrivateListWithFilteredList;
+    private _refreshActivities;
+    private _prepareViewModels;
+    private _setAmountListViewModels;
+    private _sortByPosition;
+    private _addToActivityListViewModel;
+    private _getActivityViewModel;
+    private _getActivityListViewModel;
+    private _startInterval;
+    private _updateViewModelContent;
+}

package/lib/components/open-activity-list/components/personal-activity-overview/personal-activity-overview.component.d.ts

@@ -0,0 +1,4 @@
+import { BaseActivityOverviewComponent } from "../../../activity-overview-component/components/base-activity-overview.component";
+export declare class PersonalActivityOverviewComponent extends BaseActivityOverviewComponent {
+    showClass(): boolean;
+}

package/lib/components/open-activity-list/components/personal-activity-overview/personal-activity-overview.module..d.ts

@@ -0,0 +1,2 @@
+export declare class PersonalActivityOverviewModule {
+}

package/lib/components/open-activity-list/components/personal-activity-overview/style/_layout.scss

@@ -0,0 +1,105 @@
+@include export-module('co-personal-activity-overview') {
+ .co-personal-activity-overview{
+   user-select: none;
+   display: block;
+   background: rgba(255, 255, 255, 0);
+   transition: all .2s ease-in-out;
+   box-shadow: inset 0 0 1px rgba(1, 1, 1, 0.3);
+   padding: 10px;
+   overflow: hidden;
+
+   .overview-wrapper {
+     display: flex;
+     flex-direction: row;
+     align-items: baseline;
+   }
+   .overview-wrapper-icons {
+     display: flex;
+     align-items: center;
+   }
+   .overview-wrapper-labels {
+     display: flex;
+     flex-direction: column;
+   }
+   .overview-wrapper-date {
+     display: flex;
+     flex-shrink: 0;
+     flex-direction: column;
+     margin-left: auto;
+   }
+   .activity-context-title {
+     font-size: 10px;
+   }
+   .activity-title {
+   }
+   .date-wrapper {
+     font-size: 10px;
+     display: flex;
+     .icon {
+       flex-shrink: 0;
+       height: 20px;
+       width: 20px;
+     }
+     &.overdue {
+       color: red;
+       .icon ::ng-deep [fill] {
+         fill: red;
+       }
+     }
+   }
+
+   .overview-icon {
+     .supervisor-icon {
+       margin-left: -10px;
+     }
+   }
+
+   .overview-main {
+     display: flex;
+     width: 100%;
+     flex-direction: row;
+     margin-top: 10px;
+     flex-wrap: wrap;
+     column-gap: 10px;
+     row-gap: 5px;
+   }
+
+   .button-trigger {
+     height: 22px;
+     padding: 5px 10px;
+     &:after {
+       display: none;
+     }
+   }
+
+   .button-trigger-icon {
+     height: 22px;
+     padding: 5px 25px 5px 10px;
+     &:after {
+       display: none;
+     }
+   }
+
+   .date-divider {
+     margin: 0 5px;
+     font-weight: bold;
+     font-size: 14px;
+     line-height: 7px;
+   }
+
+   .date {
+     min-width: 35px;
+   }
+
+   .date, .time {
+     flex-shrink: 0;
+     font-size: 10px;
+     line-height: 10px;
+   }
+
+   &:not(.overdue):hover {
+     background: #FAFAFA;
+     color: #171721;
+   }
+ }
+}

package/lib/components/open-activity-list/components/personal-activity-overview/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-personal-activity-overview-theme') {
+  .co-personal-activity-overview {
+  }
+}

package/lib/components/open-activity-list/components/personal-activity-overview/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "material-definition";
+@import "layout";
+@import "theme";

package/lib/components/open-activity-list/style/_layout.scss

@@ -0,0 +1,26 @@
+@include export-module('co-component-activity-list-layout') {
+  .co-component-activity-list {
+    display: flex;
+    flex-direction: column;
+    height: 900px;
+    padding: 30px 0;
+
+    .activity-list-content {
+      height: 900px;
+      overflow: hidden;
+    }
+    .activity-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 20px;
+      height: 100%;
+    }
+    .activity-tab-content {
+      display: flex;
+      flex-direction: column;
+      flex-basis: 100%;
+      flex-shrink: 0;
+      overflow: auto;
+    }
+  }
+}

package/lib/components/open-activity-list/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-component-activity-list-theme') {
+  .co-component-activity-list {
+  }
+}

package/lib/components/open-activity-list/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/task-modifyer/style/_layout.scss

@@ -0,0 +1,5 @@
+@include export-module('co-task-modifier') {
+ .co-task-modifier{
+
+ }
+}

package/lib/components/task-modifyer/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-task-modifier-theme') {
+  .co-task-modifier {
+  }
+}

package/lib/components/task-modifyer/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/task-modifyer/task-modifier.component.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter, OnDestroy } from "@angular/core";
+import { CoreDialogService, FormComponent } from "@colijnit/corecomponents_v12";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { WorkflowCategoryType } from "@colijnit/mainapi/build/enum/workflow-category.enum";
+import { Icon } from "../../enum/icon.enum";
+import { DictionaryService } from "../../service/dictionary.service";
+import { BusinessObjectFactory } from "@colijnit/ioneconnector/build/service/business-object-factory";
+import { OperationCallbackSimpleFunction } from "../../interface/operation-callback-simple-function";
+import { Task } from "@colijnit/mainapi/build/model/task.bo";
+import { OperationCallbackActivity } from "../../interface/operation-callback-activity";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { ModifyTaskFormComponent } from "../modify-task-form/modify-task-form.component";
+export declare class TaskModifierComponent implements OnDestroy {
+    private _dialogService;
+    private _boFactory;
+    private readonly _dictionary;
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    mainForm: FormComponent;
+    modifyTaskForm: ModifyTaskFormComponent;
+    get readonly(): boolean;
+    workflowCategory: WorkflowCategoryType;
+    reference: string;
+    referenceId: string;
+    userGroupId: number;
+    relationId: number;
+    upsertActivityOperation: OperationCallbackSimpleFunction;
+    deleteActivityOperation: OperationCallbackSimpleFunction;
+    tryLockTaskOperation: OperationCallbackSimpleFunction;
+    createTaskOperation: OperationCallbackActivity;
+    forceReadonly: boolean;
+    readonly editingComplete: EventEmitter<Activity>;
+    readonly activitySaved: EventEmitter<Activity>;
+    readonly activityDeleted: EventEmitter<Activity>;
+    readonly closedWithoutComplete: EventEmitter<boolean>;
+    readonly showWorkLog: EventEmitter<void>;
+    readonly taskCreated: EventEmitter<Task>;
+    readonly taskModified: EventEmitter<Task>;
+    showClass(): boolean;
+    get showForm(): boolean;
+    get header(): string;
+    get subHeader(): string;
+    get subSubHeader(): string;
+    get subHeaderLink(): string;
+    get userIsTaskReporter(): boolean;
+    showAfterInsert: boolean;
+    showNewForm: boolean;
+    showModificationForm: boolean;
+    currentActivity: Activity;
+    editActivity: Activity;
+    taskEditting: boolean;
+    constructor(_dialogService: CoreDialogService, _boFactory: BusinessObjectFactory, _dictionary: DictionaryService, iconService: IconCacheService);
+    ngOnDestroy(): void;
+    handleSaveForm(): void;
+    onValid(): Promise<void>;
+    handleCancelForm(): void;
+    onPopupClose(): void;
+    hide(): void;
+    deleteTask(): Promise<void>;
+    createNewTask(standalone?: boolean): Promise<void>;
+    startModifyingTask(activity: Activity): Promise<void>;
+    startModifyingTaskAndWorkLog(activity: Activity): Promise<void>;
+    _createClone(): void;
+    doHandleStatusChange(editting: boolean): void;
+    updateEditActivity(activity: Activity): void;
+    protected readonly Icon: typeof Icon;
+}

package/lib/components/task-modifyer/task-modifyer.module..d.ts

@@ -0,0 +1,2 @@
+export declare class TaskModifyerModule {
+}

package/lib/components/workflow-notification-toggle/style/_layout.scss

@@ -0,0 +1,59 @@
+@include export-module('co-workflow-notification-toggle-layout') {
+  .co-workflow-notification-toggle{
+    .workflow-list-wrapper {
+      background: white;
+      border: 1px solid #dedede;
+      border-radius: 6px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .workflow-row {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 10px 15px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #f7fafa;
+      }
+
+      .icon-wrapper {
+        height: 24px;
+        width: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 15px;
+      }
+
+      .workflow-icon {
+        height: 24px;
+        width: 24px;
+      }
+
+      .small-icon {
+        width: 22px;
+        height: 22px;
+      }
+
+      .workflow-text {
+        display: flex;
+        flex-direction: column;
+
+        .workflow-title {
+          font-weight: bold;
+          color: #171721;
+          font-size: 12px;
+        }
+
+        .workflow-description {
+          color: #8083A3;
+          font-size: 12px;
+        }
+      }
+    }
+
+  }
+}

package/lib/components/workflow-notification-toggle/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-workflow-notification-toggle-theme') {
+  .co-workflow-notification-toggle {
+  }
+}

package/lib/components/workflow-notification-toggle/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/workflow-notification-toggle/workflow-notification-toggle-popup.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+import { WorkflowProcess } from "@colijnit/mainapi/build/model/workflow-process";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { Icon } from "../../enum/icon.enum";
+export declare class WorkflowNotificationTogglePopupComponent implements OnDestroy {
+    element: ElementRef;
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    workflowProcesses: WorkflowProcess[];
+    parentForOverlay: ElementRef;
+    closePopupClicked: EventEmitter<any>;
+    workflowProcessClicked: EventEmitter<WorkflowProcess>;
+    constructor(element: ElementRef, iconService: IconCacheService);
+    ngOnDestroy(): void;
+}

package/lib/components/workflow-notification-toggle/workflow-notification-toggle.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, OnInit } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { OperationCallbackFunctionWithValidation } from "../../interface/operation-callback-function-with-validation";
+import { WorkflowProcess } from "@colijnit/mainapi/build/model/workflow-process";
+import { SharedService } from "../../service/shared.service";
+import { OverlayService } from "@colijnit/corecomponents_v12";
+export declare class WorkflowNotificationToggleComponent implements OnInit {
+    element: ElementRef;
+    iconService: IconCacheService;
+    sharedService: SharedService;
+    private _overlayService;
+    readonly icons: typeof Icon;
+    table: string;
+    key: string;
+    setHasPausedNotificationsForWorkflowProcessOperation: OperationCallbackFunctionWithValidation;
+    showClass(): boolean;
+    workflowProcesses: WorkflowProcess[];
+    showPopup: boolean;
+    private _workflowPopupRef;
+    constructor(element: ElementRef, iconService: IconCacheService, sharedService: SharedService, _overlayService: OverlayService);
+    ngOnInit(): void;
+    private _loadWorkflowProcesses;
+    buttonClicked(): void;
+    openPopup(): void;
+    closePopup(): void;
+    handleWorkflowToggle(workflow: WorkflowProcess): Promise<void>;
+}

package/lib/components/workflow-notification-toggle/workflow-notification-toggle.module.d.ts

@@ -0,0 +1,2 @@
+export declare class WorkflowNotificationToggleModule {
+}

package/lib/directives/absolute-overlay-template.directive.d.ts

@@ -0,0 +1,9 @@
+import { OnDestroy, OnInit, TemplateRef } from "@angular/core";
+import { AppAbsoluteOverlayOutletService } from "../service/app-absolute-overlay-outlet.service";
+export declare class AbsoluteOverlayTemplateDirective implements OnInit, OnDestroy {
+    private _outletService;
+    absoluteOverlayTemplate: TemplateRef<any>;
+    constructor(_outletService: AppAbsoluteOverlayOutletService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}