@shikshalokam/sl-questionnaire
Version:
Library to integrate questionnaire in SL Projects
40 lines • 9.47 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewChild } 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 "@project-sunbird/ng2-semantic-ui";
export class AlertModalComponent {
constructor(translate, location) {
this.translate = translate;
this.location = location;
this.closeHintEmitter = new EventEmitter();
this.location.onPopState(() => {
this.isDimmed = false;
this.closeHintEmitter.emit({});
});
}
ngOnInit() {
this.hintCloseText = this.translate['frmelmnts'].btn?.close;
this.hintModalNote = this.translate['frmelmnts'].lbl?.hintModalNote;
}
closeHint() {
this.isDimmed = false;
this.closeHintEmitter.emit();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertModalComponent, deps: [{ token: i1.SlTranslateService }, { token: i2.LocationStrategy }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertModalComponent, selector: "sl-alert-modal", inputs: { isDimmed: "isDimmed", hint: "hint" }, outputs: { closeHintEmitter: "closeHintEmitter" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<sui-modal\n [mustScroll]=\"true\"\n [isClosable]=\"false\"\n [transitionDuration]=\"0\"\n [size]=\"'normal'\"\n class=\"sb-modal customModal\"\n appBodyScroll\n *ngIf=\"isDimmed\"\n #modal\n>\n <!--Header-->\n <div class=\"sb-modal-header d-flex flex-dir-row\">\n <div>\n <i class=\"info circle icon sb-color-primary\"></i>\n </div>\n <div class=\"font-weight-bold sb-color-primary modalNote\">\n {{ hintModalNote }}\n </div>\n </div>\n <!--/Header-->\n <!--Content-->\n <div class=\"sb-modal-content\">\n <h4 class=\"ui header\">{{ hint }}</h4>\n </div>\n <!--/Content-->\n\n <!--Actions-->\n <div class=\"sb-modal-actions\">\n <button\n type=\"button\"\n class=\"sb-btn sb-btn-sm sb-btn-primary\"\n type=\"submit\"\n (click)=\"closeHint()\"\n >\n {{ hintCloseText }}\n </button>\n </div>\n <!--/Actions-->\n</sui-modal>\n", styles: ["::ng-deep .customModal .ui.modal .ui.header{font-size:1.3em!important}::ng-deep .customModal .ui.modal{top:30%!important}::ng-deep .customModal .close{display:none!important}::ng-deep .customModal i.icon{font-size:1.25rem!important}::ng-deep .customModal .modalNote{font-size:1.1rem!important}::ng-deep .customModal .sb-modal-content{padding:1rem 3.2rem!important}::ng-deep .customModal .sb-modal-actions{flex-direction:column!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SuiModal, selector: "sui-modal", inputs: ["isClosable", "closeResult", "size", "isCentered", "isFullScreen", "isBasic", "mustScroll", "isInverted", "transition", "transitionDuration"], outputs: ["approved", "denied", "dismissed"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertModalComponent, decorators: [{
type: Component,
args: [{ selector: 'sl-alert-modal', template: "<sui-modal\n [mustScroll]=\"true\"\n [isClosable]=\"false\"\n [transitionDuration]=\"0\"\n [size]=\"'normal'\"\n class=\"sb-modal customModal\"\n appBodyScroll\n *ngIf=\"isDimmed\"\n #modal\n>\n <!--Header-->\n <div class=\"sb-modal-header d-flex flex-dir-row\">\n <div>\n <i class=\"info circle icon sb-color-primary\"></i>\n </div>\n <div class=\"font-weight-bold sb-color-primary modalNote\">\n {{ hintModalNote }}\n </div>\n </div>\n <!--/Header-->\n <!--Content-->\n <div class=\"sb-modal-content\">\n <h4 class=\"ui header\">{{ hint }}</h4>\n </div>\n <!--/Content-->\n\n <!--Actions-->\n <div class=\"sb-modal-actions\">\n <button\n type=\"button\"\n class=\"sb-btn sb-btn-sm sb-btn-primary\"\n type=\"submit\"\n (click)=\"closeHint()\"\n >\n {{ hintCloseText }}\n </button>\n </div>\n <!--/Actions-->\n</sui-modal>\n", styles: ["::ng-deep .customModal .ui.modal .ui.header{font-size:1.3em!important}::ng-deep .customModal .ui.modal{top:30%!important}::ng-deep .customModal .close{display:none!important}::ng-deep .customModal i.icon{font-size:1.25rem!important}::ng-deep .customModal .modalNote{font-size:1.1rem!important}::ng-deep .customModal .sb-modal-content{padding:1rem 3.2rem!important}::ng-deep .customModal .sb-modal-actions{flex-direction:column!important}\n"] }]
}], ctorParameters: function () { return [{ type: i1.SlTranslateService }, { type: i2.LocationStrategy }]; }, propDecorators: { modal: [{
type: ViewChild,
args: ['modal']
}], isDimmed: [{
type: Input
}], hint: [{
type: Input
}], closeHintEmitter: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcXVlc3Rpb25uYWlyZS9zcmMvbGliL3NoYXJlZC9hbGVydC1tb2RhbC9hbGVydC1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbC1xdWVzdGlvbm5haXJlL3NyYy9saWIvc2hhcmVkL2FsZXJ0LW1vZGFsL2FsZXJ0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVMxRixNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQ1MsU0FBNkIsRUFDN0IsUUFBeUI7UUFEekIsY0FBUyxHQUFULFNBQVMsQ0FBb0I7UUFDN0IsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFMeEIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU85QyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxHQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQTtRQUNoQyxDQUFDLENBQUMsQ0FBQTtJQUNILENBQUM7SUFFRixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUM7UUFDNUQsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxhQUFhLENBQUM7SUFDdEUsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDOUIsQ0FBQzsrR0F6QlUsbUJBQW1CO21HQUFuQixtQkFBbUIseVBDVGhDLHU0QkF1Q0E7OzRGRDlCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCO3dJQUtOLEtBQUs7c0JBQXhCLFNBQVM7dUJBQUMsT0FBTztnQkFDVCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNsVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RyYW5zbGF0ZS5zZXJ2aWNlJztcbmltcG9ydCB7IExvY2F0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWFsZXJ0LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBbGVydE1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQFZpZXdDaGlsZCgnbW9kYWwnKSBtb2RhbDtcbiAgQElucHV0KCkgaXNEaW1tZWQ7XG4gIEBJbnB1dCgpIGhpbnQ7XG4gIEBPdXRwdXQoKSBjbG9zZUhpbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBoaW50Q2xvc2VUZXh0OiBzdHJpbmc7XG4gIGhpbnRNb2RhbE5vdGU6c3RyaW5nXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyB0cmFuc2xhdGU6IFNsVHJhbnNsYXRlU2VydmljZSxcbiAgICBwdWJsaWMgbG9jYXRpb246TG9jYXRpb25TdHJhdGVneVxuICApIHtcbiAgICB0aGlzLmxvY2F0aW9uLm9uUG9wU3RhdGUoKCk9PntcbiAgICAgIHRoaXMuaXNEaW1tZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuY2xvc2VIaW50RW1pdHRlci5lbWl0KHt9KVxuICAgIH0pXG4gICB9XG5cbiAgbmdPbkluaXQoKXtcbiAgICB0aGlzLmhpbnRDbG9zZVRleHQgPSB0aGlzLnRyYW5zbGF0ZVsnZnJtZWxtbnRzJ10uYnRuPy5jbG9zZTtcbiAgICB0aGlzLmhpbnRNb2RhbE5vdGUgPSB0aGlzLnRyYW5zbGF0ZVsnZnJtZWxtbnRzJ10ubGJsPy5oaW50TW9kYWxOb3RlO1xuICB9XG5cbiAgY2xvc2VIaW50KCl7XG4gICAgdGhpcy5pc0RpbW1lZCA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2VIaW50RW1pdHRlci5lbWl0KClcbiAgfVxuXG59XG4iLCI8c3VpLW1vZGFsXG4gIFttdXN0U2Nyb2xsXT1cInRydWVcIlxuICBbaXNDbG9zYWJsZV09XCJmYWxzZVwiXG4gIFt0cmFuc2l0aW9uRHVyYXRpb25dPVwiMFwiXG4gIFtzaXplXT1cIidub3JtYWwnXCJcbiAgY2xhc3M9XCJzYi1tb2RhbCBjdXN0b21Nb2RhbFwiXG4gIGFwcEJvZHlTY3JvbGxcbiAgKm5nSWY9XCJpc0RpbW1lZFwiXG4gICNtb2RhbFxuPlxuICA8IS0tSGVhZGVyLS0+XG4gIDxkaXYgY2xhc3M9XCJzYi1tb2RhbC1oZWFkZXIgZC1mbGV4IGZsZXgtZGlyLXJvd1wiPlxuICAgIDxkaXY+XG4gICAgICA8aSBjbGFzcz1cImluZm8gY2lyY2xlIGljb24gc2ItY29sb3ItcHJpbWFyeVwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZCBzYi1jb2xvci1wcmltYXJ5IG1vZGFsTm90ZVwiPlxuICAgICAge3sgaGludE1vZGFsTm90ZSB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPCEtLS9IZWFkZXItLT5cbiAgPCEtLUNvbnRlbnQtLT5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWNvbnRlbnRcIj5cbiAgICA8aDQgY2xhc3M9XCJ1aSBoZWFkZXJcIj57eyBoaW50IH19PC9oND5cbiAgPC9kaXY+XG4gIDwhLS0vQ29udGVudC0tPlxuXG4gIDwhLS1BY3Rpb25zLS0+XG4gIDxkaXYgY2xhc3M9XCJzYi1tb2RhbC1hY3Rpb25zXCI+XG4gICAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzcz1cInNiLWJ0biBzYi1idG4tc20gc2ItYnRuLXByaW1hcnlcIlxuICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAoY2xpY2spPVwiY2xvc2VIaW50KClcIlxuICAgID5cbiAgICB7eyBoaW50Q2xvc2VUZXh0IH19XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8IS0tL0FjdGlvbnMtLT5cbjwvc3VpLW1vZGFsPlxuIl19