1 files changed, 33 insertions, 0 deletions
diff --git a/webapp/src/app/pages/projects/projects.component.ts b/webapp/src/app/pages/projects/projects.component.ts
new file mode 100644
index 0000000..179bbd0
--- /dev/null
+++ b/webapp/src/app/pages/projects/projects.component.ts
@@ -0,0 +1,33 @@
+import { Component, OnInit } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ProjectAddModalComponent } from './project-add-modal/project-add-modal.component';
+
+import { ProjectService, IProject } from '../../@core-xds/services/project.service';
+
+@Component({
+  selector: 'xds-projects',
+  styleUrls: ['./projects.component.scss'],
+  templateUrl: './projects.component.html',
+})
+export class ProjectsComponent implements OnInit {
+
+  projects$: Observable<IProject[]>;
+  projects: IProject[];
+
+  constructor(
+    private projectSvr: ProjectService,
+    private modalService: NgbModal,
+  ) {
+  }
+
+  ngOnInit() {
+    this.projects$ = this.projectSvr.Projects$;
+  }
+
+  add() {
+    const activeModal = this.modalService.open(ProjectAddModalComponent, { size: 'lg', container: 'nb-layout' });
+    activeModal.componentInstance.modalHeader = 'Large Modal';
+  }
+}