mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-09-22 05:50:48 +02:00
33 lines
1 KiB
TypeScript
33 lines
1 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
|
|
|
|
@Component({
|
|
selector: 'ngx-modal',
|
|
template: `
|
|
<div class="modal-header">
|
|
<span>{{ modalHeader }}</span>
|
|
<button class="close" aria-label="Close" (click)="closeModal()">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{ modalContent }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-md btn-primary" (click)="closeModal()">Save changes</button>
|
|
</div>
|
|
`,
|
|
})
|
|
export class ModalComponent {
|
|
|
|
modalHeader: string;
|
|
modalContent = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
|
|
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
|
|
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.`;
|
|
|
|
constructor(private activeModal: NgbActiveModal) { }
|
|
|
|
closeModal() {
|
|
this.activeModal.close();
|
|
}
|
|
}
|