@shikshalokam/sl-reports-library
Version:
Library to integrate questionnaire in SL Projects
18 lines • 11 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 ExpansionPanelComponent {
constructor() { }
ngOnInit() {
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "sl-expansion-panel", inputs: { datas: "datas" }, ngImport: i0, template: "<!-- <h2 *ngIf=\"datas?.chart\" class=\"heading\">{{ datas?.chart?.title }}</h2>\n<div *ngIf=\"datas?.chart\" >\n <div *ngFor=\"let entity of datas?.chart?.entities\">\n <h4 class=\"heading\">{{ entity.entityName }}</h4>\n\n <div\n (click)=\"isOpenIndex = isOpenIndex == i ? -1 : i\"\n class=\"expansionPanel\"\n margin\n *ngFor=\"let item of entity?.domains; let i = index\"\n >\n <div class=\"domain\" >\n <h4 style=\"flex: 1\" >{{ item?.domainName }}</h4>\n <i *ngIf=\"!(isOpenIndex == i)\" class=\"arrow down icon medium\" ></i>\n <i *ngIf=\"isOpenIndex == i\" class=\"arrow up icon medium\" ></i>\n </div>\n <div *ngIf=\"isOpenIndex == i\" class=\"ion-padding\">\n <table>\n <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n <td style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n</div> -->\n\n\n<div *ngIf=\"datas?.chart\">\n <strong>{{ datas?.chart?.title }}</strong>\n <div *ngFor=\"let entity of datas?.chart?.entities\">\n <strong>{{ entity.entityName }}</strong>\n\n <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\"\n *ngFor=\"let item of entity?.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 *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n <td style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n </tr>\n </table>\n </div>\n </sui-accordion-panel>\n </sui-accordion>\n </div>\n</div>", 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;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: ExpansionPanelComponent, decorators: [{
type: Component,
args: [{ selector: 'sl-expansion-panel', template: "<!-- <h2 *ngIf=\"datas?.chart\" class=\"heading\">{{ datas?.chart?.title }}</h2>\n<div *ngIf=\"datas?.chart\" >\n <div *ngFor=\"let entity of datas?.chart?.entities\">\n <h4 class=\"heading\">{{ entity.entityName }}</h4>\n\n <div\n (click)=\"isOpenIndex = isOpenIndex == i ? -1 : i\"\n class=\"expansionPanel\"\n margin\n *ngFor=\"let item of entity?.domains; let i = index\"\n >\n <div class=\"domain\" >\n <h4 style=\"flex: 1\" >{{ item?.domainName }}</h4>\n <i *ngIf=\"!(isOpenIndex == i)\" class=\"arrow down icon medium\" ></i>\n <i *ngIf=\"isOpenIndex == i\" class=\"arrow up icon medium\" ></i>\n </div>\n <div *ngIf=\"isOpenIndex == i\" class=\"ion-padding\">\n <table>\n <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n <td style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n</div> -->\n\n\n<div *ngIf=\"datas?.chart\">\n <strong>{{ datas?.chart?.title }}</strong>\n <div *ngFor=\"let entity of datas?.chart?.entities\">\n <strong>{{ entity.entityName }}</strong>\n\n <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\"\n *ngFor=\"let item of entity?.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 *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n <td style=\"flex: 1\">{{ criteria?.name }}</td>\n <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n </tr>\n </table>\n </div>\n </sui-accordion-panel>\n </sui-accordion>\n </div>\n</div>", 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;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXJlcG9ydHMtbGlicmFyeS9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHNGQ1BwQyx1a0VBb0RNOzs0RkQ3Q08sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG9CQUFvQjswRUFNckIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWV4cGFuc2lvbi1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBkYXRhcztcbiAgaXNPcGVuSW5kZXg7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8IS0tIDxoMiAqbmdJZj1cImRhdGFzPy5jaGFydFwiIGNsYXNzPVwiaGVhZGluZ1wiPnt7IGRhdGFzPy5jaGFydD8udGl0bGUgfX08L2gyPlxuPGRpdiAqbmdJZj1cImRhdGFzPy5jaGFydFwiID5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgZW50aXR5IG9mIGRhdGFzPy5jaGFydD8uZW50aXRpZXNcIj5cbiAgICA8aDQgY2xhc3M9XCJoZWFkaW5nXCI+e3sgZW50aXR5LmVudGl0eU5hbWUgfX08L2g0PlxuXG4gICAgPGRpdlxuICAgICAgKGNsaWNrKT1cImlzT3BlbkluZGV4ID0gaXNPcGVuSW5kZXggPT0gaSA/IC0xIDogaVwiXG4gICAgICBjbGFzcz1cImV4cGFuc2lvblBhbmVsXCJcbiAgICAgIG1hcmdpblxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZW50aXR5Py5kb21haW5zOyBsZXQgaSA9IGluZGV4XCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiZG9tYWluXCIgPlxuICAgICAgICA8aDQgc3R5bGU9XCJmbGV4OiAxXCIgPnt7IGl0ZW0/LmRvbWFpbk5hbWUgfX08L2g0PlxuICAgICAgICA8aSAqbmdJZj1cIiEoaXNPcGVuSW5kZXggPT0gaSlcIiBjbGFzcz1cImFycm93IGRvd24gaWNvbiBtZWRpdW1cIiAgPjwvaT5cbiAgICAgICAgPGkgKm5nSWY9XCJpc09wZW5JbmRleCA9PSBpXCIgY2xhc3M9XCJhcnJvdyB1cCBpY29uIG1lZGl1bVwiID48L2k+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJpc09wZW5JbmRleCA9PSBpXCIgY2xhc3M9XCJpb24tcGFkZGluZ1wiPlxuICAgICAgICA8dGFibGU+XG4gICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBjcml0ZXJpYSBvZiBpdGVtLmNyaXRlcmlhc1wiIGNsYXNzPVwiZG9tYWluIF9ub1dyYXBcIj5cbiAgICAgICAgICAgIDx0ZCAgc3R5bGU9XCJmbGV4OiAxXCI+e3sgY3JpdGVyaWE/Lm5hbWUgfX08L3RkPlxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiX2ZsZXgtYm94XCI+OiB7eyBjcml0ZXJpYT8ubGV2ZWwgfX08L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGFibGU+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4gLS0+XG5cblxuPGRpdiAqbmdJZj1cImRhdGFzPy5jaGFydFwiPlxuICA8c3Ryb25nPnt7IGRhdGFzPy5jaGFydD8udGl0bGUgfX08L3N0cm9uZz5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgZW50aXR5IG9mIGRhdGFzPy5jaGFydD8uZW50aXRpZXNcIj5cbiAgICA8c3Ryb25nPnt7IGVudGl0eS5lbnRpdHlOYW1lIH19PC9zdHJvbmc+XG5cbiAgICA8c3VpLWFjY29yZGlvbiBjbGFzcz1cInN0eWxlZCBmbHVpZCBzYi1hY2NvcmRpb24gc2ItbmV3LXRoZW1lLWFjY29yZGlvbiBkcm9wLWFjY29yZGlhblwiXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBlbnRpdHk/LmRvbWFpbnM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgIDxzdWktYWNjb3JkaW9uLXBhbmVsIFtpc09wZW5dPVwiZmFsc2VcIj5cbiAgICAgICAgPGRpdiB0aXRsZSBjbGFzcz1cInNiLWFjY29yZGlvbi10aXRsZSBmc21hbGwgZC1mbGV4IGZsZXgtYWktY2VudGVyIGZsZXgtamMtc3BhY2UtYmV0d2VlblwiPlxuICAgICAgICAgIDxzcGFuPnt7IGl0ZW0/LmRvbWFpbk5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgPGkgY2xhc3M9XCJjaGV2cm9uIGRvd24gaWNvblwiIHJvbGU9XCJpbWdcIiB0aXRsZT1cImV4cGFuZFwiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY29udGVudCBjbGFzcz1cInNiLWFjY29yZGlvbi1jb250ZW50IHNiLWJnLWNvbG9yLXdoaXRlIHB0LTAgcGItOFwiPlxuICAgICAgICAgIDx0YWJsZT5cbiAgICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgY3JpdGVyaWEgb2YgaXRlbS5jcml0ZXJpYXNcIiBjbGFzcz1cImRvbWFpbiBfbm9XcmFwXCI+XG4gICAgICAgICAgICAgIDx0ZCBzdHlsZT1cImZsZXg6IDFcIj57eyBjcml0ZXJpYT8ubmFtZSB9fTwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cIl9mbGV4LWJveFwiPjoge3sgY3JpdGVyaWE/LmxldmVsIH19PC90ZD5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgPC90YWJsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L3N1aS1hY2NvcmRpb24tcGFuZWw+XG4gICAgPC9zdWktYWNjb3JkaW9uPlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==