@kre-form/survey
Version:
83 lines • 9.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, } from "@angular/core";
import * as _ from "lodash";
export class KreSurveyEditEvaluation {
constructor() {
this.start = 1;
this.optionSelectedIndex = 0;
this.currentSelected = {};
this.editevaluationData = [];
}
/**
* @param {?} value
* @return {?}
*/
set fieldConfig(value) {
if (value != undefined &&
value != null &&
value.templateOptions != undefined &&
value.templateOptions != null &&
value.templateOptions.options != undefined &&
value.templateOptions.options != null) {
if (Array.isArray(value.templateOptions.options)) {
this.editevaluationData = _.cloneDeep(value.templateOptions.options);
this.currentSelected = this.editevaluationData[0];
}
else {
this.editevaluationData = [];
}
}
else {
this.editevaluationData = [];
}
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) { }
/**
* @param {?} event
* @return {?}
*/
optionClick(event) {
this.start = event + 1;
this.currentSelected = this.editevaluationData[event];
}
/**
* @return {?}
*/
getOptionTag() {
return this.currentSelected.tag.split(/[\s\n]/);
}
}
KreSurveyEditEvaluation.decorators = [
{ type: Component, args: [{
selector: "kresurvey-editevaluation",
template: "<div class=\"edit_evaluation\">\r\n <nz-rate [(ngModel)]=\"start\" [nzCount]=\"5\"></nz-rate>\r\n <div class=\"label\">\"{{currentSelected.label}}\"</div>\r\n <div class=\"tag\">\r\n <ng-container *ngFor=\"let item of getOptionTag()\">\r\n <span *ngIf=\"item!=''\">{{item}}</span>\r\n </ng-container>\r\n </div>\r\n <nz-tabset [nzType]=\"'card'\" [nzSelectedIndex]=\"optionSelectedIndex\" (nzSelectedIndexChange)=\"optionClick($event)\">\r\n\r\n <ng-container *ngFor=\"let option of editevaluationData;let index=index;\">\r\n <nz-tab [nzTitle]=\"titleTemplate\">\r\n <ng-template #titleTemplate>\r\n <div>\r\n {{ option.value }}\u5206\r\n </div>\r\n </ng-template>\r\n <ng-template nz-tab>\r\n <div class=\"option-label\">\r\n \u5206\u503C\u8BF4\u660E\uFF08\u6700\u591A\u53EF\u8F93\u516510\u4E2A\u5B57\uFF09\r\n </div>\r\n <div>\r\n <input nz-input [(ngModel)]=\"option.label\" />\r\n </div>\r\n <div class=\"option-tag\">\r\n \u6807\u7B7E\u8BBE\u7F6E\uFF08\u6BCF\u884C\u5BF9\u5E941\u4E2A\u6807\u7B7E\uFF0C\u6700\u591A10\u4E2A\u6807\u7B7E\uFF0C\u6BCF\u4E2A\u6807\u7B7E\u6700\u591A10\u4E2A\u5B57\uFF0C\u53EF\u590D\u5236\u5176\u4ED6\u9009\u9879\u6807\u7B7E\uFF09\r\n </div>\r\n <div>\r\n <textarea rows=\"8\" nz-input [(ngModel)]=\"option.tag\"></textarea>\r\n </div>\r\n </ng-template>\r\n </nz-tab>\r\n </ng-container>\r\n </nz-tabset>\r\n\r\n</div>",
styles: [":host ::ng-deep{width:100%;height:100%;display:flex;background-color:#fff;padding:20px 0 0 10px}:host ::ng-deep .edit_evaluation{text-align:center;padding:0 20px;width:100%}:host ::ng-deep .edit_evaluation .ant-rate-star{font-size:30px}:host ::ng-deep .edit_evaluation .label{margin:20px 0 0;text-align:center;color:#fadb14;font-size:12px}:host ::ng-deep .edit_evaluation .tag{margin:20px 0;text-align:center}:host ::ng-deep .edit_evaluation .tag span{display:inline-block;font-size:12px;color:#aaa;padding:3px 10px;background:#fff;border:1px solid #eaeaea;border-radius:2px;margin-right:5px}:host ::ng-deep .edit_evaluation nz-tabset{text-align:left}:host ::ng-deep .edit_evaluation nz-tabset .ant-tabs-bar{margin:0}:host ::ng-deep .edit_evaluation nz-tabset .ant-tabs-top-content{border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:20px;font-size:12px}:host ::ng-deep .edit_evaluation nz-tabset .ant-tabs-nav-container{height:30px!important}:host ::ng-deep .edit_evaluation nz-tabset .ant-tabs-tab{height:30px!important;line-height:30px!important;padding:0 20px!important;font-size:13px}:host ::ng-deep .edit_evaluation nz-tabset .ant-input{font-size:12px}:host ::ng-deep .edit_evaluation nz-tabset .option-label{margin:0 0 5px}:host ::ng-deep .edit_evaluation nz-tabset .option-tag{margin:15px 0 5px}"]
}] }
];
/** @nocollapse */
KreSurveyEditEvaluation.ctorParameters = () => [];
KreSurveyEditEvaluation.propDecorators = {
fieldConfig: [{ type: Input }]
};
if (false) {
/** @type {?} */
KreSurveyEditEvaluation.prototype.start;
/** @type {?} */
KreSurveyEditEvaluation.prototype.optionSelectedIndex;
/** @type {?} */
KreSurveyEditEvaluation.prototype.currentSelected;
/** @type {?} */
KreSurveyEditEvaluation.prototype.editevaluationData;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGtyZS1mb3JtL3N1cnZleS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2VkaXQtZXZhbHVhdGlvbi9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxHQUtOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBTzVCLE1BQU0sT0FBTyx1QkFBdUI7SUEyQmxDO1FBMUJBLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVix3QkFBbUIsR0FBRyxDQUFDLENBQUM7UUFDeEIsb0JBQWUsR0FBUSxFQUFFLENBQUM7UUFFMUIsdUJBQWtCLEdBQVUsRUFBRSxDQUFDO0lBc0JoQixDQUFDOzs7OztJQXBCaEIsSUFBYSxXQUFXLENBQUMsS0FBeUI7UUFDaEQsSUFDRSxLQUFLLElBQUksU0FBUztZQUNsQixLQUFLLElBQUksSUFBSTtZQUNiLEtBQUssQ0FBQyxlQUFlLElBQUksU0FBUztZQUNsQyxLQUFLLENBQUMsZUFBZSxJQUFJLElBQUk7WUFDN0IsS0FBSyxDQUFDLGVBQWUsQ0FBQyxPQUFPLElBQUksU0FBUztZQUMxQyxLQUFLLENBQUMsZUFBZSxDQUFDLE9BQU8sSUFBSSxJQUFJLEVBQ3JDO1lBQ0EsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ3JFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ25EO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxFQUFFLENBQUM7YUFDOUI7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztTQUM5QjtJQUNILENBQUM7Ozs7SUFJRCxRQUFRLEtBQUksQ0FBQzs7Ozs7SUFFYixXQUFXLENBQUMsT0FBc0IsSUFBRyxDQUFDOzs7OztJQUV0QyxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7OztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRCxDQUFDOzs7WUE3Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSwwQkFBMEI7Z0JBQ3BDLDZ3REFBcUM7O2FBRXRDOzs7OzswQkFRRSxLQUFLOzs7O0lBTk4sd0NBQVU7O0lBQ1Ysc0RBQXdCOztJQUN4QixrREFBMEI7O0lBRTFCLHFEQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uQ2hhbmdlcyxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEtyZUZvcm1GaWVsZENvbmZpZyB9IGZyb20gXCJAa3JlLWZvcm0vY29yZVwiO1xyXG5pbXBvcnQgKiBhcyBfIGZyb20gXCJsb2Rhc2hcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImtyZXN1cnZleS1lZGl0ZXZhbHVhdGlvblwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50Lmxlc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLcmVTdXJ2ZXlFZGl0RXZhbHVhdGlvbiBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBzdGFydCA9IDE7XHJcbiAgb3B0aW9uU2VsZWN0ZWRJbmRleCA9IDA7XHJcbiAgY3VycmVudFNlbGVjdGVkOiBhbnkgPSB7fTtcclxuXHJcbiAgZWRpdGV2YWx1YXRpb25EYXRhOiBhbnlbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKSBzZXQgZmllbGRDb25maWcodmFsdWU6IEtyZUZvcm1GaWVsZENvbmZpZykge1xyXG4gICAgaWYgKFxyXG4gICAgICB2YWx1ZSAhPSB1bmRlZmluZWQgJiZcclxuICAgICAgdmFsdWUgIT0gbnVsbCAmJlxyXG4gICAgICB2YWx1ZS50ZW1wbGF0ZU9wdGlvbnMgIT0gdW5kZWZpbmVkICYmXHJcbiAgICAgIHZhbHVlLnRlbXBsYXRlT3B0aW9ucyAhPSBudWxsICYmXHJcbiAgICAgIHZhbHVlLnRlbXBsYXRlT3B0aW9ucy5vcHRpb25zICE9IHVuZGVmaW5lZCAmJlxyXG4gICAgICB2YWx1ZS50ZW1wbGF0ZU9wdGlvbnMub3B0aW9ucyAhPSBudWxsXHJcbiAgICApIHtcclxuICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUudGVtcGxhdGVPcHRpb25zLm9wdGlvbnMpKSB7XHJcbiAgICAgICAgdGhpcy5lZGl0ZXZhbHVhdGlvbkRhdGEgPSBfLmNsb25lRGVlcCh2YWx1ZS50ZW1wbGF0ZU9wdGlvbnMub3B0aW9ucyk7XHJcbiAgICAgICAgdGhpcy5jdXJyZW50U2VsZWN0ZWQgPSB0aGlzLmVkaXRldmFsdWF0aW9uRGF0YVswXTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmVkaXRldmFsdWF0aW9uRGF0YSA9IFtdO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmVkaXRldmFsdWF0aW9uRGF0YSA9IFtdO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHt9XHJcblxyXG4gIG9wdGlvbkNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuc3RhcnQgPSBldmVudCArIDE7XHJcbiAgICB0aGlzLmN1cnJlbnRTZWxlY3RlZCA9IHRoaXMuZWRpdGV2YWx1YXRpb25EYXRhW2V2ZW50XTtcclxuICB9XHJcblxyXG4gIGdldE9wdGlvblRhZygpIHtcclxuICAgIHJldHVybiB0aGlzLmN1cnJlbnRTZWxlY3RlZC50YWcuc3BsaXQoL1tcXHNcXG5dLyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==