@colijnit/sharedcomponents 1.0.69 → 253.1.1

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

@@ -0,0 +1,25 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { ActivitySortType } from "@colijnit/mainapi/build/enum/activity-sort-type.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { OperationCallbackFunctionWithValidation } from "../../interface/operation-callback-function-with-validation";
+export declare class ActivityListHeaderComponent {
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    readonly activitySortType: typeof ActivitySortType;
+    title: string;
+    searchText: string;
+    showUsergroupActivities: boolean;
+    table: string;
+    key: string;
+    setHasPausedNotificationsForWorkflowProcessOperation: OperationCallbackFunctionWithValidation;
+    searchTextChange: EventEmitter<string>;
+    periodFilterClicked: EventEmitter<{
+        from: Date;
+        to: Date;
+    }>;
+    showUsergroupActivitiesChange: EventEmitter<boolean>;
+    showClass(): boolean;
+    constructor(iconService: IconCacheService);
+    onToggleClicked(toggled: boolean): void;
+}

package/lib/components/activity-list-header/activity-list-header.module.d.ts

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

package/lib/components/activity-list-header/components/period-filter/period-filter-popup.component.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+export declare class PeriodFilterPopupComponent implements OnDestroy {
+    element: ElementRef;
+    showClass(): boolean;
+    possibleFilters: string[];
+    parentForOverlay: ElementRef;
+    closePopup: EventEmitter<any>;
+    filterClicked: EventEmitter<string>;
+    constructor(element: ElementRef);
+    ngOnDestroy(): void;
+}

package/lib/components/activity-list-header/components/period-filter/period-filter.component.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { Icon } from "../../../../enum/icon.enum";
+import { OverlayService } from "@colijnit/corecomponents_v12";
+export declare class PeriodFilterComponent implements OnDestroy {
+    element: ElementRef;
+    iconService: IconCacheService;
+    private _overlayService;
+    readonly icon: typeof Icon;
+    readonly possibleFilters: string[];
+    showPopup: boolean;
+    showClass(): boolean;
+    handleClick(): void;
+    filterClicked: EventEmitter<{
+        from: Date;
+        to: Date;
+    }>;
+    currentFilter: string;
+    private _periodPopupRef;
+    constructor(element: ElementRef, iconService: IconCacheService, _overlayService: OverlayService);
+    ngOnDestroy(): void;
+    showFilterItems(): void;
+    closePopup(): void;
+    onFilterClick(filter: string): void;
+    private _emitFilterClicked;
+}

package/lib/components/activity-list-header/components/period-filter/period-filter.module.d.ts

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

package/lib/components/activity-list-header/components/period-filter/style/_layout.scss

