@shikshalokam/sl-questionnaire
Version:
Library to integrate questionnaire in SL Projects
38 lines • 7.82 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../services/translate.service";
import * as i2 from "@angular/common";
import * as i3 from "@angular/forms";
export class QuesRemarksComponent {
constructor(translate) {
this.translate = translate;
this.remark = '';
this.saveClicked = new EventEmitter();
}
ngOnInit() {
this.title = this.translate['frmelmnts'].lbl?.remark_title;
this.remarksAddText = this.translate['frmelmnts'].btn.addRemarks;
this.remark = this.question.remarks;
this.remark ? (this.showRemarks = true) : false;
}
saveRemark() {
this.question.remarks = this.remark;
this.saveClicked.emit({ value: this.remark });
}
deleteRemark() {
this.remark = '';
this.saveRemark();
this.showRemarks = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuesRemarksComponent, deps: [{ token: i1.SlTranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QuesRemarksComponent, selector: "sl-ques-remarks", inputs: { question: "question" }, outputs: { saveClicked: "saveClicked" }, ngImport: i0, template: "<div class=\"d-flex flex-ai-center flex-jc-space-between my-10\">\n <h5 class=\"my-10\">{{ title }}</h5>\n <button\n class=\"sb-btn sb-btn-normal sb-btn-primary\"\n *ngIf=\"!remark.length\"\n (click)=\"showRemarks = true\"\n >\n {{ remarksAddText }}\n </button>\n <span *ngIf=\"remark.length\" (click)=\"deleteRemark()\"\n ><i class=\"trash large icon\"></i\n ></span>\n</div>\n\n<div class=\"d-flex flex-ai-end\" *ngIf=\"showRemarks\">\n <textarea\n rows=\"3\"\n class=\"w-100\"\n [(ngModel)]=\"remark\"\n (ngModelChange)=\"saveRemark()\"\n >\n </textarea>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuesRemarksComponent, decorators: [{
type: Component,
args: [{ selector: 'sl-ques-remarks', template: "<div class=\"d-flex flex-ai-center flex-jc-space-between my-10\">\n <h5 class=\"my-10\">{{ title }}</h5>\n <button\n class=\"sb-btn sb-btn-normal sb-btn-primary\"\n *ngIf=\"!remark.length\"\n (click)=\"showRemarks = true\"\n >\n {{ remarksAddText }}\n </button>\n <span *ngIf=\"remark.length\" (click)=\"deleteRemark()\"\n ><i class=\"trash large icon\"></i\n ></span>\n</div>\n\n<div class=\"d-flex flex-ai-end\" *ngIf=\"showRemarks\">\n <textarea\n rows=\"3\"\n class=\"w-100\"\n [(ngModel)]=\"remark\"\n (ngModelChange)=\"saveRemark()\"\n >\n </textarea>\n</div>\n" }]
}], ctorParameters: function () { return [{ type: i1.SlTranslateService }]; }, propDecorators: { saveClicked: [{
type: Output
}], question: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcy1yZW1hcmtzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXF1ZXN0aW9ubmFpcmUvc3JjL2xpYi9xdWVzLXJlbWFya3MvcXVlcy1yZW1hcmtzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXF1ZXN0aW9ubmFpcmUvc3JjL2xpYi9xdWVzLXJlbWFya3MvcXVlcy1yZW1hcmtzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUy9FLE1BQU0sT0FBTyxvQkFBb0I7SUFRL0IsWUFBb0IsU0FBNkI7UUFBN0IsY0FBUyxHQUFULFNBQVMsQ0FBb0I7UUFQakQsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUdGLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUlTLENBQUM7SUFFckQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxHQUFHLEVBQUUsWUFBWSxDQUFDO1FBQzNELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7UUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDbEQsQ0FBQztJQUNELFVBQVU7UUFDUixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7K0dBekJVLG9CQUFvQjttR0FBcEIsb0JBQW9CLGtJQ1RqQyw2bEJBdUJBOzs0RkRkYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCO3lHQVFqQixXQUFXO3NCQUFwQixNQUFNO2dCQUNFLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBRdWVzdGlvbiB9IGZyb20gJy4uL2ludGVyZmFjZXMvcXVlc3Rpb25uYWlyZS50eXBlJztcbmltcG9ydCB7IFNsVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2wtcXVlcy1yZW1hcmtzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1ZXMtcmVtYXJrcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3F1ZXMtcmVtYXJrcy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBRdWVzUmVtYXJrc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHJlbWFyayA9ICcnO1xuICBzaG93UmVtYXJrcztcblxuICBAT3V0cHV0KCkgc2F2ZUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uOiBRdWVzdGlvbjtcbiAgdGl0bGU6IFN0cmluZztcbiAgcmVtYXJrc0FkZFRleHQ6IFN0cmluZztcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0cmFuc2xhdGU6IFNsVHJhbnNsYXRlU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnRpdGxlID0gdGhpcy50cmFuc2xhdGVbJ2ZybWVsbW50cyddLmxibD8ucmVtYXJrX3RpdGxlO1xuICAgIHRoaXMucmVtYXJrc0FkZFRleHQgPSB0aGlzLnRyYW5zbGF0ZVsnZnJtZWxtbnRzJ10uYnRuLmFkZFJlbWFya3M7XG4gICAgdGhpcy5yZW1hcmsgPSB0aGlzLnF1ZXN0aW9uLnJlbWFya3M7XG4gICAgdGhpcy5yZW1hcmsgPyAodGhpcy5zaG93UmVtYXJrcyA9IHRydWUpIDogZmFsc2U7XG4gIH1cbiAgc2F2ZVJlbWFyaygpIHtcbiAgICB0aGlzLnF1ZXN0aW9uLnJlbWFya3MgPSB0aGlzLnJlbWFyaztcbiAgICB0aGlzLnNhdmVDbGlja2VkLmVtaXQoeyB2YWx1ZTogdGhpcy5yZW1hcmsgfSk7XG4gIH1cblxuICBkZWxldGVSZW1hcmsoKSB7XG4gICAgdGhpcy5yZW1hcmsgPSAnJztcbiAgICB0aGlzLnNhdmVSZW1hcmsoKTtcbiAgICB0aGlzLnNob3dSZW1hcmtzID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1haS1jZW50ZXIgZmxleC1qYy1zcGFjZS1iZXR3ZWVuIG15LTEwXCI+XG4gIDxoNSBjbGFzcz1cIm15LTEwXCI+e3sgdGl0bGUgfX08L2g1PlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJzYi1idG4gc2ItYnRuLW5vcm1hbCBzYi1idG4tcHJpbWFyeVwiXG4gICAgKm5nSWY9XCIhcmVtYXJrLmxlbmd0aFwiXG4gICAgKGNsaWNrKT1cInNob3dSZW1hcmtzID0gdHJ1ZVwiXG4gID5cbiAgICB7eyByZW1hcmtzQWRkVGV4dCB9fVxuICA8L2J1dHRvbj5cbiAgPHNwYW4gKm5nSWY9XCJyZW1hcmsubGVuZ3RoXCIgKGNsaWNrKT1cImRlbGV0ZVJlbWFyaygpXCJcbiAgICA+PGkgY2xhc3M9XCJ0cmFzaCBsYXJnZSBpY29uXCI+PC9pXG4gID48L3NwYW4+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWFpLWVuZFwiICpuZ0lmPVwic2hvd1JlbWFya3NcIj5cbiAgPHRleHRhcmVhXG4gICAgcm93cz1cIjNcIlxuICAgIGNsYXNzPVwidy0xMDBcIlxuICAgIFsobmdNb2RlbCldPVwicmVtYXJrXCJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJzYXZlUmVtYXJrKClcIlxuICA+XG4gIDwvdGV4dGFyZWE+XG48L2Rpdj5cbiJdfQ==