@deeksha2309/sunbird-collection-editor 8.0.7

package/esm2022/lib/components/quality-params-modal/quality-params-modal.component.mjs

@@ -0,0 +1,52 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/config/config.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@project-sunbird/ng2-semantic-ui";
+import * as i4 from "@project-sunbird/common-form-elements-full";
+export class QualityParamsModalComponent {
+    constructor(configService) {
+        this.configService = configService;
+        this.qualityParamChanged = new EventEmitter();
+        this.totalScoreValue = 0;
+    }
+    ngOnInit() {
+    }
+    onStatusChanges(event) {
+        this.isApprovalBtnEnable = event?.isValid;
+        this.isRequestChangeBtnEnable = event?.isValid;
+    }
+    valueChanges(event) {
+        this.formData = event;
+        this.totalScoreValue = 0;
+        for (const key in this.formData) {
+            if (this.formData[key] && !isNaN(this.formData[key])) {
+                this.totalScoreValue += parseInt(this.formData[key]);
+            }
+        }
+    }
+    submitApproval() {
+        this.qualityParamChanged.emit({ action: 'submit', data: this.formData });
+    }
+    requestChanges() {
+        this.qualityParamChanged.emit({ action: 'requestChange', data: this.formData });
+    }
+    onModalClose() {
+        this.qualityParamChanged.emit({ action: 'close' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QualityParamsModalComponent, deps: [{ token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QualityParamsModalComponent, selector: "lib-quality-params-modal", inputs: { qualityFormConfig: "qualityFormConfig", showQualityParameterPopup: "showQualityParameterPopup", labelConfigData: "labelConfigData" }, outputs: { qualityParamChanged: "qualityParamChanged" }, ngImport: i0, template: "<sui-modal [mustScroll]=\"true\" *ngIf=\"showQualityParameterPopup\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n  class=\"sb-modal bx-none overflow-modal publish-checklist\" appBodyScroll #modal (dismissed)=\"onModalClose()\">\n  <div class=\"sb-modal-header\">\n      \n  </div>\n  <div class=\"sb-modal-content\">\n   <h2> Score each parameter out of 5</h2>\n   <div class=\"sb-form-fields\">\n    <div class=\"form-container upload-form\">\n    <sb-dynamic-form [config]=\"qualityFormConfig\" (statusChanges)=\"onStatusChanges($event)\"\n    (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n    </div>\n    </div> \n    <label>{{configService.labelConfig?.lbl?.totalScore}}: {{totalScoreValue}}</label>\n    <p><em>{{configService.labelConfig?.lbl?.qualityReview}}</em></p>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled]=\"!isApprovalBtnEnable\" (click)=\"submitApproval()\">\n        {{configService.labelConfig?.button_labels?.publish_collection_btn_label}}\n    </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled] = \"!isRequestChangeBtnEnable\" (click)=\"requestChanges()\">\n        {{configService.labelConfig?.button_labels?.reject_collection_btn_label}}\n    </button>\n  </div>\n</sui-modal>\n\n", styles: ["::ng-deep .dynamic-form label,.add-to-library .dynamic-form .multi-select-container .list-border ul{font-size:1rem!important;line-height:1.4;font-weight:400}.sb-modal-content{padding:1.3rem}.sb-modal-content label{font-weight:bolder}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SuiModal, selector: "sui-modal", inputs: ["isClosable", "closeResult", "size", "isCentered", "isFullScreen", "isBasic", "mustScroll", "isInverted", "transition", "transitionDuration"], outputs: ["approved", "denied", "dismissed"] }, { kind: "component", type: i4.DynamicFormComponent, selector: "sb-dynamic-form", inputs: ["config", "dataLoadStatusDelegate"], outputs: ["initialize", "finalize", "valueChanges", "statusChanges"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QualityParamsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-quality-params-modal', template: "<sui-modal [mustScroll]=\"true\" *ngIf=\"showQualityParameterPopup\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n  class=\"sb-modal bx-none overflow-modal publish-checklist\" appBodyScroll #modal (dismissed)=\"onModalClose()\">\n  <div class=\"sb-modal-header\">\n      \n  </div>\n  <div class=\"sb-modal-content\">\n   <h2> Score each parameter out of 5</h2>\n   <div class=\"sb-form-fields\">\n    <div class=\"form-container upload-form\">\n    <sb-dynamic-form [config]=\"qualityFormConfig\" (statusChanges)=\"onStatusChanges($event)\"\n    (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n    </div>\n    </div> \n    <label>{{configService.labelConfig?.lbl?.totalScore}}: {{totalScoreValue}}</label>\n    <p><em>{{configService.labelConfig?.lbl?.qualityReview}}</em></p>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled]=\"!isApprovalBtnEnable\" (click)=\"submitApproval()\">\n        {{configService.labelConfig?.button_labels?.publish_collection_btn_label}}\n    </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled] = \"!isRequestChangeBtnEnable\" (click)=\"requestChanges()\">\n        {{configService.labelConfig?.button_labels?.reject_collection_btn_label}}\n    </button>\n  </div>\n</sui-modal>\n\n", styles: ["::ng-deep .dynamic-form label,.add-to-library .dynamic-form .multi-select-container .list-border ul{font-size:1rem!important;line-height:1.4;font-weight:400}.sb-modal-content{padding:1.3rem}.sb-modal-content label{font-weight:bolder}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigService }]; }, propDecorators: { qualityFormConfig: [{
+                type: Input
+            }], showQualityParameterPopup: [{
+                type: Input
+            }], qualityParamChanged: [{
+                type: Output
+            }], labelConfigData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbGl0eS1wYXJhbXMtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcXVhbGl0eS1wYXJhbXMtbW9kYWwvcXVhbGl0eS1wYXJhbXMtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcXVhbGl0eS1wYXJhbXMtbW9kYWwvcXVhbGl0eS1wYXJhbXMtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUTdFLE1BQU0sT0FBTywyQkFBMkI7SUFVcEMsWUFBbUIsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFQckMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUt4RCxvQkFBZSxHQUFHLENBQUMsQ0FBQztJQUdwQixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxFQUFFLE9BQU8sQ0FBQztRQUMxQyxJQUFJLENBQUMsd0JBQXdCLEdBQUcsS0FBSyxFQUFFLE9BQU8sQ0FBQztJQUNuRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQUs7UUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQztRQUN6QixLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtnQkFDbEQsSUFBSSxDQUFDLGVBQWUsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3hEO1NBQ0o7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNWLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsRUFBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFDLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBRUQsY0FBYztRQUNWLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsRUFBQyxNQUFNLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFDLENBQUMsQ0FBQztJQUNsRixDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsRUFBQyxNQUFNLEVBQUUsT0FBTyxFQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDOytHQXpDUSwyQkFBMkI7bUdBQTNCLDJCQUEyQix5UUNSeEMsMHpDQTBCQTs7NEZEbEJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDSSwwQkFBMEI7b0dBSzNCLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyx5QkFBeUI7c0JBQWpDLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNFLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb25maWdTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcvY29uZmlnLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi1xdWFsaXR5LXBhcmFtcy1tb2RhbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3F1YWxpdHktcGFyYW1zLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9xdWFsaXR5LXBhcmFtcy1tb2RhbC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUXVhbGl0eVBhcmFtc01vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBxdWFsaXR5Rm9ybUNvbmZpZzogYW55O1xuICAgIEBJbnB1dCgpIHNob3dRdWFsaXR5UGFyYW1ldGVyUG9wdXA6IGJvb2xlYW47XG4gICAgQE91dHB1dCgpIHF1YWxpdHlQYXJhbUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgICBASW5wdXQoKSBsYWJlbENvbmZpZ0RhdGE6IGFueTtcbiAgICBmb3JtRGF0YTogYW55O1xuICAgIGlzQXBwcm92YWxCdG5FbmFibGU6IGJvb2xlYW47XG4gICAgaXNSZXF1ZXN0Q2hhbmdlQnRuRW5hYmxlOiBib29sZWFuO1xuICAgIHRvdGFsU2NvcmVWYWx1ZSA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgY29uZmlnU2VydmljZTogQ29uZmlnU2VydmljZSkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIH1cblxuICAgIG9uU3RhdHVzQ2hhbmdlcyhldmVudCkge1xuICAgICAgICB0aGlzLmlzQXBwcm92YWxCdG5FbmFibGUgPSBldmVudD8uaXNWYWxpZDtcbiAgICAgICAgdGhpcy5pc1JlcXVlc3RDaGFuZ2VCdG5FbmFibGUgPSBldmVudD8uaXNWYWxpZDtcbiAgICB9XG5cbiAgICB2YWx1ZUNoYW5nZXMoZXZlbnQpIHtcbiAgICAgICAgdGhpcy5mb3JtRGF0YSA9IGV2ZW50O1xuICAgICAgICB0aGlzLnRvdGFsU2NvcmVWYWx1ZSA9IDA7XG4gICAgICAgIGZvciAoY29uc3Qga2V5IGluIHRoaXMuZm9ybURhdGEpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmZvcm1EYXRhW2tleV0gJiYgIWlzTmFOKHRoaXMuZm9ybURhdGFba2V5XSkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRvdGFsU2NvcmVWYWx1ZSArPSBwYXJzZUludCh0aGlzLmZvcm1EYXRhW2tleV0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgc3VibWl0QXBwcm92YWwoKSB7XG4gICAgICAgIHRoaXMucXVhbGl0eVBhcmFtQ2hhbmdlZC5lbWl0KHthY3Rpb246ICdzdWJtaXQnLCBkYXRhOiB0aGlzLmZvcm1EYXRhfSk7XG4gICAgfVxuXG4gICAgcmVxdWVzdENoYW5nZXMoKSB7XG4gICAgICAgIHRoaXMucXVhbGl0eVBhcmFtQ2hhbmdlZC5lbWl0KHthY3Rpb246ICdyZXF1ZXN0Q2hhbmdlJywgZGF0YTogdGhpcy5mb3JtRGF0YX0pO1xuICAgIH1cblxuICAgIG9uTW9kYWxDbG9zZSgpIHtcbiAgICAgICAgdGhpcy5xdWFsaXR5UGFyYW1DaGFuZ2VkLmVtaXQoe2FjdGlvbjogJ2Nsb3NlJ30pO1xuICAgIH1cbn1cbiIsIjxzdWktbW9kYWwgW211c3RTY3JvbGxdPVwidHJ1ZVwiICpuZ0lmPVwic2hvd1F1YWxpdHlQYXJhbWV0ZXJQb3B1cFwiIFt0cmFuc2l0aW9uRHVyYXRpb25dPVwiMFwiIFtzaXplXT1cIidub3JtYWwnXCJcbiAgY2xhc3M9XCJzYi1tb2RhbCBieC1ub25lIG92ZXJmbG93LW1vZGFsIHB1Ymxpc2gtY2hlY2tsaXN0XCIgYXBwQm9keVNjcm9sbCAjbW9kYWwgKGRpc21pc3NlZCk9XCJvbk1vZGFsQ2xvc2UoKVwiPlxuICA8ZGl2IGNsYXNzPVwic2ItbW9kYWwtaGVhZGVyXCI+XG4gICAgICBcbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzYi1tb2RhbC1jb250ZW50XCI+XG4gICA8aDI+IFNjb3JlIGVhY2ggcGFyYW1ldGVyIG91dCBvZiA1PC9oMj5cbiAgIDxkaXYgY2xhc3M9XCJzYi1mb3JtLWZpZWxkc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNvbnRhaW5lciB1cGxvYWQtZm9ybVwiPlxuICAgIDxzYi1keW5hbWljLWZvcm0gW2NvbmZpZ109XCJxdWFsaXR5Rm9ybUNvbmZpZ1wiIChzdGF0dXNDaGFuZ2VzKT1cIm9uU3RhdHVzQ2hhbmdlcygkZXZlbnQpXCJcbiAgICAodmFsdWVDaGFuZ2VzKT1cInZhbHVlQ2hhbmdlcygkZXZlbnQpXCI+PC9zYi1keW5hbWljLWZvcm0+XG4gICAgPC9kaXY+XG4gICAgPC9kaXY+IFxuICAgIDxsYWJlbD57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8udG90YWxTY29yZX19OiB7e3RvdGFsU2NvcmVWYWx1ZX19PC9sYWJlbD5cbiAgICA8cD48ZW0+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/LnF1YWxpdHlSZXZpZXd9fTwvZW0+PC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWFjdGlvbnNcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwic2ItYnRuIHNiLWJ0bi1ub3JtYWwgc2ItYnRuLW91dGxpbmUtcHJpbWFyeVwiIFtkaXNhYmxlZF09XCIhaXNBcHByb3ZhbEJ0bkVuYWJsZVwiIChjbGljayk9XCJzdWJtaXRBcHByb3ZhbCgpXCI+XG4gICAgICAgIHt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8uYnV0dG9uX2xhYmVscz8ucHVibGlzaF9jb2xsZWN0aW9uX2J0bl9sYWJlbH19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBjbGFzcz1cInNiLWJ0biBzYi1idG4tbm9ybWFsIHNiLWJ0bi1vdXRsaW5lLXByaW1hcnlcIiBbZGlzYWJsZWRdID0gXCIhaXNSZXF1ZXN0Q2hhbmdlQnRuRW5hYmxlXCIgKGNsaWNrKT1cInJlcXVlc3RDaGFuZ2VzKClcIj5cbiAgICAgICAge3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5idXR0b25fbGFiZWxzPy5yZWplY3RfY29sbGVjdGlvbl9idG5fbGFiZWx9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvc3VpLW1vZGFsPlxuXG4iXX0=