@colijnit/sharedcomponents 1.0.68 → 1.0.70

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

@@ -0,0 +1,161 @@
+@include export-module('co-executive-summary-block-layout') {
+  .co-executive-summary-block {
+
+    .value {
+      flex-wrap: wrap;
+    }
+    .notification-email {
+      display: flex;
+      flex-shrink: 0;
+      background: $color_border;
+      margin: 0 2px 2px 0;
+      padding: 5px;
+      border-radius: 5px;
+    }
+
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    &:not(.no-border) {
+      border: 1px solid $color_border;
+    }
+    .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: $block_content_height;
+    width: $block_content_height;
+    span {
+      display: none;
+    }
+
+    .icon-wrapper {
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      justify-content: center;
+      background: #F8FBFA;
+      height: $block_content_height;
+      width: $block_content_height;
+      border-radius: 50%;
+      border: 1px solid $color_border;
+      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: $block_content_height;
+      height: auto;
+      width: 100%;
+    }
+
+    .value {
+      font-size: 13px;
+      font-weight: bold;
+      color: $color-dark;
+      align-items: center;
+    }
+
+    .title {
+      font-size: 11px;
+      line-height: 13px;
+      color: $color-label;
+    }
+
+    .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 $color_border;
+    }
+
+    ::ng-deep .input-date-window {
+      z-index: 9001!important;
+    }
+
+    .initial {
+      position: initial !important;
+    }
+
+    .center {
+      justify-content: center;
+    }
+    .planning-row {
+      display: flex;
+      flex-direction: row;
+      gap: 5px;
+      align-items:flex-start;
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { OnInit } from "@angular/core";
+import { CoreDialogService } from "@colijnit/corecomponents_v12";
+import { BaseActivitySummaryComponent } from "../base-activity-summary.component";
+import { Icon } from "../../../../enum/icon.enum";
+import { DictionaryService } from "../../../../service/dictionary.service";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class StatusSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    iconService: IconCacheService;
+    showClass(): boolean;
+    readonly Icon: typeof Icon;
+    constructor(dictionaryService: DictionaryService, dialogService: CoreDialogService, iconService: IconCacheService);
+    ngOnInit(): Promise<void>;
+}

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

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

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

@@ -0,0 +1,18 @@
+@include export-module('co-status-summary-block-layout') {
+  .co-status-summary-block {
+    .status-summary-date-wrapper {
+      display: grid;
+      grid-column-gap: 2px;
+      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    }
+
+    ::ng-deep #status_summary_block_edit_template {
+      ::ng-deep arrow-link {
+        height: 25px;
+      }
+      .single-field {
+        margin: 20px 0;
+      }
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,142 @@
+@include export-module('co-task-details-layout') {
+  .co-task-details {
+    display: flex;
+    flex-direction: column;
+    &:not(.no-border) {
+      border: 1px solid $color_border;
+    }
+    .header-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    h3 {
+      margin-bottom: 15px;
+    }
+
+    ::ng-deep .form-input {
+      width: 100%;
+    }
+    .details-wrapper {
+      ::ng-deep co-input-textarea {
+        textarea {
+          min-height: 150px;
+        }
+        &:before {
+          box-shadow: none;
+        }
+      }
+      ::ng-deep co-input-text {
+        &:before {
+          box-shadow: none;
+        }
+      }
+    }
+
+    ::ng-deep arrow-link a {
+      font-size: 17px !important;
+    }
+
+    .workflow-dropdown-wrapper {
+      padding: 0 0 15px 0;
+    }
+    .workflow-dropdown {
+      position: relative;
+      .workflow-drop {
+        padding: 7px 9px 7px 15px;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        gap: 20px;
+        position: relative;
+        justify-content: space-between;
+        cursor: pointer;
+        background: #2b1dff;
+        &.towait {
+          background: #DD6301;
+        }
+        &.toclose, &.toend {
+          background: #0f9402;
+        }
+        &:not(.error-color):after {
+          content: '';
+          width: 1px;
+          height: 100%;
+          background: #fff;
+          position: absolute;
+          right: 26px;
+          top: 0;
+        }
+        &.error-color {
+          background: #C1002A;
+        }
+        label {
+          color: #FFFFFF;
+          white-space: nowrap;
+        }
+        co-icon ::ng-deep {
+          width: 10px;
+          height: 10px;
+          svg {
+            fill: #FFFFFF;
+          }
+        }
+      }
+      .workflow-dropdown-list {
+        position: absolute;
+        top: 26px;
+        left: 0;
+        z-index: 9;
+        box-shadow: 0 0 10px 0 rgba(72, 79, 96, 0.25);
+        .workflow-drop {
+          background: #FFF;
+          border-radius: 0;
+          padding: 10px 15px;
+          label {
+            color: #171721;
+          }
+          &:after {
+            display: none;
+          }
+          &:hover {
+            background: #f8f8fa;
+          }
+        }
+        .dot {
+          background: #2b1dfe;
+          width: 6px;
+          height: 6px;
+          display: flex;
+          border-radius: 100%;
+        }
+        .drop-point {
+          width: 10px;
+          height: 10px;
+          border-radius: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          -webkit-box-shadow: 0 0 3px 1px rgb(43 29 255);
+          -moz-box-shadow: 0 0 3px 1px rgb(43 29 255);
+          box-shadow: 0 0 3px 1px rgb(43 29 255);
+          &.towait {
+            -webkit-box-shadow: 0 0 3px 1px rgb(221 99 1);
+            -moz-box-shadow: 0 0 3px 1px rgb(221 99 1);
+            box-shadow: 0 0 3px 1px rgb(221 99 1);
+            .dot {
+              background: #DD6301;
+            }
+          }
+          &.toclose, &.toend {
+            -webkit-box-shadow: 0 0 3px 1px rgb(15, 148, 2);
+            -moz-box-shadow: 0 0 3px 1px rgb(15, 148, 2);
+            box-shadow: 0 0 3px 1px rgb(15, 148, 2);
+            .dot {
+              background: #0f9402;
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

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

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

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

package/lib/components/modify-task-form/components/task-details/task-details.component.d.ts

@@ -0,0 +1,21 @@
+import { BaseActivitySummaryComponent } from "../base-activity-summary.component";
+import { AsyncValidatorFn } from "@angular/forms";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { CoreDialogService } from "@colijnit/corecomponents_v12";
+import { DictionaryService } from "../../../../service/dictionary.service";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class TaskDetailsComponent extends BaseActivitySummaryComponent {
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    iconCacheService: IconCacheService;
+    readonly Icon: typeof Icon;
+    readonly blackListValidatorsArray: AsyncValidatorFn[];
+    showStatusDropdown: boolean;
+    set activity(value: Activity);
+    showClass(): boolean;
+    get activity(): Activity;
+    constructor(dictionaryService: DictionaryService, dialogService: CoreDialogService, iconCacheService: IconCacheService);
+    toggleStatusDropdown(): void;
+    handleTriggerClickAndClose(trigger: any): void;
+}

package/lib/components/modify-task-form/components/task-details/task-details.module.d.ts

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

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

@@ -0,0 +1,49 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { Icon } from "../../enum/icon.enum";
+import { ScreenConfigAdapterComponent } from "@colijnit/corecomponents_v12";
+import { TableName } from "@colijnit/mainapi/build/enum/table-name.enum";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { ActivitiesTaskConfigNames } from "../../interface/activities-task-config-names";
+import { BusinessObjectFactory } from "@colijnit/ioneconnector/build/service/business-object-factory";
+import { SharedService } from "../../service/shared.service";
+export declare class ModifyTaskFormComponent implements OnInit, ScreenConfigAdapterComponent {
+    private _boFactory;
+    private sharedService;
+    readonly Icon: typeof Icon;
+    readonly TableNames: typeof TableName;
+    set activity(value: Activity);
+    showClass(): boolean;
+    get activity(): Activity;
+    get hasDocuments(): boolean;
+    activityTaskConfigNames: ActivitiesTaskConfigNames;
+    readonly: boolean;
+    popupContext: boolean;
+    set forceReadonly(value: boolean);
+    hidden: boolean;
+    activityChange: EventEmitter<Activity>;
+    statusChange: EventEmitter<boolean>;
+    showWorkLog: EventEmitter<void>;
+    selectedMenu: string;
+    activities: Activity[];
+    table: TableName;
+    key: string;
+    expandActivities: boolean;
+    objectConfigName: string;
+    required: boolean;
+    maxLength: number;
+    decimals: number;
+    redErrorBackground: boolean;
+    private _activity;
+    handleAddDocuments(docs: CoDocument[]): void;
+    handleAddDocument(doc: CoDocument): void;
+    constructor(_boFactory: BusinessObjectFactory, sharedService: SharedService);
+    ngOnInit(): void;
+    showContent(menu: string): void;
+    handleRegisterWork(): void;
+    handleSaveActivity(activity: Activity): void;
+    handleDeleteActivity(activity: Activity): void;
+    handleShowWorkLow(): void;
+    private _updateTaskObject;
+    private _getActivities;
+}

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

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

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 {
+}