@colijnit/sharedcomponents 1.0.68 → 1.0.70

package/lib/components/date-planning/component/agenda/style/_layout.scss

@@ -16,7 +16,6 @@
       display: flex;
       width: inherit;
       height: $agenda-week-view-header-height;
-      background: white;
       z-index: 9001;
     }
 
@@ -41,30 +40,27 @@
       align-items: center;
       justify-content: center;
     }
-
     .week-day-label {
-      margin: 0.25em;
-      padding: 0.25em;
-      background: white;
-      pointer-events: none;
+      margin: 0;
+      padding: 0;
       position: relative;
       flex-basis: 100%;
       display: flex;
+      gap: 10px;
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      border: 1px solid $color-border;
-
+      border: none;
+      cursor: pointer;
+      &:not(.days-around) {
+        pointer-events: none;
+      }
       .weekday-description, .weekday-value, .day-description {
         color: $color-dark;
       }
-
       &.selectable {
         pointer-events: all;
       }
-
-
-
       &.selectable:not(.selected) {
         cursor: pointer;
         color: $color-label;
@@ -77,71 +73,57 @@
           }
         }
       }
-
       .add-unit-icon, .sub-unit-icon {
         pointer-events: all;
       }
-
-
     }
-
     .weekday-description {
       color: $color-inactive-day;
       font-size: 14px;
       text-transform: uppercase;
       margin-top: 7px;
     }
-
     .weekday-value {
       color: $color-inactive-day;
       font-size: $agenda-week-label-value-font-size;
-
     }
-
     .sub-unit-icon {
       position: absolute;
       left: 7px;
     }
-
     .add-unit-icon {
       position: absolute;
       right: 7px;
     }
-
     .day-description {
       color: $color-inactive-day;
       font-size: $agenda-week-label-value-font-size;
       font-weight: bold;
     }
-
     .month-description {
-      top: 1px;
+      top: 15px;
       left: 3px;
       font-size: 11px;
       text-transform: capitalize;
       position: absolute;
       width: 100px;
     }
-
     .view-wrapper {
       display: flex;
       width: 100%;
       margin-top: -1px;
     }
-
     .week-select-view {
       display: flex;
       position: relative;
       padding: 50px;
       height: 100%;
     }
-
     .week-day {
       display: flex;
       position: relative;
       flex-basis: 100%;
     }
-
     @media screen and (max-width: $xs-width) {
       .popup-card-content {
         padding: 0 0 15px !important;
@@ -155,48 +137,58 @@
         bottom: 0;
       }
     }
-
     agenda {
       position: relative;
     }
-
     .agenda-content-wrapper {
       min-width: 0 !important;
     }
-
     agenda-header {
       width: 100% !important;
     }
