@shikshalokam/sl-reports
Version:
Library to integrate questionnaire in SL Projects
25 lines • 5.48 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let GenericChartComponent = class GenericChartComponent {
constructor() { }
ngOnInit() {
}
extension(name) {
return name.split(".").pop();
}
openFile(file) {
window.open(file.url, "_blank");
}
};
__decorate([
Input()
], GenericChartComponent.prototype, "reportSections", void 0);
GenericChartComponent = __decorate([
Component({
selector: 'sl-generic-chart',
template: "<div *ngFor=\"let section of reportSections\">\n <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n <div *ngFor=\"let element of section?.questionArray; 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 <sl-percentage-column-charts\n [chartData]=\"element\"\n *ngSwitchCase=\"'horizontalBar'\"\n >\n </sl-percentage-column-charts>\n <sl-matrix-chart\n [data]=\"element\"\n [questionNumber]=\"i + 1\"\n *ngSwitchCase=\"'matrix'\"\n ></sl-matrix-chart>\n <sl-expansion-table\n [datas]=\"element\"\n *ngSwitchCase=\"'expansion-table'\"\n ></sl-expansion-table>\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: [".graph-content-section{padding-bottom:15px!important;background-color:#e9e8d9!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 0 rgba(var(--rc-rgba-black),.16);border-radius:24px!important}"]
})
], GenericChartComponent);
export { GenericChartComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9zbC1yZXBvcnRzLWxpYnJhcnkvIiwic291cmNlcyI6WyJsaWIvZ2VuZXJpYy1jaGFydC9nZW5lcmljLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPekQsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFHaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxTQUFTLENBQUMsSUFBSTtRQUNaLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsUUFBUSxDQUFDLElBQUk7UUFDWCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbEMsQ0FBQztDQUVGLENBQUE7QUFmVTtJQUFSLEtBQUssRUFBRTs2REFBb0I7QUFEakIscUJBQXFCO0lBTGpDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxrQkFBa0I7UUFDNUIsczFGQUE2Qzs7S0FFOUMsQ0FBQztHQUNXLHFCQUFxQixDQWdCakM7U0FoQlkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWdlbmVyaWMtY2hhcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VuZXJpYy1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dlbmVyaWMtY2hhcnQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdlbmVyaWNDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHJlcG9ydFNlY3Rpb25zOmFueTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIFxuICBleHRlbnNpb24obmFtZSkge1xuICAgIHJldHVybiBuYW1lLnNwbGl0KFwiLlwiKS5wb3AoKTtcbiAgfVxuXG4gIG9wZW5GaWxlKGZpbGUpIHtcbiAgICB3aW5kb3cub3BlbihmaWxlLnVybCwgXCJfYmxhbmtcIik7XG4gIH1cblxufVxuIl19