vc-create-dashboard 2.2.4 → 2.2.5

package/bundles/create-dashboard.umd.js

@@ -885,6 +885,7 @@
             this.getCategoryList();
             this.getRCList();
             this.getComplianceCategoryList();
+            this.setFrequency("2~1~0~0", 'import');
             this.checkWhetherAllListsLoaded();
             this.getUsersList('');
             this.createDashboardService.getUserInformation().subscribe(function (res) {
@@ -896,7 +897,6 @@
                     _this.showRiskCategory = false;
                 }
             }, function (error) { console.log(error); });
-            this.setFrequency("2~1~0~0", 'import');
         };
         /**
          * Displays the listing pages the left side of policy form to set and edit the dropdown fields values
@@ -1498,7 +1498,7 @@
         };
         CreateDashboardComponent.prototype.setFrequency = function (event, mode) {
             var _this = this;
-            if (mode = 'export') {
+            if (mode === 'export') {
                 switch (this.dashboardForm.selectedFrequencyType) {
                     case 'weekly':
                         var weeklyValueData = this.dashboardForm.selectedFrequencies.map(function (ele) { return Number(ele) + 1; });
@@ -1513,7 +1513,7 @@
                         return '7~' + this.dashboardForm.frequencyDate + '~' + quarterlyValueData + '~0';
                 }
             }
-            if (mode = 'import') {
+            if (mode === 'import') {
                 var val = event.split('~');
                 switch (val[0]) {
                     case '2':
@@ -2045,8 +2045,8 @@
                 nonRemovableList: [],
                 displayElementKey: 'item_name',
                 elementId: 'item_id',
-                singularText: 'Responsibility selected',
-                pluralText: 'Responsibilities selected',
+                singularText: 'Responsibility Center selected',
+                pluralText: 'Responsibility Centers selected',
                 showFrequency: false,
                 frequencyText: '',
                 isDisabled: false
@@ -2406,24 +2406,30 @@
                 frequencyText: 'You have selected a <strong>' + this.frequencyTab + '</strong> frequency.',
                 isDisabled: false
             };
+            this.showRadio = true;
         }
         FrequencyComponent.prototype.ngOnChanges = function () {
             this.savedFrequencies = __spreadArray([], __read(new Set(this.savedFrequencies)));
         };
         FrequencyComponent.prototype.ngOnInit = function () {
+            var _this = this;
             if (this.savedFrequencyTab) {
                 this.changeTab(this.savedFrequencyTab);
             }
             if (this.selectedDate) {
                 switch (this.savedFrequencyTab) {
                     case 'weekly':
-                        this.selectedDays = this.savedFrequencies;
+                        this.selectedDays = __spreadArray([], __read(new Set(this.savedFrequencies)));
                         break;
                     case 'monthly':
                         this.monthlyDate = this.selectedDate;
-                        this.selectedMonths = this.savedFrequencies;
+                        this.selectedMonths = __spreadArray([], __read(new Set(this.savedFrequencies)));
                         break;
                     case 'quarterly':
+                        this.showRadio = false;
+                        setTimeout(function () {
+                            _this.showRadio = true;
+                        }, 100);
                         this.quarterlyDate = this.selectedDate;
                         this.selectedQuarter = this.savedFrequencies;
                         break;
@@ -2656,7 +2662,7 @@
     FrequencyComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-frequency',
-                    template: "<div class=\"frequency\">\r\n    <div class=\"frequency-head vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n        <h3 class=\"frequency-title\">Select a Frequency</h3>\r\n    </div>\r\n    <div class=\"frequency-body\">\r\n        <div class=\"frequency-tab\" [ngSwitch]=\"frequencyTab\">\r\n            <div class=\"frequency-tab-head\">\r\n                <ul class=\"navigation\">\r\n                    <li><button [class.active]=\"frequencyTab == 'weekly'\" (click)=\"changeTab('weekly')\">Weekly</button></li>\r\n                    <li><button [class.active]=\"frequencyTab == 'monthly'\" (click)=\"changeTab('monthly')\">Monthly</button></li>\r\n                    <li><button [class.active]=\"frequencyTab == 'quarterly'\" (click)=\"changeTab('quarterly')\">Quarterly</button></li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"frequency-tab-body\" >\r\n                <div class=\"checkbox-list\" *ngSwitchCase=\"'weekly'\">\r\n                    <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                        <app-cs-checkbox *ngFor = \"let day of dayNames; let dayIndex = index\" (ngValueChange)=\"daySelectionChange($event, dayIndex)\" [ngValue]=\"selectedDays.includes(dayIndex)\">{{day}}</app-cs-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"checkbox-list month\" *ngSwitchCase=\"'monthly'\">\r\n                    <div class=\"frequency-top vx-d-flex vx-align-center\">\r\n                        <span>Day <input type=\"number\" (focusout)=\"checkDateValidity(monthlyDate,'monthly')\" [(ngModel)]=\"monthlyDate\" class=\"day-counter\"\r\n                            onkeydown=\"return event.keyCode !== 190\" min=\"1\" oninput=\"this.value = Math.abs(this.value)\"> of</span>\r\n                    </div>\r\n                    <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                        <app-cs-checkbox *ngFor = \"let month of monthNames; let monthIndex = index\" (ngValueChange)=\"monthSelectionChange($event, monthIndex)\" [ngValue]=\"selectedMonths.includes(monthIndex)\">{{month}}</app-cs-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"checkbox-list\" *ngSwitchCase=\"'quarterly'\">\r\n                    <div class=\"frequency-top vx-d-flex vx-align-center\">\r\n                        <span>Day <input type=\"number\"  (focusout)=\"checkDateValidity(quarterlyDate,'quarterly')\" [(ngModel)]=\"quarterlyDate\" class=\"day-counter\"\r\n                            onkeydown=\"return event.keyCode !== 190\" min=\"1\" oninput=\"this.value = Math.abs(this.value)\"> of</span>\r\n                    </div>\r\n                    <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                        <app-cs-radio *ngFor = \"let quarter of quarters, let quarterIndex = index\" (checkedEvent)=\"quarterSelectionChange($event, quarterIndex)\" [checked]=\"selectedQuarter === quarterIndex\">{{quarter}}</app-cs-radio>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"frequency-footer\">\r\n        <app-dashboard-footer \r\n        [footerDetails]=\"footerDetails\"\r\n        (cancelEvent)=\"closeFrequencyPopup.emit()\"\r\n         (submitEvent)=\"submitFrequency()\"\r\n          ></app-dashboard-footer>\r\n    </div>\r\n</div>",
+                    template: "<div class=\"frequency\">\r\n    <div class=\"frequency-head vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n        <h3 class=\"frequency-title\">Select a Frequency</h3>\r\n    </div>\r\n    <div class=\"frequency-body\">\r\n        <div class=\"frequency-tab\" [ngSwitch]=\"frequencyTab\">\r\n            <div class=\"frequency-tab-head\">\r\n                <ul class=\"navigation\">\r\n                    <li><button [class.active]=\"frequencyTab == 'weekly'\" (click)=\"changeTab('weekly')\">Weekly</button></li>\r\n                    <li><button [class.active]=\"frequencyTab == 'monthly'\" (click)=\"changeTab('monthly')\">Monthly</button></li>\r\n                    <li><button [class.active]=\"frequencyTab == 'quarterly'\" (click)=\"changeTab('quarterly')\">Quarterly</button></li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"frequency-tab-body\" >\r\n                <div class=\"checkbox-list\" *ngSwitchCase=\"'weekly'\">\r\n                    <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                        <app-cs-checkbox *ngFor = \"let day of dayNames; let dayIndex = index\" (ngValueChange)=\"daySelectionChange($event, dayIndex)\" [ngValue]=\"selectedDays.includes(dayIndex)\">{{day}}</app-cs-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"checkbox-list month\" *ngSwitchCase=\"'monthly'\">\r\n                    <div class=\"frequency-top vx-d-flex vx-align-center\">\r\n                        <span>Day <input type=\"number\" (focusout)=\"checkDateValidity(monthlyDate,'monthly')\" [(ngModel)]=\"monthlyDate\" class=\"day-counter\"\r\n                            onkeydown=\"return event.keyCode !== 190\" min=\"1\" oninput=\"this.value = Math.abs(this.value)\"> of</span>\r\n                    </div>\r\n                    <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                        <app-cs-checkbox *ngFor = \"let month of monthNames; let monthIndex = index\" (ngValueChange)=\"monthSelectionChange($event, monthIndex)\" [ngValue]=\"selectedMonths.includes(monthIndex)\">{{month}}</app-cs-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"checkbox-list\" *ngSwitchCase=\"'quarterly'\">\r\n                    <ng-container *ngIf=\"showRadio\">\r\n                        <div class=\"frequency-top vx-d-flex vx-align-center\">\r\n                            <span>Day <input type=\"number\"  (focusout)=\"checkDateValidity(quarterlyDate,'quarterly')\" [(ngModel)]=\"quarterlyDate\" class=\"day-counter\"\r\n                                onkeydown=\"return event.keyCode !== 190\" min=\"1\" oninput=\"this.value = Math.abs(this.value)\"> of</span>\r\n                        </div>\r\n                        <div class=\"frequency-checkbox vx-d-flex vx-justify-between vx-flex-wrap\">\r\n                            <app-cs-radio *ngFor = \"let quarter of quarters, let quarterIndex = index\" (checkedEvent)=\"quarterSelectionChange($event, quarterIndex)\" [checked]=\"selectedQuarter === quarterIndex\">{{quarter}} {{(selectedQuarter === quarterIndex)?'true':'false'}}</app-cs-radio>\r\n                        </div>\r\n                    </ng-container>                    \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"frequency-footer\">\r\n        <app-dashboard-footer \r\n        [footerDetails]=\"footerDetails\"\r\n        (cancelEvent)=\"closeFrequencyPopup.emit()\"\r\n         (submitEvent)=\"submitFrequency()\"\r\n          ></app-dashboard-footer>\r\n    </div>\r\n</div>",
                     styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/button/button.css\");@import url(\"https://cdn.v-comply.com/design-system/css/animate/animation.css\");@import url(\"https://cdn.v-comply.com/design-system/css/animate/animate-slide-right.css\");::ng-deep .frequency{background:#fff}::ng-deep .frequency-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;border-radius:2px 2px 0 0;padding:0 12px}::ng-deep .frequency-title{color:#161b2f;font-size:14px;margin:0;padding:0;line-height:20px;font-weight:500}::ng-deep .frequency-body{padding:60px 0;height:calc(100vh - 110px);overflow:auto}::ng-deep .frequency-tab{position:relative;width:800px;margin:0 auto;box-shadow:0 10px 20px #1e5dd31a;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-radius:2px}::ng-deep .frequency-tab-head{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:2px 2px 0 0}::ng-deep .frequency-tab-head ul{padding:0;margin:0}::ng-deep .frequency-tab-head ul.navigation{display:flex;border-radius:2px 2px 0 0}::ng-deep .frequency-tab-head ul.navigation li{list-style:none;width:auto;padding:0 28px;display:flex;justify-content:center}::ng-deep .frequency-tab-head ul.navigation li button{font-size:11px;line-height:32px;position:relative;display:block;color:#747576;font-weight:500;text-transform:uppercase;background:#0000;border:none;white-space:nowrap;cursor:pointer;padding:0}::ng-deep .frequency-tab-head ul.navigation li button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:\"\"}::ng-deep .frequency-tab-head ul.navigation li button.active{color:#1e5dd3}::ng-deep .frequency-tab-head ul.navigation li button.active:after{background:#1e5dd3}::ng-deep .frequency-tab-body{background:#fff}::ng-deep .frequency-tab-body .checkbox-list{border-top:1px solid #f1f1f1}::ng-deep .frequency-tab-body .checkbox-list .frequency-top{padding:12px 24px;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-tab-body .checkbox-list .frequency-top span{font-size:14px;color:#161b2f;width:auto;display:block;line-height:28px}::ng-deep .frequency-tab-body .checkbox-list .frequency-top .day-counter{-webkit-appearance:textfield;-moz-appearance:textfield;width:40px;margin:6px 8px 0;padding:0 4px;text-align:center;border:none;border-bottom:2px solid #dcdcdc;line-height:26px;color:#161b2f;font-weight:400;outline:none;font-size:14px}::ng-deep .frequency-tab-body .checkbox-list .frequency-checkbox{padding:24px}::ng-deep .frequency-tab-body .checkbox-list app-cs-checkbox,::ng-deep .frequency-tab-body .checkbox-list app-cs-radio{display:flex}::ng-deep .frequency-tab-body .checkbox-list app-cs-checkbox label span.value,::ng-deep .frequency-tab-body .checkbox-list app-cs-radio label span.value{font-size:12px!important;color:#747576!important;font-weight:400!important}::ng-deep .frequency-tab-body .checkbox-list.month app-cs-checkbox{width:calc(100% / 6);padding:4px 0}"]
                 },] }
     ];