-
     .agenda-header-wrapper {
       padding: 0 50px;
       height: auto;
-
-      .week-day-label {
-
-        .sub-unit-icon {
-          height: 100%;
-          width: 50px;
-          left: -50px;
-        }
-
-        .add-unit-icon {
-          height: 100%;
-          width: 50px;
-          right: -50px;
-        }
-
-        @media screen and (max-width: $xs-width) {
+      gap: 10px;
+      margin-top: 30px;
+      &.days-around {
+        padding: 0;
+        margin: 0;
+        gap: 5px;
+        background: transparent;
+        justify-content: center;
+        .week-day-label {
           .sub-unit-icon {
-            width: 25px;
-            left: -25px;
+            height: 24px;
+            width: 24px;
+            left: -30px;
+            padding: 5px;
           }
-
           .add-unit-icon {
-            width: 25px;
-            right: -25px;
+            height: 24px;
+            width: 24px;
+            right: -30px;
+            padding: 5px;
           }
         }
+      }
+      .week-day-label {
+        .sub-unit-icon {
+          height: 30px;
+          width: 30px;
+          left: 0;
+          background: #f5f5fa;
+          border-radius: 100%;
+          padding: 7px
+        }
+        .add-unit-icon {
+          height: 30px;
+          width: 30px;
+          right: 0;
+          background: #f5f5fa;
+          border-radius: 100%;
+          padding: 7px;
+        }
 
         .weekday-description {
           font-size: 14px;
@@ -206,16 +198,37 @@
         .weekday-value {
           line-height: 30px;
         }
-
+        &.days-around {
+          width: 45px;
+          height: 45px;
+          flex-basis: 45px;
+          border-radius: 100%;
+          border: none;
+          background: transparent;
+          margin: 0;
+          padding: 0;
+          gap: 0;
+          .weekday-value {
+            display: block;
+            font-size: 12px;
+            line-height: 1.2;
+          }
+          &.selected {
+            background: #1A73E8;
+            .weekday-value {
+              color: #FFF;
+            }
+          }
+        }
         @media screen and (min-width: $sm-width) {
           .weekday-value {
-            font-size: 18px;
+            font-size: 16px;
           }
         }
         @media screen and (max-width: $xs-width) {
           .weekday-value {
             line-height: 20px;
-            font-size: 9px;
+            font-size: 12px;
           }
         }
       }

package/lib/components/date-planning/component/agenda/style/_material-definition.scss

@@ -5,7 +5,7 @@ $color-label: #5B6875;
 $color-dark: #171721;
 $color-border: rgba(grey, 0.4);
 $color-inactive-day: rgba($color-dark, 0.2);
-$agenda-week-label-value-font-size: 22px;
+$agenda-week-label-value-font-size: 16px;
 $xs-width: 600px;
 $sm-width: 960px;
 $md-width: 1280px;

package/lib/components/date-planning/style/_layout.scss

@@ -35,6 +35,7 @@
       width: 100%;
       height: 100%;
       flex-direction: column;
+      display: flex;
     }
 
     calendar {

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";

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

@@ -0,0 +1,53 @@
+import { EventEmitter } from "@angular/core";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { TableName } from "@colijnit/mainapi/build/enum/table-name.enum";
+import { WorkflowTrigger } from "@colijnit/mainapi/build/model/workflow-trigger.bo";
+import { Task } from "@colijnit/mainapi/build/model/task.bo";
+import { CoreDialogService, ScreenConfigAdapterComponent } from "@colijnit/corecomponents_v12";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { OperationCallbackSimpleFunction } from "../../../interface/operation-callback-simple-function";
+import { ActivityWorkflow } from "@colijnit/mainapi/build/model/activity-workflow";
+import { OperationCallbackFunctionWithValidation } from "../../../interface/operation-callback-function-with-validation";
+export declare abstract class BaseActivitySummaryComponent implements ScreenConfigAdapterComponent {
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    decimals: number;
+    forceReadonly: boolean;
+    maxLength: number;
+    objectConfigName: string;
+    redErrorBackground: boolean;
+    required: boolean;
+    set activity(value: Activity);
+    get activity(): Activity;
+    set workFlow(value: ActivityWorkflow);
+    get workFlow(): ActivityWorkflow;
+    set task(value: Task);
+    get task(): Task;
+    table: TableName;
+    key: string;
+    expanded: boolean;
+    noBorder: boolean;
+    readonly: boolean;
+    canFireTriggerOperation: OperationCallbackSimpleFunction;
+    fireTriggerOperation: OperationCallbackFunctionWithValidation;
+    prepareWorkflowOperation: OperationCallbackSimpleFunction;
+    loadTaskOperation: OperationCallbackSimpleFunction;
+    set triggerToFireOnSave(value: WorkflowTrigger);
+    get triggerToFireOnSave(): WorkflowTrigger;
+    readonly activityChange: EventEmitter<Activity>;
+    readonly showWorkLog: EventEmitter<void>;
+    readonly triggerFired: EventEmitter<ActivityWorkflow>;
+    hidden: boolean;
+    editActivity: Activity;
+    private _workFlow;
+    private _task;
+    private _triggerToFireOnSave;
+    constructor(dictionaryService: DictionaryService, dialogService: CoreDialogService);
+    handleSave(event: MouseEvent): void;
+    handleCancel(event: MouseEvent): void;
+    handleTriggerClick(trigger: WorkflowTrigger): Promise<void>;
+    handleExpandClick(value: boolean): void;
+    protected prepareWorkflow(): Promise<void>;
+    private _saveClone;
+    private updateActivityTask;
+}

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

@@ -0,0 +1,28 @@
+import { OnDestroy, OnInit, TemplateRef } 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 { SharedService } from "../../../../service/shared.service";
+import { TaskCategory } from "@colijnit/mainapi/build/model/task-category.bo";
+import { CoDomainValue } from "@colijnit/mainapi/build/model/co-domain-value.bo";
+import { LanguageCode } from "../../../../enum/language-code.enum";
+export declare class CreationSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit, OnDestroy {
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    protected sharedService: SharedService;
+    protected readonly locale: LanguageCode;
+    readonly Icon: typeof Icon;
+    taskCategories: TaskCategory[];
+    chosenTaskCategory: TaskCategory;
+    priorityDomainColl: CoDomainValue[];
+    chosenPriority: CoDomainValue;
+    editTemplate: TemplateRef<any>;
+    showClass(): boolean;
+    constructor(dictionaryService: DictionaryService, dialogService: CoreDialogService, sharedService: SharedService, locale: LanguageCode);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    handleTaskCategoryChange(taskCategory: TaskCategory): void;
+    handlePriorityChange(domainValue: CoDomainValue): void;
+    private _findDomainValueOfPriorityType;
+}

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

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

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

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

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

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

package/lib/components/modify-task-form/components/creation-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/executive-summary-block/executive-summary-block.component.d.ts

@@ -0,0 +1,24 @@
+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 { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
+import { SharedService } from "../../../../service/shared.service";
+export declare enum RelationType {
+    Executive = "executive",
+    Reporter = "reporter",
+    Supervisor = "supervisor"
+}
+export declare class ExecutiveSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    private _sharedService;
+    readonly RelationType: typeof RelationType;
+    readonly Icon: typeof Icon;
+    showClass(): boolean;
+    private _textSearchParams;
+    personnel: RelationListObject[];
+    constructor(dictionaryService: DictionaryService, dialogService: CoreDialogService, _sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+}

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

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

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

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

package/lib/components/modify-task-form/components/executive-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/executive-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/notification-summary-block/notification-summary-block.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from "@angular/core";
+import { CoreDialogService } from "@colijnit/corecomponents_v12";
+import { BaseActivitySummaryComponent } from "../base-activity-summary.component";
+import { ActivitySummaryBlockComponent } from "../activity-summary-block/activity-summary-block.component";
+import { Icon } from "../../../../enum/icon.enum";
+import { BusinessObjectFactory } from "@colijnit/ioneconnector/build/service/business-object-factory";
+import { DictionaryService } from "../../../../service/dictionary.service";
+import { RoleEmailaddress } from "@colijnit/mainapi/build/model/role-email-address";
+import { SharedService } from "../../../../service/shared.service";
+export declare class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent implements OnInit {
+    protected boFactory: BusinessObjectFactory;
+    protected dictionaryService: DictionaryService;
+    protected dialogService: CoreDialogService;
+    protected sharedService: SharedService;
+    readonly Icon: typeof Icon;
+    summaryBlock: ActivitySummaryBlockComponent;
+    showClass(): boolean;
+    listItems: RoleEmailaddress[];
+    emailAddresses: string[];
+    constructor(boFactory: BusinessObjectFactory, dictionaryService: DictionaryService, dialogService: CoreDialogService, sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    handleSendEmail(event: MouseEvent): void;
+}

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

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