feat(ui-features): add the modals page

src/app/pages/ui-features/modals/modal/modal.component.html

@@ -0,0 +1,14 @@
+<div class="modal-content">
+  <div class="modal-header">
+    <h4 class="modal-title">{{ modalHeader }}</h4>
+    <button class="close" aria-label="Close" (click)="closeModal()">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="modal-body">
+    {{ modalContent }}
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-primary confirm-btn" (click)="closeModal()">Save changes</button>
+  </div>
+</div>

src/app/pages/ui-features/modals/modal/modal.component.ts

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+
+@Component({
+  selector: 'ngx-modal',
+  templateUrl: './modal.component.html'
+})
+export class NgxModalComponent implements OnInit {
+
+  modalHeader: string;
+  modalContent: string = `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) { }
+
+  ngOnInit() { }
+
+  closeModal() {
+    this.activeModal.close();
+  }
+
+}