Dialog Box Updated

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

@@ -28,8 +28,8 @@ import { MatStepperModule } from '@angular/material/stepper';
 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'
+import { MatDialogModule } from '@angular/material/dialog';
+import { CreateTicketDialog } from './jira/jira.component';
 
 @NgModule({
   declarations: [
@@ -42,6 +42,7 @@ import { MatDialogModule } from '@angular/material/dialog'
     JiraComponent,
     ConfluenceComponent,
     ProjectComponent,
+    CreateTicketDialog
   ],
   imports: [
     BrowserModule,
@@ -62,10 +63,9 @@ import { MatDialogModule } from '@angular/material/dialog'
     MatStepperModule,
     MatListModule,
     MatExpansionModule,
-    MatDialogModule
+    MatDialogModule,
     //MatDialog,
     //MatDialogRef,
-    //CreateTicketDialog
   ],
   providers: [CookieService],
   bootstrap: [AppComponent]

frontend/sitcomm/src/app/jira/create-ticket-dialog.html

+<!--
 <h1 mat-dialog-title>Delete file</h1>
 <div mat-dialog-content>
   Would you like to delete cat.jpeg?
@@ -6,3 +7,24 @@
   <button mat-button mat-dialog-close>No</button>
   <button mat-button mat-dialog-close cdkFocusInitial>Ok</button>
 </div>
+-->
+<div class="dialog-box-css">
+  <h1 mat-dialog-title>Create ticket on {{data.pname}}</h1>
+  <div mat-dialog-content>
+    <p>Enter ticket details</p>
+    <mat-form-field appearance="fill">
+      <mat-label>Ticket Name</mat-label>
+      <input matInput [(ngModel)]="data.tname">
+    </mat-form-field>
+
+    <mat-form-field appearance="fill">
+      <mat-label>Ticket Content</mat-label>
+      <input matInput [(ngModel)]="data.tcontent">
+    </mat-form-field>
+
+  </div>
+  <div mat-dialog-actions>
+    <button mat-button (click)="onNoClick()">Cancel</button>
+    <button mat-button [mat-dialog-close]="data" cdkFocusInitial>Ok</button>
+  </div>
+</div>
\ No newline at end of file

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

@@ -26,3 +26,8 @@
     right: 0px;
     bottom: 20px;
 }
+
+.dialog-box-css {
+    width: 450px;
+    height: 300px;
+}
\ No newline at end of file

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 { Component, Inject, OnInit } from '@angular/core';
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { Observable, Observer } from 'rxjs';
 import { FetcherService } from '../fetcher.service';
 
+export interface TicketData {
+  tid: string;
+  pname:string;
+  tname: string;
+  tcontent: string;
+}
 
 @Component({
   selector: 'app-jira',
@@ -13,6 +19,9 @@ import { FetcherService } from '../fetcher.service';
 export class JiraComponent implements OnInit {
   id: number;
   name: string;
+  temp_tname = '';
+  temp_tcontent = '';
+  temp_tid = '';
   constructor(public dialog:MatDialog, private fetcherService: FetcherService) {
     console.log(window.history.state);
     this.id = window.history.state.id;
@@ -30,9 +39,13 @@ export class JiraComponent implements OnInit {
   }
 
   openDialog(){
-    const dialogRef = this.dialog.open(CreateTicketDialog);
+    const dialogRef = this.dialog.open(CreateTicketDialog, {
+      data: {tid: this.temp_tid, pname:this.name, tname: this.temp_tname, tcontent: this.temp_tcontent,
+      },
+    });
+
     dialogRef.afterClosed().subscribe(result => {
-      console.log(`Dialog result: ${result}`);
+      console.log('Dialog result:', result.tname, result.tcontent);
     });
   }
 
@@ -57,8 +70,8 @@ export class JiraComponent implements OnInit {
     else{
       return BACKLOG;
     } 
-  }
 
+  }
   moveToInProgress(tid: number){
     console.log(tid);
     console.log('Move to In Progress');
@@ -87,8 +100,18 @@ export class JiraComponent implements OnInit {
 @Component({
   selector: 'create-ticket-dialog',
   templateUrl: './create-ticket-dialog.html',
+  styleUrls: ['./jira.component.css']
 })
-export class CreateTicketDialog {}
+export class CreateTicketDialog {
+  constructor(
+    public dialogRef: MatDialogRef<CreateTicketDialog>,
+    @Inject(MAT_DIALOG_DATA) public data:TicketData,
+  ){}
+
+  onNoClick(){
+    this.dialogRef.close();
+  }
+}
 
 
 export const GRID_NAME = [

frontend/sitcomm/src/app/login/login.component.html

@@ -12,7 +12,7 @@
     <button class="flex-item" mat-raised-button color="primary" [routerLink]="['/home']" (click)="login()">
         Login
     </button>
-    <button class="flex-item" mat-raised-button color="primary" (click)="register()">
+    <button class="flex-item" mat-raised-button color="primary" [routerLink]="['/home']" (click)="register()">
         Register here
     </button>
 </div>

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

@@ -30,9 +30,11 @@ export class LoginComponent implements OnInit {
     console.log('gotoRegister');
   }
   register(){
+    console.log(this.email.value);
+    console.log(this.password.value);
     this.setCookie('email',String(this.email.value));
     this.setCookie('password',String(this.password.value));
-    console.log(this.email.value);
+    this.setCookie('login','true');
   }
   setCookie(name: string,value: string){
     this.cookieService.set(name,value);