added dialog box

frontend/sitcomm/src/app/app.module.ts

@@ -29,6 +29,7 @@ import { MatListModule } from '@angular/material/list';
 import { MatExpansionModule} from '@angular/material/expansion';
 //import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 //import { CreateTicketDialog } from './jira/jira.component';
+import { MatDialogModule } from '@angular/material/dialog'
 
 @NgModule({
   declarations: [
@@ -61,6 +62,7 @@ import { MatExpansionModule} from '@angular/material/expansion';
     MatStepperModule,
     MatListModule,
     MatExpansionModule,
+    MatDialogModule
     //MatDialog,
     //MatDialogRef,
     //CreateTicketDialog

frontend/sitcomm/src/app/jira/jira.component.ts

 import { DialogRef } from '@angular/cdk/dialog';
 import { Component, OnInit } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
 import { Observable, Observer } from 'rxjs';
 import { FetcherService } from '../fetcher.service';
 
@@ -12,7 +13,7 @@ import { FetcherService } from '../fetcher.service';
 export class JiraComponent implements OnInit {
   id: number;
   name: string;
-  constructor(private fetcherService: FetcherService) {
+  constructor(public dialog:MatDialog, private fetcherService: FetcherService) {
     console.log(window.history.state);
     this.id = window.history.state.id;
     this.name = window.history.state.name;
@@ -28,7 +29,12 @@ export class JiraComponent implements OnInit {
     }
   }
 
-  openDialog(){}
+  openDialog(){
+    const dialogRef = this.dialog.open(CreateTicketDialog);
+    dialogRef.afterClosed().subscribe(result => {
+      console.log(`Dialog result: ${result}`);
+    });
+  }
 
   calRowHeight(){
     let max_issue = Math.max(this.to_do.length,this.in_prog.length,this.done.length,this.backlog.length)
@@ -77,22 +83,14 @@ export class JiraComponent implements OnInit {
   backlog = BACKLOG;
 
 }
-/*
+
 @Component({
   selector: 'create-ticket-dialog',
-  templateUrl: 'create-ticket-dialog.html',
+  templateUrl: './create-ticket-dialog.html',
 })
-export class CreateTicketDialog {
-  constructor(public dialogRef: MatDialogRef<CreateTicketDialog>  ) {}
+export class CreateTicketDialog {}
+
 
-  openDialog(){
-    this.dialogRef.open(CreateTicketDialog, {
-      height: '250px',
-      width: '250px'
-    });
-  }
-}
-*/
 export const GRID_NAME = [
   {name: 'TO DO ISSUES', content: 'BLAH BLAH BLAH'},
   {name: 'IN PROGRESS', content: 'BLAH BLAH BLAH'},