npm - @colijnit/sharedcomponents - Versions diffs - 1.0.69 → 1.0.70 - Mend

@colijnit/sharedcomponents 1.0.69 → 1.0.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (175) hide show

package/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>Sharedcomponents</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.6375d1d30814ecba5d0c.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.6375d1d30814ecba5d0c.css"></noscript></head>
+<body>
+  <app-root></app-root>
+<script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.36b466467ac98ce720f9.js" defer></script>
+</body></html>

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,13 @@
+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";
+export declare class ComponentActivityOverviewComponent extends BaseActivityOverviewComponent {
+    iconCacheService: IconCacheService;
+    dialogService: CoreDialogService;
+    dictionaryService: DictionaryService;
+    readonly Icon: typeof Icon;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, dialogService: CoreDialogService, dictionaryService: DictionaryService);
+}

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

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

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

@@ -0,0 +1,84 @@
+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 { OperationCallbackFunctionWithValidation } from "../../../interface/operation-callback-function-with-validation";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { TaskModifierComponent } from "../../task-modifyer/task-modifier.component";
+export declare abstract class BaseActivityOverviewComponent {
+    private _dialogService;
+    private _dictionaryService;
+    readonly icon: typeof Icon;
+    readonly cfgNames: typeof ActivityCfgName;
+    readonly taskCfgNames: ActivitiesTaskConfigNames;
+    taskModifier: TaskModifierComponent;
+    set viewModel(value: ActivityViewModel);
+    set triggerToFireOnSave(value: WorkflowTrigger);
+    get triggerToFireOnSave(): WorkflowTrigger;
+    canFireTriggerOperation: OperationCallbackSimpleFunction;
+    prepareWorkflowOperation: OperationCallbackSimpleFunction;
+    lockTaskOperation: OperationCallbackSimpleFunction;
+    deleteActivityOperation: OperationCallbackSimpleFunction;
+    upsertActivityOperation: OperationCallbackSimpleFunction;
+    fireGenericTriggerOperation: OperationCallbackFunctionWithValidation;
+    fireTriggerOperation: OperationCallbackFunctionWithValidation;
+    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);
+    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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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/_material-definition.scss ADDED Viewed

File without changes

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

@@ -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 ADDED Viewed

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