vcomply-workflow-engine 6.1.42 → 6.1.44
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.
- package/esm2022/lib/sharedComponents/frequency/frequency-container/frequency-container.component.mjs +8 -8
- package/esm2022/lib/sharedComponents/frequency/frequency-on-completion-of/frequency-on-completion-of.component.mjs +2 -2
- package/esm2022/lib/sharedComponents/frequency/frequency-responsibility-list/sub-responsibility/sub-responsibility.component.mjs +5 -5
- package/esm2022/lib/sharedComponents/frequency/frequency.service.mjs +2 -2
- package/esm2022/lib/sharedComponents/frequency-dialog/frequency-dialog-container/frequency-dialog-container.component.mjs +4 -4
- package/fesm2022/vcomply-workflow-engine.mjs +33 -18
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -25,10 +25,6 @@ import * as i3 from '@angular/router';
|
|
|
25
25
|
import { NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
|
|
26
26
|
import * as i5$1 from 'ngx-material-timepicker';
|
|
27
27
|
import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
|
|
28
|
-
import { FormgroupModule as FormgroupModule$2 } from 'projects/vx-workflow-engine/src/lib/ui-kit/formgroup/formgroup.module';
|
|
29
|
-
import { TooltipModule as TooltipModule$1 } from 'projects/vx-workflow-engine/src/lib/ui-kit/tooltip/tooltip.module';
|
|
30
|
-
import { AvatarV2Component } from 'projects/vx-workflow-engine/src/lib/ui-kit/avatar-v2/avatar-v2.component';
|
|
31
|
-
import { PopoverModule as PopoverModule$1 } from 'projects/vx-workflow-engine/src/lib/ui-kit/popover/popover.module';
|
|
32
28
|
import * as i12 from 'ngx-doc-viewer';
|
|
33
29
|
import { NgxDocViewerModule } from 'ngx-doc-viewer';
|
|
34
30
|
import cloneDeep$2 from 'lodash-es/cloneDeep';
|
|
@@ -12626,7 +12622,7 @@ class FrequencyService {
|
|
|
12626
12622
|
}
|
|
12627
12623
|
},
|
|
12628
12624
|
random: this.getRandomFrequency(frequency),
|
|
12629
|
-
onComplete: frequency.case === '
|
|
12625
|
+
onComplete: frequency.case === 'on_complete' ? frequency.onCompletion : {},
|
|
12630
12626
|
onGoing: this.getOngoing(frequency),
|
|
12631
12627
|
};
|
|
12632
12628
|
return frequencyObject;
|
|
@@ -18830,7 +18826,7 @@ class FrequencyDialogContainerComponent {
|
|
|
18830
18826
|
},
|
|
18831
18827
|
{
|
|
18832
18828
|
name: 'On Completion Of',
|
|
18833
|
-
type: '
|
|
18829
|
+
type: 'on_complete',
|
|
18834
18830
|
},
|
|
18835
18831
|
{
|
|
18836
18832
|
name: 'Ongoing',
|
|
@@ -18885,7 +18881,7 @@ class FrequencyDialogContainerComponent {
|
|
|
18885
18881
|
this.currentTabName = 'a daily';
|
|
18886
18882
|
break;
|
|
18887
18883
|
case 6:
|
|
18888
|
-
this.frequencyTab = '
|
|
18884
|
+
this.frequencyTab = 'on_complete';
|
|
18889
18885
|
this.currentTabName = 'an on completion of';
|
|
18890
18886
|
this.frequencyData.report_id = this.frequencyDetails.selectedReport;
|
|
18891
18887
|
break;
|
|
@@ -19000,7 +18996,7 @@ class FrequencyDialogContainerComponent {
|
|
|
19000
18996
|
isInvalid = true;
|
|
19001
18997
|
}
|
|
19002
18998
|
break;
|
|
19003
|
-
case '
|
|
18999
|
+
case 'on_complete':
|
|
19004
19000
|
if (this.frequencyData.reportId > 0) {
|
|
19005
19001
|
isInvalid = false;
|
|
19006
19002
|
}
|
|
@@ -29001,17 +28997,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
29001
28997
|
type: Output
|
|
29002
28998
|
}] } });
|
|
29003
28999
|
|
|
29000
|
+
class AvatarV2Component {
|
|
29001
|
+
constructor(config) {
|
|
29002
|
+
this.avatarList = [];
|
|
29003
|
+
this.imagePath = '';
|
|
29004
|
+
this.env = config?.envConfig;
|
|
29005
|
+
this.imagePath = this.env?.s3Url + this.env?.s3Bucket + 'profile_pic/thumb/';
|
|
29006
|
+
}
|
|
29007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarV2Component, deps: [{ token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29008
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarV2Component, isStandalone: true, selector: "lib-avatar-v2", inputs: { avatarList: "avatarList" }, ngImport: i0, template: "<div class=\"vx-avatar md\">\n\n <ng-container *ngFor=\"let eachAvatar of avatarList | slice:0:3\">\n <div class=\"vx-d-flex vx-align-center\">\n <img *ngIf=\"eachAvatar?.imagePath; else avatar\" [src]=\"imagePath + eachAvatar?.imagePath\"\n [alt]=\"eachAvatar?.shortName\" [appTooltip]=\"eaeachAvatar?.name\" placement=\"bottom-left\" delay=\"0\"\n type=\"black\" [tooltipMandatory]=\"true\" />\n <ng-template #avatar>\n <span *ngIf=\"!eachAvatar?.avatar\" class=\"shortName\" [appTooltip]=\"eachAvatar?.name\"\n placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{ eachAvatar?.shortName\n }}</span>\n </ng-template>\n </div>\n\n </ng-container>\n\n <span *ngIf=\"avatarList?.length > 3\" appPopover (click)=\"users.popover()\" placement=\"left\">+{{ avatarList?.length-\n 1 }}</span>\n\n\n</div>\n\n<app-popover #users>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let user of avatarList | slice: 3\" appTooltip=\"{{ user?.name }}\" placement=\"bottom-left\"\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <div class=\"avatar\">\n <ng-container *ngIf=\"!user?.avatar\">{{\n user?.shortName\n }}</ng-container>\n <img *ngIf=\"user?.avatar\" [src]=\"user?.avatar\" alt=\"\" width=\"24\" height=\"24\" />\n </div>\n <span class=\"value\">{{ user?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n</app-popover>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";.shortName{background:#1e5dd3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closePopoverEvent"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] }); }
|
|
29009
|
+
}
|
|
29010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
29011
|
+
type: Component,
|
|
29012
|
+
args: [{ selector: 'lib-avatar-v2', standalone: true, imports: [CommonModule, PopoverModule], template: "<div class=\"vx-avatar md\">\n\n <ng-container *ngFor=\"let eachAvatar of avatarList | slice:0:3\">\n <div class=\"vx-d-flex vx-align-center\">\n <img *ngIf=\"eachAvatar?.imagePath; else avatar\" [src]=\"imagePath + eachAvatar?.imagePath\"\n [alt]=\"eachAvatar?.shortName\" [appTooltip]=\"eaeachAvatar?.name\" placement=\"bottom-left\" delay=\"0\"\n type=\"black\" [tooltipMandatory]=\"true\" />\n <ng-template #avatar>\n <span *ngIf=\"!eachAvatar?.avatar\" class=\"shortName\" [appTooltip]=\"eachAvatar?.name\"\n placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{ eachAvatar?.shortName\n }}</span>\n </ng-template>\n </div>\n\n </ng-container>\n\n <span *ngIf=\"avatarList?.length > 3\" appPopover (click)=\"users.popover()\" placement=\"left\">+{{ avatarList?.length-\n 1 }}</span>\n\n\n</div>\n\n<app-popover #users>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let user of avatarList | slice: 3\" appTooltip=\"{{ user?.name }}\" placement=\"bottom-left\"\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <div class=\"avatar\">\n <ng-container *ngIf=\"!user?.avatar\">{{\n user?.shortName\n }}</ng-container>\n <img *ngIf=\"user?.avatar\" [src]=\"user?.avatar\" alt=\"\" width=\"24\" height=\"24\" />\n </div>\n <span class=\"value\">{{ user?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n</app-popover>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";.shortName{background:#1e5dd3}\n"] }]
|
|
29013
|
+
}], ctorParameters: function () { return [{ type: Configurations, decorators: [{
|
|
29014
|
+
type: Optional
|
|
29015
|
+
}] }]; }, propDecorators: { avatarList: [{
|
|
29016
|
+
type: Input
|
|
29017
|
+
}] } });
|
|
29018
|
+
|
|
29004
29019
|
class SubResponsibilityComponent {
|
|
29005
29020
|
constructor() {
|
|
29006
29021
|
this.srNo = 1;
|
|
29007
29022
|
this.onCompletionChange = new EventEmitter();
|
|
29008
29023
|
}
|
|
29009
29024
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubResponsibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29010
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubResponsibilityComponent, isStandalone: true, selector: "lib-sub-responsibility", inputs: { responsibility: "responsibility", srNo: "srNo" }, outputs: { onCompletionChange: "onCompletionChange" }, ngImport: i0, template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: FormgroupModule
|
|
29025
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubResponsibilityComponent, isStandalone: true, selector: "lib-sub-responsibility", inputs: { responsibility: "responsibility", srNo: "srNo" }, outputs: { onCompletionChange: "onCompletionChange" }, ngImport: i0, template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: CsRadioComponentUI, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: AvatarV2Component, selector: "lib-avatar-v2", inputs: ["avatarList"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closePopoverEvent"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] }); }
|
|
29011
29026
|
}
|
|
29012
29027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubResponsibilityComponent, decorators: [{
|
|
29013
29028
|
type: Component,
|
|
29014
|
-
args: [{ selector: 'lib-sub-responsibility', standalone: true, imports: [CommonModule, FormgroupModule
|
|
29029
|
+
args: [{ selector: 'lib-sub-responsibility', standalone: true, imports: [CommonModule, FormgroupModule, TooltipModule, AvatarV2Component, PopoverModule], template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"] }]
|
|
29015
29030
|
}], propDecorators: { responsibility: [{
|
|
29016
29031
|
type: Input
|
|
29017
29032
|
}], srNo: [{
|
|
@@ -29397,7 +29412,7 @@ class FrequencyOnCompletionOfComponent {
|
|
|
29397
29412
|
: '');
|
|
29398
29413
|
this.frequencyInfo.pattern =
|
|
29399
29414
|
6 + '~' + '0' + '~' + '0' + '~' + this.onCompletionOfInput;
|
|
29400
|
-
this.frequencyInfo.case = '
|
|
29415
|
+
this.frequencyInfo.case = 'on_complete';
|
|
29401
29416
|
this.frequencyInfo.failedAfter = this.onCompletionOfFailed;
|
|
29402
29417
|
this.frequencyInfo.window = this.onCompletionOfWindow;
|
|
29403
29418
|
this.frequencyInfo.timeIn12hr = this.onCompletionOfTime;
|
|
@@ -29573,7 +29588,7 @@ class FrequencyContainerComponent {
|
|
|
29573
29588
|
},
|
|
29574
29589
|
{
|
|
29575
29590
|
name: 'On Completion Of',
|
|
29576
|
-
type: '
|
|
29591
|
+
type: 'on_complete',
|
|
29577
29592
|
},
|
|
29578
29593
|
{
|
|
29579
29594
|
name: 'Ongoing',
|
|
@@ -29588,14 +29603,14 @@ class FrequencyContainerComponent {
|
|
|
29588
29603
|
if (this.frequencyDetails.pattern != '') {
|
|
29589
29604
|
this.populateFrequency();
|
|
29590
29605
|
}
|
|
29591
|
-
const hideElements = ['random', '
|
|
29606
|
+
const hideElements = ['random', 'on_complete', 'ongoing'];
|
|
29592
29607
|
if (this.mode == 'policy') {
|
|
29593
29608
|
hideElements.forEach((element) => {
|
|
29594
29609
|
const index = this.frequencyList.findIndex((elementIndex) => elementIndex.type == element);
|
|
29595
29610
|
this.frequencyList.splice(index, 1);
|
|
29596
29611
|
});
|
|
29597
29612
|
}
|
|
29598
|
-
const hideElements2 = ['daily', 'random', '
|
|
29613
|
+
const hideElements2 = ['daily', 'random', 'on_complete', 'ongoing'];
|
|
29599
29614
|
if (this.mode == 'reviewerFrequency') {
|
|
29600
29615
|
this.frequencyTab =
|
|
29601
29616
|
this.frequencyDetails?.pattern == '' ? 'weekly' : this.frequencyTab;
|
|
@@ -29639,7 +29654,7 @@ class FrequencyContainerComponent {
|
|
|
29639
29654
|
this.currentTabName = 'a daily';
|
|
29640
29655
|
break;
|
|
29641
29656
|
case 6:
|
|
29642
|
-
this.frequencyTab = '
|
|
29657
|
+
this.frequencyTab = 'on_complete';
|
|
29643
29658
|
this.currentTabName = 'an on completion of';
|
|
29644
29659
|
this.frequencyData.report_id = this.frequencyDetails.selectedReport;
|
|
29645
29660
|
break;
|
|
@@ -29754,7 +29769,7 @@ class FrequencyContainerComponent {
|
|
|
29754
29769
|
isInvalid = true;
|
|
29755
29770
|
}
|
|
29756
29771
|
break;
|
|
29757
|
-
case '
|
|
29772
|
+
case 'on_complete':
|
|
29758
29773
|
if (this.frequencyData.onCompletion?.responsibility > 0) {
|
|
29759
29774
|
isInvalid = false;
|
|
29760
29775
|
}
|
|
@@ -29795,11 +29810,11 @@ class FrequencyContainerComponent {
|
|
|
29795
29810
|
this.closeFrequency.emit();
|
|
29796
29811
|
}
|
|
29797
29812
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, deps: [{ token: FrequencyService }, { token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29798
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div\n class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
|
|
29813
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\" [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
|
|
29799
29814
|
}
|
|
29800
29815
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, decorators: [{
|
|
29801
29816
|
type: Component,
|
|
29802
|
-
args: [{ selector: 'app-frequency-container', template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div\n class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"] }]
|
|
29817
|
+
args: [{ selector: 'app-frequency-container', template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\" [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"] }]
|
|
29803
29818
|
}], ctorParameters: function () { return [{ type: FrequencyService }, { type: SnackBarService }]; }, propDecorators: { frequencyDetails: [{
|
|
29804
29819
|
type: Input
|
|
29805
29820
|
}], selectedFrequency: [{
|