@kre-form/survey
Version:
73 lines • 7.31 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from "@angular/core";
import * as _ from "lodash";
import { moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
import { DataService } from "../../service/data.service";
export class KreQuestionList {
/**
* @param {?} dataService
*/
constructor(dataService) {
this.dataService = dataService;
this.kreSurveyInfo = {};
this.questionTypeEvent = new EventEmitter();
this.addPageEvent = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
}
/**
* @param {?} event
* @return {?}
*/
dropQuestion(event) {
if (_.get(event, "container.data.questions")) {
if (event.previousContainer === event.container) {
moveItemInArray(_.get(event, "container.data.questions"), event.previousIndex, event.currentIndex);
}
else {
if (_.get(event, "previousContainer.data.questions")) {
transferArrayItem(_.get(event, "previousContainer.data.questions"), _.get(event, "container.data.questions"), event.previousIndex, event.currentIndex);
}
}
}
}
}
KreQuestionList.decorators = [
{ type: Component, args: [{
selector: "kre-question-list",
template: "<div cdkDropListGroup>\r\n <ng-container *ngFor=\"let page of kreSurveyInfo.pages;let index=index\">\r\n <div class=\"page\" cdkDropList [cdkDropListData]=\"page\" (cdkDropListDropped)=\"dropQuestion($event)\">\r\n <label class=\"page_title\">{{page.name}}</label>\r\n <ng-container *ngFor=\"let quetion of page.questions\">\r\n <div class=\"page_question\" cdkDrag>\r\n <i class=\"icon-other-WenBen\"></i>\r\n <label>{{quetion.templateOptions.label}}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n</div>",
styles: [":host .page_title{display:inline-block;width:100%;margin:10px 0 5px;color:#4a4a4a}:host .page_question{width:100%;height:30px;line-height:27px;color:#707070;font-size:12px;padding:1px;background-color:#fff;border-radius:2px;margin:0 8px 3px 0;cursor:move;vertical-align:middle}:host .page_question i{cursor:move;margin:0 5px}:host .page_question label{cursor:move}"]
}] }
];
/** @nocollapse */
KreQuestionList.ctorParameters = () => [
{ type: DataService }
];
KreQuestionList.propDecorators = {
kreSurveyInfo: [{ type: Input }],
questionTypeEvent: [{ type: Output }],
addPageEvent: [{ type: Output }]
};
if (false) {
/** @type {?} */
KreQuestionList.prototype.kreSurveyInfo;
/** @type {?} */
KreQuestionList.prototype.questionTypeEvent;
/** @type {?} */
KreQuestionList.prototype.addPageEvent;
/** @type {?} */
KreQuestionList.prototype.dataService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGtyZS1mb3JtL3N1cnZleS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3F1ZXN0aW9uLWxpc3QvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUdiLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBZSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFTekQsTUFBTSxPQUFPLGVBQWU7Ozs7SUFPMUIsWUFBbUIsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFObEMsa0JBQWEsR0FBa0IsRUFBRSxDQUFDO1FBQ2pDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDNUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBSUYsQ0FBQzs7OztJQUVoRCxRQUFRO0lBRVIsQ0FBQzs7Ozs7SUFFRCxXQUFXLENBQUMsT0FBc0I7SUFFbEMsQ0FBQzs7Ozs7SUFFRCxZQUFZLENBQUMsS0FBNEI7UUFDdkMsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSwwQkFBMEIsQ0FBQyxFQUFFO1lBQzVDLElBQUksS0FBSyxDQUFDLGlCQUFpQixLQUFLLEtBQUssQ0FBQyxTQUFTLEVBQUU7Z0JBQy9DLGVBQWUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSwwQkFBMEIsQ0FBQyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQ3BHO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsa0NBQWtDLENBQUMsRUFBRTtvQkFDcEQsaUJBQWlCLENBQ2YsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsa0NBQWtDLENBQUMsRUFDaEQsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsMEJBQTBCLENBQUMsRUFDeEMsS0FBSyxDQUFDLGFBQWEsRUFDbkIsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO2lCQUN2QjthQUNGO1NBQ0Y7SUFDSCxDQUFDOzs7WUFwQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHdwQkFBcUM7O2FBRXRDOzs7O1lBUlEsV0FBVzs7OzRCQVVqQixLQUFLO2dDQUNMLE1BQU07MkJBQ04sTUFBTTs7OztJQUZQLHdDQUEyQzs7SUFDM0MsNENBQXNEOztJQUN0RCx1Q0FBaUQ7O0lBSXJDLHNDQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uQ2hhbmdlcyxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgS3JlRm9ybUZpZWxkQ29uZmlnLCBLcmVTdXJ2ZXlJbmZvIH0gZnJvbSBcIkBrcmUtZm9ybS9jb3JlXCI7XHJcbmltcG9ydCAqIGFzIF8gZnJvbSBcImxvZGFzaFwiO1xyXG5pbXBvcnQgeyBDZGtEcmFnRHJvcCwgbW92ZUl0ZW1JbkFycmF5LCB0cmFuc2ZlckFycmF5SXRlbSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBEYXRhU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlL2RhdGEuc2VydmljZVwiO1xyXG5cclxuaW1wb3J0IHsgSVRyZWVEYXRhLCBJQ2hlY2tlZFRyZWUgfSBmcm9tIFwiLi4vLi4vdG9vbHMvdXRpbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwia3JlLXF1ZXN0aW9uLWxpc3RcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5sZXNzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLcmVRdWVzdGlvbkxpc3QgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkga3JlU3VydmV5SW5mbzogS3JlU3VydmV5SW5mbyA9IHt9O1xyXG4gIEBPdXRwdXQoKSBxdWVzdGlvblR5cGVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBhZGRQYWdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGF0YVNlcnZpY2U6IERhdGFTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG5cclxuICB9XHJcblxyXG4gIGRyb3BRdWVzdGlvbihldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7IFxyXG4gICAgaWYgKF8uZ2V0KGV2ZW50LCBcImNvbnRhaW5lci5kYXRhLnF1ZXN0aW9uc1wiKSkge1xyXG4gICAgICBpZiAoZXZlbnQucHJldmlvdXNDb250YWluZXIgPT09IGV2ZW50LmNvbnRhaW5lcikge1xyXG4gICAgICAgIG1vdmVJdGVtSW5BcnJheShfLmdldChldmVudCwgXCJjb250YWluZXIuZGF0YS5xdWVzdGlvbnNcIiksIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgaWYgKF8uZ2V0KGV2ZW50LCBcInByZXZpb3VzQ29udGFpbmVyLmRhdGEucXVlc3Rpb25zXCIpKSB7XHJcbiAgICAgICAgICB0cmFuc2ZlckFycmF5SXRlbSggXHJcbiAgICAgICAgICAgIF8uZ2V0KGV2ZW50LCBcInByZXZpb3VzQ29udGFpbmVyLmRhdGEucXVlc3Rpb25zXCIpLFxyXG4gICAgICAgICAgICBfLmdldChldmVudCwgXCJjb250YWluZXIuZGF0YS5xdWVzdGlvbnNcIiksXHJcbiAgICAgICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXHJcbiAgICAgICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9IFxyXG4gIH1cclxufVxyXG4iXX0=