@shikshalokam/sl-reports-library
Version:
Library to integrate questionnaire in SL Projects
31 lines • 13.5 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../pie-chart/pie-chart.component";
import * as i3 from "../bar-chart/bar-chart.component";
import * as i4 from "../reports-text/reports-text.component";
export class MatrixChartComponent {
constructor() {
this.allEvidence = new EventEmitter();
}
ngOnInit() { }
extension(name) {
return name.split(".").pop();
}
openFile(file) {
window.open(file.url, "_blank");
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixChartComponent, selector: "sl-matrix-chart", inputs: { data: "data", questionNumber: "questionNumber" }, outputs: { allEvidence: "allEvidence" }, ngImport: i0, template: "<div>\n <div class=\"heading\">\n <h4>{{ questionNumber }}) {{ data?.question }}</h4>\n </div>\n <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n <div *ngFor=\"let element of data?.instanceQuestions; let i = index\">\n <div\n class=\"ui segment chart-conent-section\"\n [ngSwitch]=\"element?.responseType\"\n >\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'text'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'number'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'date'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchDefault\n ></sl-reports-text>\n <sl-pie-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'radio'\"\n ></sl-pie-chart>\n <sl-pie-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'pie'\"\n ></sl-pie-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'bar'\"\n ></sl-bar-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'multiselect'\"\n ></sl-bar-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'column'\"\n ></sl-bar-chart>\n </div>\n <div\n *ngFor=\"let e of element.evidences\"\n (click)=\"openFile(e)\"\n class=\"area\"\n >\n <div *ngIf=\"e.extension == 'png'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'jpg'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'jpeg'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'pdf'\" class=\"mx-10\">\n <i class=\"file pdf outline icon\"></i>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".area{position:relative}i{font-size:40px}.heading{padding:15px 10px;text-align:center}.graph-content-section{padding-bottom:15px!important;background-color:#c4c3c1!important;border-radius:0 0 24px 24px!important;margin-top:0!important;padding-top:5px!important}.chart-conent-section{position:relative;z-index:3;margin:15px!important;border:.0625rem solid var(--rc-dddddd);padding:1.5rem;background:#fff;box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16);border-radius:24px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.PieChartComponent, selector: "sl-pie-chart", inputs: ["data", "questionNumber"] }, { kind: "component", type: i3.BarChartComponent, selector: "sl-bar-chart", inputs: ["data", "questionNumber"] }, { kind: "component", type: i4.ReportsTextComponent, selector: "sl-reports-text", inputs: ["data", "questionNumber"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixChartComponent, decorators: [{
type: Component,
args: [{ selector: 'sl-matrix-chart', template: "<div>\n <div class=\"heading\">\n <h4>{{ questionNumber }}) {{ data?.question }}</h4>\n </div>\n <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n <div *ngFor=\"let element of data?.instanceQuestions; let i = index\">\n <div\n class=\"ui segment chart-conent-section\"\n [ngSwitch]=\"element?.responseType\"\n >\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'text'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'number'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'date'\"\n ></sl-reports-text>\n <sl-reports-text\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchDefault\n ></sl-reports-text>\n <sl-pie-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'radio'\"\n ></sl-pie-chart>\n <sl-pie-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'pie'\"\n ></sl-pie-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'bar'\"\n ></sl-bar-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'multiselect'\"\n ></sl-bar-chart>\n <sl-bar-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'column'\"\n ></sl-bar-chart>\n </div>\n <div\n *ngFor=\"let e of element.evidences\"\n (click)=\"openFile(e)\"\n class=\"area\"\n >\n <div *ngIf=\"e.extension == 'png'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'jpg'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'jpeg'\" class=\"mx-10\">\n <i class=\"file image outline icon\"></i>\n </div>\n <div *ngIf=\"e.extension == 'pdf'\" class=\"mx-10\">\n <i class=\"file pdf outline icon\"></i>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".area{position:relative}i{font-size:40px}.heading{padding:15px 10px;text-align:center}.graph-content-section{padding-bottom:15px!important;background-color:#c4c3c1!important;border-radius:0 0 24px 24px!important;margin-top:0!important;padding-top:5px!important}.chart-conent-section{position:relative;z-index:3;margin:15px!important;border:.0625rem solid var(--rc-dddddd);padding:1.5rem;background:#fff;box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16);border-radius:24px!important}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
type: Input
}], questionNumber: [{
type: Input
}], allEvidence: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0cml4LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXJlcG9ydHMtbGlicmFyeS9zcmMvbGliL21hdHJpeC1jaGFydC9tYXRyaXgtY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvbWF0cml4LWNoYXJ0L21hdHJpeC1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPL0UsTUFBTSxPQUFPLG9CQUFvQjtJQUkvQjtRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsU0FBUyxDQUFDLElBQUk7UUFDWixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFJO1FBQ1gsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7K0dBZFUsb0JBQW9CO21HQUFwQixvQkFBb0IsNEpDUGpDLDY2RUE2RUE7OzRGRHRFYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCOzBFQUtsQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzbC1tYXRyaXgtY2hhcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0cml4LWNoYXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0cml4LWNoYXJ0LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRyaXhDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRhdGE7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uTnVtYmVyO1xuICBAT3V0cHV0KCkgYWxsRXZpZGVuY2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgZXh0ZW5zaW9uKG5hbWUpIHtcbiAgICByZXR1cm4gbmFtZS5zcGxpdChcIi5cIikucG9wKCk7XG4gIH1cblxuICBvcGVuRmlsZShmaWxlKSB7XG4gICAgd2luZG93Lm9wZW4oZmlsZS51cmwsIFwiX2JsYW5rXCIpO1xuICB9XG5cbn1cbiIsIjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJoZWFkaW5nXCI+XG4gICAgPGg0Pnt7IHF1ZXN0aW9uTnVtYmVyIH19KSB7eyBkYXRhPy5xdWVzdGlvbiB9fTwvaDQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwidWkgYm90dG9tIHAtMCBiLTAgbm8tYmcgbXktMjQgZ3JhcGgtY29udGVudC1zZWN0aW9uXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgZWxlbWVudCBvZiBkYXRhPy5pbnN0YW5jZVF1ZXN0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInVpIHNlZ21lbnQgY2hhcnQtY29uZW50LXNlY3Rpb25cIlxuICAgICAgICBbbmdTd2l0Y2hdPVwiZWxlbWVudD8ucmVzcG9uc2VUeXBlXCJcbiAgICAgID5cbiAgICAgICAgPHNsLXJlcG9ydHMtdGV4dFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiXG4gICAgICAgID48L3NsLXJlcG9ydHMtdGV4dD5cbiAgICAgICAgPHNsLXJlcG9ydHMtdGV4dFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidudW1iZXInXCJcbiAgICAgICAgPjwvc2wtcmVwb3J0cy10ZXh0PlxuICAgICAgICA8c2wtcmVwb3J0cy10ZXh0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUnXCJcbiAgICAgICAgPjwvc2wtcmVwb3J0cy10ZXh0PlxuICAgICAgICA8c2wtcmVwb3J0cy10ZXh0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgID48L3NsLXJlcG9ydHMtdGV4dD5cbiAgICAgICAgPHNsLXBpZS1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidyYWRpbydcIlxuICAgICAgICA+PC9zbC1waWUtY2hhcnQ+XG4gICAgICAgIDxzbC1waWUtY2hhcnRcbiAgICAgICAgICBbZGF0YV09XCJlbGVtZW50XCJcbiAgICAgICAgICBbcXVlc3Rpb25OdW1iZXJdPVwiaSArIDFcIlxuICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCIncGllJ1wiXG4gICAgICAgID48L3NsLXBpZS1jaGFydD5cbiAgICAgICAgPHNsLWJhci1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidiYXInXCJcbiAgICAgICAgPjwvc2wtYmFyLWNoYXJ0PlxuICAgICAgICA8c2wtYmFyLWNoYXJ0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ211bHRpc2VsZWN0J1wiXG4gICAgICAgID48L3NsLWJhci1jaGFydD5cbiAgICAgICAgPHNsLWJhci1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidjb2x1bW4nXCJcbiAgICAgICAgPjwvc2wtYmFyLWNoYXJ0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0Zvcj1cImxldCBlIG9mIGVsZW1lbnQuZXZpZGVuY2VzXCJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5GaWxlKGUpXCJcbiAgICAgICAgY2xhc3M9XCJhcmVhXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiAqbmdJZj1cImUuZXh0ZW5zaW9uID09ICdwbmcnXCIgY2xhc3M9XCJteC0xMFwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmlsZSBpbWFnZSBvdXRsaW5lIGljb25cIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZS5leHRlbnNpb24gPT0gJ2pwZydcIiBjbGFzcz1cIm14LTEwXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmaWxlIGltYWdlIG91dGxpbmUgaWNvblwiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJlLmV4dGVuc2lvbiA9PSAnanBlZydcIiBjbGFzcz1cIm14LTEwXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmaWxlIGltYWdlIG91dGxpbmUgaWNvblwiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJlLmV4dGVuc2lvbiA9PSAncGRmJ1wiIGNsYXNzPVwibXgtMTBcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZpbGUgcGRmIG91dGxpbmUgaWNvblwiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==