@@ -0,0 +1,62 @@
+@include export-module('co-period-filter-layout') {
+  .co-period-filter {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    justify-content: space-between;
+    height: 40px;
+    align-items: flex-start;
+    flex-shrink: 0;
+    icon {
+      height: 20px;
+      width: 20px;
+      [fill] {
+        fill: $color-action;
+      }
+    }
+    //.current-filter {
+    //  color: $color-action;
+    //}
+    ::ng-deep #period_filter_dropdown_template {
+      overflow: hidden;
+      display: block;
+      width: 300px;
+      border-radius: 5px;
+      background: white;
+      box-shadow: 1px 1px 10px 1px rgba(72,79,96,.25);
+      ::ng-deep .label {
+        font-weight: bold;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        font-size: 13px;
+        padding: 0 10px;
+      }
+      ::ng-deep .item {
+        cursor: pointer;
+        height: 50px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        border-radius: 5px;
+        padding: 10px;
+        icon {
+          height: 40px;
+          width: 40px;
+        }
+
+        &:hover {
+          background-color: #8faba6;
+          color: white;
+          ::ng-deep icon {
+            [fill] {
+              fill: white;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+

package/lib/components/activity-list-header/components/period-filter/style/_material-definition.scss

@@ -0,0 +1 @@
+$color_text_light: #FAFAFA;

package/lib/components/activity-list-header/components/period-filter/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-period-filter-theme') {
+  .co-period-filter {
+
+  }
+}

package/lib/components/activity-list-header/components/period-filter/style/material.scss

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

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

@@ -0,0 +1,84 @@
+@include export-module('co-activity-list-header-layout') {
+  .co-activity-list-header {
+    display: flex;
+    flex-direction: column;
+    z-index: 1;
+    h2 {
+      font-size: 14px;
+    }
+    .input-search {
+      width: 300px;
+      height: 30px;
+      background: $color_text_light;
+      border-radius: 5px;
+      margin-bottom: 0;
+    }
+
+    .period-filter {
+      align-items: center;
+      height: 30px;
+    }
+
+    .header-wrapper {
+      align-items: center;
+    }
+
+    .sub-header {
+      display: flex;
+      flex-wrap: wrap-reverse;
+      padding-bottom: 10px;
+      border-color: $color-border;
+      border-bottom: 1px solid;
+
+      .first-column {
+        display: flex;
+        flex-basis: 250px;
+        flex-shrink: 0;
+        height: 40px;
+      }
+
+      .second-column {
+        display: flex;
+        height: 40px;
+        align-items: flex-end;
+        flex: 1 1 300px;
+        .second-column-right {
+          display: flex;
+          column-gap: 5px;
+          width: 100%;
+          justify-content: flex-end;
+          .input-search {
+            width: auto;
+            flex: 1 1 300px;
+            min-width: 75px;
+            max-width: 300px;
+          }
+        }
+      }
+    }
+
+    ::ng-deep tab-no-router {
+      margin-top: 14px;
+
+      nav.tab-no-router-nav {
+        padding-left: 0 !important; // todo: fix this
+        a {
+          color: #171721;
+          border-bottom-width: 3px;
+          padding-bottom: 14px;
+          &:hover {
+            color: #171721;
+          }
+          &.active {
+            color: #171721;
+            &:hover {
+              color: #171721;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+

package/lib/components/activity-list-header/style/_material-definition.scss

@@ -0,0 +1 @@
+$color_text_light: #FAFAFA;

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

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

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

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

package/lib/components/activity-overview-component/component-activity-overview.component.d.ts

@@ -0,0 +1,15 @@
+import { CoreDialogService } from "@colijnit/corecomponents_v12";
+import { BaseActivityOverviewComponent } from "./components/base-activity-overview.component";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { SharedService } from "../../service/shared.service";
+export declare class ComponentActivityOverviewComponent extends BaseActivityOverviewComponent {
+    iconCacheService: IconCacheService;
+    dialogService: CoreDialogService;
+    dictionaryService: DictionaryService;
+    protected sharedService: SharedService;
+    readonly Icon: typeof Icon;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, dialogService: CoreDialogService, dictionaryService: DictionaryService, sharedService: SharedService);
+}

package/lib/components/activity-overview-component/component-activity-overview.module.d.ts

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

package/lib/components/activity-overview-component/components/base-activity-overview.component.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter } from "@angular/core";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { Workflow } from "@colijnit/mainapi/build/model/workflow.bo";
+import { WorkflowTrigger } from "@colijnit/mainapi/build/model/workflow-trigger.bo";
+import { ModuleNavigationLink } from "@colijnit/mainapi/build/enum/module-navigation-link";
+import { WorkflowGenericTransition } from "@colijnit/mainapi/build/model/workflow-generic-transition.bo";
+import { ActivityViewModel } from "@colijnit/mainapi/build/model/activity-view-model";
+import { CoreDialogService } from "@colijnit/corecomponents_v12";
+import { Icon } from "../../../enum/icon.enum";
+import { ActivityCfgName } from "../../../enum/activity-cfg-name.enum";
+import { ActivitiesTaskConfigNames } from "../../../interface/activities-task-config-names";
+import { OperationCallbackSimpleFunction } from "../../../interface/operation-callback-simple-function";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { TaskModifierComponent } from "../../task-modifyer/task-modifier.component";
+import { SharedService } from "../../../service/shared.service";
+export declare abstract class BaseActivityOverviewComponent {
+    private _dialogService;
+    private _dictionaryService;
+    private _sharedService;
+    readonly icon: typeof Icon;
+    readonly cfgNames: typeof ActivityCfgName;
+    readonly taskCfgNames: ActivitiesTaskConfigNames;
+    taskModifier: TaskModifierComponent;
+    set viewModel(value: ActivityViewModel);
+    set triggerToFireOnSave(value: WorkflowTrigger);
+    get triggerToFireOnSave(): WorkflowTrigger;
+    prepareWorkflowOperation: OperationCallbackSimpleFunction;
+    userRelationId: number;
+    userGroupId: number;
+    handleOpenLinkSidebar: boolean;
+    activityChange: EventEmitter<Activity>;
+    readonly activityDeleted: EventEmitter<Activity>;
+    triggerFired: EventEmitter<Activity>;
+    genericTriggerFired: EventEmitter<Activity>;
+    formCreated: EventEmitter<void>;
+    openLink: EventEmitter<Activity>;
+    linkClicked: EventEmitter<{
+        module: string;
+        id: string;
+    }>;
+    set activity(value: Activity);
+    get activity(): Activity;
+    workFlow: Workflow;
+    targetDate: Date;
+    deadlineDate: Date;
+    activityName: string;
+    activityDescription: string;
+    activityTitle: string;
+    activityContextTitle: string;
+    openButtonLabel: string;
+    overDue: boolean;
+    userIsSupervisor: boolean;
+    table: string;
+    key: string;
+    urls: string[];
+    firstTriggerToCloseWF: WorkflowTrigger;
+    isTask: boolean;
+    hasTriggers: boolean;
+    link: ModuleNavigationLink;
+    linkDescription: string;
+    sameDates: boolean;
+    private _activity;
+    private _viewModel;
+    private _triggerToFireOnSave;
+    constructor(_dialogService: CoreDialogService, _dictionaryService: DictionaryService, _sharedService: SharedService);
+    handleButtonEndClick(): void;
+    handleGenericTriggerClick(event: WorkflowGenericTransition): Promise<void>;
+    handleTriggerClick(eventTrigger: WorkflowTrigger): Promise<void>;
+    handleOpenLink(event: MouseEvent, url?: string): void;
+    handleOpenLinkOrUrl(event: MouseEvent): void;
+    startModifyingTask(): void;
+    showTaskFormAndWorkLog(): void;
+    onSaveActivity(activity: Activity): void;
+    onDeleteActivity(activity: Activity): void;
+    private _prepareData;
+    private _setFirstTriggerToCloseWF;
+    private _openUrl;
+    private _stopEventPropagation;
+}

package/lib/components/activity-overview-component/style/_layout.scss

@@ -0,0 +1,107 @@
+@include export-module('co-component-activity-overview-layout') {
+  .co-component-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/activity-overview-component/style/_material-definition.scss

@@ -0,0 +1 @@
+$color_text_light: #FAFAFA;

package/lib/components/activity-overview-component/style/_theme.scss

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

package/lib/components/activity-overview-component/style/material.scss

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

package/lib/components/modify-task-form/components/activity-summary-block/activity-summary-block.component.d.ts

@@ -0,0 +1,31 @@
+import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from "@angular/core";
+import { FormComponent, FormMasterService } from "@colijnit/corecomponents_v12";
+import { Icon } from "../../../../enum/icon.enum";
+export declare class ActivitySummaryBlockComponent implements OnDestroy {
+    private _formMaster;
+    elementRef: ElementRef;
+    readonly Icon: typeof Icon;
+    mainForm: FormComponent;
+    cssId: string;
+    noBorder: boolean;
+    icon: Icon;
+    editIcon: Icon;
+    image: string;
+    editTitle: string;
+    editTemplate: TemplateRef<any>;
+    extraButtonsTemplate: TemplateRef<any>;
+    readonly: boolean;
+    showButtons: boolean;
+    hideCancel: boolean;
+    actionIcon: boolean;
+    expandable: boolean;
+    saveClick: EventEmitter<any>;
+    cancelClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    get summaryElement(): ElementRef;
+    constructor(_formMaster: FormMasterService, elementRef: ElementRef);
+    ngOnDestroy(): void;
+    handleOkClick(event: MouseEvent): void;
+    handleCancelClick(event: MouseEvent): void;
+    onValid(): void;
+}

package/lib/components/modify-task-form/components/activity-summary-block/activity-summary-block.module.d.ts

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

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

@@ -0,0 +1,139 @@
+@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%;
+    }
+  }
+  ::ng-deep 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;
+    ::ng-deep icon {
+      height: 60px !important;
+      width: 60px !important;
+      flex-shrink: 0;
+    }
+    &.small {
+      height: 50px;
+      width: 50px;
+      ::ng-deep icon {
+        height: 40px !important;
+        width: 40px !important;
+      }
+    }
+  }
+
+  .block-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    .expandable-wrapper {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+
+  .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;
+    }
+    ::ng-deep co-form {
+      co-list-of-values {
+        margin-bottom: 5px;
+        &:before {
+          box-shadow: none;
+        }
+      }
+    }
+    .title-wrapper {
+      align-items: center;
+      margin-bottom: 10px;
+    }
+    ::ng-deep h3:not(.no-margin) {
+      margin-top: 25px;
+    }
+  }
+
+  .collapseable-wrapper {
+    padding: 10px;
+    border-bottom: 1px solid #DCE4EA;
+  }
+
+  ::ng-deep .input-date-window {
+    z-index: 9001!important;
+  }
+
+  .initial {
+    position: initial !important;
+  }
+
+  .center {
+    justify-content: center;
+  }
+}

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

@@ -0,0 +1,5 @@
+@include export-module('co-executive-summary-block') {
+  .co-activity-summary-block {
+  }
+}
+

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

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