@colijnit/sharedcomponents 1.0.69 → 253.1.1

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

@@ -0,0 +1,139 @@
+@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;
+
+      .co-simple-tags {
+        height: 300px;
+      }
+    }
+    .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,67 @@
+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";
+import { SharedService } from "../../service/shared.service";
+import { TableName } from "@colijnit/mainapi/build/enum/table-name.enum";
+export declare class ComponentActivityListComponent extends BaseActivityListComponent implements OnDestroy {
+    protected sharedService: SharedService;
+    readonly tabs: typeof PersonalActivityTabEnum;
+    readonly icons: typeof Icon;
+    readonly activityClass: typeof Activity;
+    readonly activitySortType: typeof ActivitySortType;
+    activityOverviewList: QueryList<PersonalActivityOverviewComponent>;
+    showClass(): boolean;
+    set table(value: TableName);
+    get table(): TableName;
+    set key(value: string);
+    get key(): string;
+    hideTitle: boolean;
+    noFreeTasks: boolean;
+    customTitle: string;
+    userGroupId: number;
+    relationId: number;
+    componentActivitiesMethod: OperationCallbackSimpleFunction;
+    setHasPausedNotificationsForWorkflowProcessOperation: OperationCallbackFunctionWithValidation;
+    openLinkClick: EventEmitter<Activity>;
+    amountActivityChanged: EventEmitter<number>;
+    linkClicked: EventEmitter<{
+        module: string;
+        id: string;
+    }>;
+    formCreated: EventEmitter<void>;
+    refreshRequested: EventEmitter<void>;
+    showUsergroupActivitiesChanged: EventEmitter<void>;
+    activeTab: PersonalActivityTabEnum;
+    activityList: ActivityViewModel[];
+    trackByFn(index: number, vm: ActivityViewModel): any;
+    private _table;
+    private _key;
+    private _subs;
+    private _activitiesList;
+    constructor(sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    getActivities(): Promise<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,48 @@
+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[];
+    private _showUsergroupActivities;
+    get showUsergroupActivities(): boolean;
+    set showUsergroupActivities(value: boolean);
+    private _activities;
+    private _delegatedActivities;
+    private _updateInterval;
+    constructor();
+    ngOnDestroy(): void;
+    abstract getActivities(): any;
+    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/simple-tags/simple-tags.component.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter } from "@angular/core";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { Icon } from "../../enum/icon.enum";
-import { CdkDragDrop } from "@angular/cdk/drag-drop";
 import { SharedService } from "../../service/shared.service";
 import { TagTreeItem } from "@colijnit/mainapi/build/model/tag-tree-item.bo";
 export declare class SimpleTagsComponent {
@@ -9,6 +8,7 @@ export declare class SimpleTagsComponent {
     sharedService: SharedService;
     readonly icon: typeof Icon;
     set tags(tags: TagTreeItem[]);
+    get tags(): TagTreeItem[];
     set linkedTags(tags: TagTreeItem[]);
     get linkedTags(): TagTreeItem[];
     closeClick: EventEmitter<void>;
@@ -20,12 +20,5 @@ export declare class SimpleTagsComponent {
     private _linkedTags;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, sharedService: SharedService);
-    setRootDisplayTags(): void;
-    handleTagSelected(selectedTag: TagTreeItem): void;
-    handleCrumbClicked(tag: TagTreeItem, index: number): void;
-    handleAddTag(event: CdkDragDrop<TagTreeItem[], any>): void;
-    deleteLinkedTag(tag: TagTreeItem): void;
-    searchCollection(): void;
     handleSaveTags(): void;
-    private _loadThumbnail;
 }

package/lib/components/simple-tags-form/simple-tags-form.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from "@angular/core";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { Icon } from "../../enum/icon.enum";
+import { CdkDragDrop } from "@angular/cdk/drag-drop";
+import { SharedService } from "../../service/shared.service";
+import { TagTreeItem } from "@colijnit/mainapi/build/model/tag-tree-item.bo";
+export declare class SimpleTagsFormComponent {
+    iconCacheService: IconCacheService;
+    sharedService: SharedService;
+    readonly icon: typeof Icon;
+    set tags(tags: TagTreeItem[]);
+    set linkedTags(tags: TagTreeItem[]);
+    get linkedTags(): TagTreeItem[];
+    readonly linkedTagsChange: EventEmitter<TagTreeItem[]>;
+    breadCrumbs: TagTreeItem[];
+    displayTags: TagTreeItem[];
+    searchString: string;
+    private _tags;
+    private _linkedTags;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, sharedService: SharedService);
+    setRootDisplayTags(): void;
+    handleTagSelected(selectedTag: TagTreeItem): void;
+    handleCrumbClicked(tag: TagTreeItem, index: number): void;
+    handleAddTag(event: CdkDragDrop<TagTreeItem[], any>): void;
+    deleteLinkedTag(tag: TagTreeItem): void;
+    searchCollection(): void;
+    private _loadThumbnail;
+}

package/lib/components/simple-tags-form/simple-tags-form.module.d.ts

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