@shikshalokam/sl-reports-library
Version:
Library to integrate questionnaire in SL Projects
18 lines • 8.69 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@project-sunbird/ng2-semantic-ui";
export class ExpansionTableComponent {
constructor() { }
ngOnInit() {
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionTableComponent, selector: "sl-expansion-table", inputs: { datas: "datas" }, ngImport: i0, template: "<div *ngIf=\"datas?.chart\">\n <strong>{{ datas?.chart?.title }}</strong> \n \n <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\" *ngFor=\"let item of datas?.chart?.domains; let i = index\">\n <sui-accordion-panel [isOpen]=\"false\">\n <div title class=\"sb-accordion-title fsmall d-flex flex-ai-center flex-jc-space-between\">\n <span>{{ item?.domainName }}</span>\n <i class=\"chevron down icon\" role=\"img\" title=\"expand\"></i>\n </div>\n <div content class=\"sb-accordion-content sb-bg-color-white pt-0 pb-8\">\n <table>\n <tr class=\"_flex-box\">\n <td text-wrap style=\"flex: 1\"></td>\n <td class=\"_flex-box\" class=\"assess\" *ngFor=\"let head of datas?.chart?.heading\">\n {{ head }}\n </td>\n </tr>\n <tr *ngFor=\"let criteria of item.criterias\" class=\"_flex-box _justify-content-space-between _noWrap\">\n <td class=\"ion-text-wrap\" style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\" *ngFor=\"let level of criteria?.levelsWithScores\">\n <h5>{{level?.level}}</h5>\n <p>{{level?.score}}</p>\n </td>\n </tr>\n </table>\n </div>\n </sui-accordion-panel>\n </sui-accordion>\n </div>\n ", styles: ["table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd;background:#fff;color:var(--sb-text)}th,td{text-align:center;max-width:0;padding:12px 4px;color:#000}tr:nth-child(2n){background-color:#f2f2f2}.expansionPanel{border-radius:10px;width:100%;margin:16px 0!important;padding:0!important}.assess{flex:0;text-align:-webkit-center}.heading{padding:15px 10px;text-align:center}.domain{display:flex;justify-content:space-between;margin-bottom:3px;border:1px solig grey;color:var(--sb-text)}.drop-accordian{margin-bottom:4px}\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: "component", type: i2.SuiAccordion, selector: "sui-accordion", inputs: ["closeOthers", "transition", "transitionDuration"] }, { kind: "component", type: i2.SuiAccordionPanel, selector: "sui-accordion-panel", inputs: ["isDisabled", "isOpen"], outputs: ["isOpenChange"], exportAs: ["suiAccordionPanel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionTableComponent, decorators: [{
type: Component,
args: [{ selector: 'sl-expansion-table', template: "<div *ngIf=\"datas?.chart\">\n <strong>{{ datas?.chart?.title }}</strong> \n \n <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\" *ngFor=\"let item of datas?.chart?.domains; let i = index\">\n <sui-accordion-panel [isOpen]=\"false\">\n <div title class=\"sb-accordion-title fsmall d-flex flex-ai-center flex-jc-space-between\">\n <span>{{ item?.domainName }}</span>\n <i class=\"chevron down icon\" role=\"img\" title=\"expand\"></i>\n </div>\n <div content class=\"sb-accordion-content sb-bg-color-white pt-0 pb-8\">\n <table>\n <tr class=\"_flex-box\">\n <td text-wrap style=\"flex: 1\"></td>\n <td class=\"_flex-box\" class=\"assess\" *ngFor=\"let head of datas?.chart?.heading\">\n {{ head }}\n </td>\n </tr>\n <tr *ngFor=\"let criteria of item.criterias\" class=\"_flex-box _justify-content-space-between _noWrap\">\n <td class=\"ion-text-wrap\" style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\" *ngFor=\"let level of criteria?.levelsWithScores\">\n <h5>{{level?.level}}</h5>\n <p>{{level?.score}}</p>\n </td>\n </tr>\n </table>\n </div>\n </sui-accordion-panel>\n </sui-accordion>\n </div>\n ", styles: ["table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd;background:#fff;color:var(--sb-text)}th,td{text-align:center;max-width:0;padding:12px 4px;color:#000}tr:nth-child(2n){background-color:#f2f2f2}.expansionPanel{border-radius:10px;width:100%;margin:16px 0!important;padding:0!important}.assess{flex:0;text-align:-webkit-center}.heading{padding:15px 10px;text-align:center}.domain{display:flex;justify-content:space-between;margin-bottom:3px;border:1px solig grey;color:var(--sb-text)}.drop-accordian{margin-bottom:4px}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { datas: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXJlcG9ydHMtbGlicmFyeS9zcmMvbGliL2V4cGFuc2lvbi10YWJsZS9leHBhbnNpb24tdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvZXhwYW5zaW9uLXRhYmxlL2V4cGFuc2lvbi10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sdUJBQXVCO0lBR2xDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQU5VLHVCQUF1QjttR0FBdkIsdUJBQXVCLHNGQ1BwQyxxNENBNkJFOzs0RkR0QlcsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG9CQUFvQjswRUFLckIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWV4cGFuc2lvbi10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tdGFibGUuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YXM7XG4gIGlzT3BlbkluZGV4O1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgKm5nSWY9XCJkYXRhcz8uY2hhcnRcIj5cbiAgICAgPHN0cm9uZz57eyBkYXRhcz8uY2hhcnQ/LnRpdGxlIH19PC9zdHJvbmc+IFxuICBcbiAgICA8c3VpLWFjY29yZGlvbiBjbGFzcz1cInN0eWxlZCBmbHVpZCBzYi1hY2NvcmRpb24gc2ItbmV3LXRoZW1lLWFjY29yZGlvbiBkcm9wLWFjY29yZGlhblwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFzPy5jaGFydD8uZG9tYWluczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgPHN1aS1hY2NvcmRpb24tcGFuZWwgW2lzT3Blbl09XCJmYWxzZVwiPlxuICAgICAgICA8ZGl2IHRpdGxlIGNsYXNzPVwic2ItYWNjb3JkaW9uLXRpdGxlIGZzbWFsbCBkLWZsZXggZmxleC1haS1jZW50ZXIgZmxleC1qYy1zcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgPHNwYW4+e3sgaXRlbT8uZG9tYWluTmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8aSBjbGFzcz1cImNoZXZyb24gZG93biBpY29uXCIgcm9sZT1cImltZ1wiIHRpdGxlPVwiZXhwYW5kXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjb250ZW50IGNsYXNzPVwic2ItYWNjb3JkaW9uLWNvbnRlbnQgc2ItYmctY29sb3Itd2hpdGUgcHQtMCBwYi04XCI+XG4gICAgICAgICAgPHRhYmxlPlxuICAgICAgICAgICAgPHRyIGNsYXNzPVwiX2ZsZXgtYm94XCI+XG4gICAgICAgICAgICAgIDx0ZCB0ZXh0LXdyYXAgc3R5bGU9XCJmbGV4OiAxXCI+PC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwiX2ZsZXgtYm94XCIgY2xhc3M9XCJhc3Nlc3NcIiAqbmdGb3I9XCJsZXQgaGVhZCBvZiBkYXRhcz8uY2hhcnQ/LmhlYWRpbmdcIj5cbiAgICAgICAgICAgICAgICB7eyBoZWFkIH19XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBjcml0ZXJpYSBvZiBpdGVtLmNyaXRlcmlhc1wiIGNsYXNzPVwiX2ZsZXgtYm94IF9qdXN0aWZ5LWNvbnRlbnQtc3BhY2UtYmV0d2VlbiBfbm9XcmFwXCI+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cImlvbi10ZXh0LXdyYXBcIiBzdHlsZT1cImZsZXg6IDFcIj57eyBjcml0ZXJpYT8ubmFtZSB9fTwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cIl9mbGV4LWJveFwiICpuZ0Zvcj1cImxldCBsZXZlbCBvZiBjcml0ZXJpYT8ubGV2ZWxzV2l0aFNjb3Jlc1wiPlxuICAgICAgICAgICAgICAgIDxoNT57e2xldmVsPy5sZXZlbH19PC9oNT5cbiAgICAgICAgICAgICAgICA8cD57e2xldmVsPy5zY29yZX19PC9wPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICA8L3RhYmxlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvc3VpLWFjY29yZGlvbi1wYW5lbD5cbiAgICA8L3N1aS1hY2NvcmRpb24+XG4gIDwvZGl2PlxuICAiXX0=