angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
34 lines • 3.8 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let DialogComponent = class DialogComponent {
constructor() { }
ngOnInit() {
if (!this.modalId) {
this.modalId = 'libModal';
}
}
openModal() {
$('#' + this.modalId).modal('show');
}
closeModal() {
$('#' + this.modalId).modal('hide');
}
};
__decorate([
Input()
], DialogComponent.prototype, "buttonLabel", void 0);
__decorate([
Input()
], DialogComponent.prototype, "modalTitle", void 0);
__decorate([
Input()
], DialogComponent.prototype, "modalId", void 0);
DialogComponent = __decorate([
Component({
selector: 'lib-dialog',
template: "<!-- Button trigger modal -->\r\n<button type=\"button\" class=\"btn btn-primary\" data-toggle=\"modal\" [attr.data-target]=\"'#' + modalId\" *ngIf=\"buttonLabel\">\r\n {{ buttonLabel }}\r\n</button>\r\n\r\n<!-- Modal -->\r\n<div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" [id]=\"modalId\" data-keyboard=\"false\" data-backdrop=\"static\">\r\n <div class=\"modal-dialog modal-dialog-centered modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h5 class=\"modal-title\">\r\n {{ modalTitle }}\r\n </h5>\r\n <button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-close\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
styles: [""]
})
], DialogComponent);
export { DialogComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FuZ3VsYXItYm9vdHN0cmFwLWl0YWxpYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVd6RCxJQUFhLGVBQWUsR0FBNUIsTUFBYSxlQUFlO0lBTTFCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxVQUFVO1FBQ1IsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7Q0FFRixDQUFBO0FBcEJVO0lBQVIsS0FBSyxFQUFFO29EQUFxQjtBQUNwQjtJQUFSLEtBQUssRUFBRTttREFBb0I7QUFDbkI7SUFBUixLQUFLLEVBQUU7Z0RBQWlCO0FBSmQsZUFBZTtJQUwzQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsWUFBWTtRQUN0QiwrN0JBQXNDOztLQUV2QyxDQUFDO0dBQ1csZUFBZSxDQXNCM0I7U0F0QlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLy8galF1ZXJ5XHJcbmRlY2xhcmUgdmFyICQ6IGFueTtcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBidXR0b25MYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1vZGFsVGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBtb2RhbElkOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLm1vZGFsSWQpIHtcclxuICAgICAgdGhpcy5tb2RhbElkID0gJ2xpYk1vZGFsJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9wZW5Nb2RhbCgpIHtcclxuICAgICQoJyMnICsgdGhpcy5tb2RhbElkKS5tb2RhbCgnc2hvdycpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2VNb2RhbCgpIHtcclxuICAgICQoJyMnICsgdGhpcy5tb2RhbElkKS5tb2RhbCgnaGlkZScpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19