New dashboard look & feel
[src/xds/xds-agent.git] / webapp / src / app / pages / projects / projects.component.ts
1 import { Component, OnInit } from '@angular/core';
2 import { Observable } from 'rxjs/Observable';
3
4 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
5 import { ProjectAddModalComponent } from './project-add-modal/project-add-modal.component';
6
7 import { ProjectService, IProject } from '../../@core-xds/services/project.service';
8
9 @Component({
10   selector: 'xds-projects',
11   styleUrls: ['./projects.component.scss'],
12   templateUrl: './projects.component.html',
13 })
14 export class ProjectsComponent implements OnInit {
15
16   projects$: Observable<IProject[]>;
17   projects: IProject[];
18
19   constructor(
20     private projectSvr: ProjectService,
21     private modalService: NgbModal,
22   ) {
23   }
24
25   ngOnInit() {
26     this.projects$ = this.projectSvr.Projects$;
27   }
28
29   add() {
30     const activeModal = this.modalService.open(ProjectAddModalComponent, { size: 'lg', container: 'nb-layout' });
31     activeModal.componentInstance.modalHeader = 'Large Modal';
32   }
33 }