survey-creator-angular
Version:
Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.
34 lines • 8.1 kB
JavaScript
import { Component, Input } from "@angular/core";
import { CreatorModelComponent } from "../../creator-model.component";
import { SurveyResultsModel } from "survey-creator-core";
import * as i0 from "@angular/core";
import * as i1 from "../../components/action-button.component";
import * as i2 from "./survey-results-row.component";
import * as i3 from "survey-angular-ui";
import * as i4 from "@angular/common";
export class SurveyResultsComponent extends CreatorModelComponent {
createModel() {
if (!!this.survey) {
this.model = new SurveyResultsModel(this.survey);
}
}
getModel() {
return this.model;
}
getPropertiesToTrack() {
return ["survey"];
}
}
SurveyResultsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurveyResultsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
SurveyResultsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SurveyResultsComponent, selector: "survey-results", inputs: { survey: "survey" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n<div class=\"svd-test-results\">\n <div class=\"svd-test-results__content\">\n <div class=\"svd-test-results__header\">\n <div class=\"svd-test-results__header-text\">{{model.surveyResultsText}}</div>\n <div class=\"svd-test-results__header-types\">\n <svc-action-button [text]=\"model.surveyResultsTableText\" [click]=\"model.selectTableClick\" [disabled]=\"false\" [selected]=\"model.isTableSelected\"></svc-action-button>\n <svc-action-button [text]=\"model.surveyResultsJsonText\" [click]=\"model.selectJsonClick\" [disabled]=\"false\" [selected]=\"model.isJsonSelected\"></svc-action-button>\n </div>\n </div>\n <div class=\"svd-test-results__text svd-light-bg-color\" [visible]=\"model.resultViewType === 'text'\">\n <div>{{model.resultText}}</div>\n </div>\n <div class=\"svd-test-results__table svd-light-bg-color\" [visible]=\"model.resultViewType === 'table'\">\n <table>\n <thead>\n <tr class=\"svd-light-background-color\">\n <th class=\"svd-dark-border-color\">{{model.resultsTitle}}</th>\n <th class=\"svd-dark-border-color\">{{model.resultsDisplayValue}}</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let row of model.resultData\">\n <survey-results-table-row [model]=\"row\"></survey-results-table-row>\n </ng-container>\n </tbody>\n </table>\n </div>\n </div>\n</div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.ActionButtonComponent, selector: "svc-action-button", inputs: ["classes", "click", "selected", "disabled", "text", "title", "iconName", "allowBubble"] }, { type: i2.SurveyResultsTableRowComponent, selector: "survey-results-table-row", inputs: ["model"] }], directives: [{ type: i3.VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurveyResultsComponent, decorators: [{
type: Component,
args: [{
selector: "survey-results",
templateUrl: "./survey-results.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { survey: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VydmV5LXJlc3VsdHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvcHJldmlldy9zdXJ2ZXktcmVzdWx0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvdGFicy9wcmV2aWV3L3N1cnZleS1yZXN1bHRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7QUFPekQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLHFCQUF5QztJQUk1RSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUNsRDtJQUNILENBQUM7SUFDUyxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ1Msb0JBQW9CO1FBQzVCLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQixDQUFDOztvSEFkVSxzQkFBc0I7d0dBQXRCLHNCQUFzQiwyR0NWbkMscWlEQThCYzs0RkRwQkQsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENyZWF0b3JNb2RlbENvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9jcmVhdG9yLW1vZGVsLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgU3VydmV5TW9kZWwgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IFN1cnZleVJlc3VsdHNNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY3JlYXRvci1jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdXJ2ZXktcmVzdWx0c1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3N1cnZleS1yZXN1bHRzLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFN1cnZleVJlc3VsdHNDb21wb25lbnQgZXh0ZW5kcyBDcmVhdG9yTW9kZWxDb21wb25lbnQ8U3VydmV5UmVzdWx0c01vZGVsPiB7XG4gIEBJbnB1dCgpIHN1cnZleSE6IFN1cnZleU1vZGVsO1xuICBwdWJsaWMgbW9kZWwhOiBTdXJ2ZXlSZXN1bHRzTW9kZWw7XG5cbiAgcHVibGljIGNyZWF0ZU1vZGVsKCk6IHZvaWQge1xuICAgIGlmICghIXRoaXMuc3VydmV5KSB7XG4gICAgICB0aGlzLm1vZGVsID0gbmV3IFN1cnZleVJlc3VsdHNNb2RlbCh0aGlzLnN1cnZleSk7XG4gICAgfVxuICB9XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBTdXJ2ZXlSZXN1bHRzTW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG4gIHByb3RlY3RlZCBnZXRQcm9wZXJ0aWVzVG9UcmFjaygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIFtcInN1cnZleVwiXTtcbiAgfVxufSIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG48ZGl2IGNsYXNzPVwic3ZkLXRlc3QtcmVzdWx0c1wiPlxuICA8ZGl2IGNsYXNzPVwic3ZkLXRlc3QtcmVzdWx0c19fY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdmQtdGVzdC1yZXN1bHRzX19oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN2ZC10ZXN0LXJlc3VsdHNfX2hlYWRlci10ZXh0XCI+e3ttb2RlbC5zdXJ2ZXlSZXN1bHRzVGV4dH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdmQtdGVzdC1yZXN1bHRzX19oZWFkZXItdHlwZXNcIj5cbiAgICAgICAgICA8c3ZjLWFjdGlvbi1idXR0b24gW3RleHRdPVwibW9kZWwuc3VydmV5UmVzdWx0c1RhYmxlVGV4dFwiIFtjbGlja109XCJtb2RlbC5zZWxlY3RUYWJsZUNsaWNrXCIgW2Rpc2FibGVkXT1cImZhbHNlXCIgW3NlbGVjdGVkXT1cIm1vZGVsLmlzVGFibGVTZWxlY3RlZFwiPjwvc3ZjLWFjdGlvbi1idXR0b24+XG4gICAgICAgICAgPHN2Yy1hY3Rpb24tYnV0dG9uIFt0ZXh0XT1cIm1vZGVsLnN1cnZleVJlc3VsdHNKc29uVGV4dFwiIFtjbGlja109XCJtb2RlbC5zZWxlY3RKc29uQ2xpY2tcIiBbZGlzYWJsZWRdPVwiZmFsc2VcIiBbc2VsZWN0ZWRdPVwibW9kZWwuaXNKc29uU2VsZWN0ZWRcIj48L3N2Yy1hY3Rpb24tYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZkLXRlc3QtcmVzdWx0c19fdGV4dCBzdmQtbGlnaHQtYmctY29sb3JcIiBbdmlzaWJsZV09XCJtb2RlbC5yZXN1bHRWaWV3VHlwZSA9PT0gJ3RleHQnXCI+XG4gICAgICAgIDxkaXY+e3ttb2RlbC5yZXN1bHRUZXh0fX08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZkLXRlc3QtcmVzdWx0c19fdGFibGUgc3ZkLWxpZ2h0LWJnLWNvbG9yXCIgW3Zpc2libGVdPVwibW9kZWwucmVzdWx0Vmlld1R5cGUgPT09ICd0YWJsZSdcIj5cbiAgICAgICAgPHRhYmxlPlxuICAgICAgICAgICAgPHRoZWFkPlxuICAgICAgICAgICAgICAgIDx0ciBjbGFzcz1cInN2ZC1saWdodC1iYWNrZ3JvdW5kLWNvbG9yXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cInN2ZC1kYXJrLWJvcmRlci1jb2xvclwiPnt7bW9kZWwucmVzdWx0c1RpdGxlfX08L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJzdmQtZGFyay1ib3JkZXItY29sb3JcIj57e21vZGVsLnJlc3VsdHNEaXNwbGF5VmFsdWV9fTwvdGg+XG4gICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIDwvdGhlYWQ+XG4gICAgICAgICAgICA8dGJvZHk+XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHJvdyBvZiBtb2RlbC5yZXN1bHREYXRhXCI+XG4gICAgICAgICAgICAgICAgPHN1cnZleS1yZXN1bHRzLXRhYmxlLXJvdyBbbW9kZWxdPVwicm93XCI+PC9zdXJ2ZXktcmVzdWx0cy10YWJsZS1yb3c+XG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC90Ym9keT5cbiAgICAgICAgPC90YWJsZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19