angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
36 lines • 4.05 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var DialogComponent = /** @class */ (function () {
function DialogComponent() {
}
DialogComponent.prototype.ngOnInit = function () {
if (!this.modalId) {
this.modalId = 'libModal';
}
};
DialogComponent.prototype.openModal = function () {
$('#' + this.modalId).modal('show');
};
DialogComponent.prototype.closeModal = function () {
$('#' + 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);
return DialogComponent;
}());
export { DialogComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FuZ3VsYXItYm9vdHN0cmFwLWl0YWxpYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVd6RDtJQU1FO0lBQWdCLENBQUM7SUFFakIsa0NBQVEsR0FBUjtRQUNFLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELG1DQUFTLEdBQVQ7UUFDRSxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELG9DQUFVLEdBQVY7UUFDRSxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQWxCUTtRQUFSLEtBQUssRUFBRTt3REFBcUI7SUFDcEI7UUFBUixLQUFLLEVBQUU7dURBQW9CO0lBQ25CO1FBQVIsS0FBSyxFQUFFO29EQUFpQjtJQUpkLGVBQWU7UUFMM0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFlBQVk7WUFDdEIsKzdCQUFzQzs7U0FFdkMsQ0FBQztPQUNXLGVBQWUsQ0FzQjNCO0lBQUQsc0JBQUM7Q0FBQSxBQXRCRCxJQXNCQztTQXRCWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vLyBqUXVlcnlcclxuZGVjbGFyZSB2YXIgJDogYW55O1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGJ1dHRvbkxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbW9kYWxUaXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1vZGFsSWQ6IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMubW9kYWxJZCkge1xyXG4gICAgICB0aGlzLm1vZGFsSWQgPSAnbGliTW9kYWwnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3Blbk1vZGFsKCkge1xyXG4gICAgJCgnIycgKyB0aGlzLm1vZGFsSWQpLm1vZGFsKCdzaG93Jyk7XHJcbiAgfVxyXG5cclxuICBjbG9zZU1vZGFsKCkge1xyXG4gICAgJCgnIycgKyB0aGlzLm1vZGFsSWQpLm1vZGFsKCdoaWRlJyk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=