Create Ticket Button

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

@@ -26,7 +26,9 @@ import { ProjectComponent } from './project/project.component';
 import { MatTab, MatTabsModule } from '@angular/material/tabs';
 import { MatStepperModule } from '@angular/material/stepper';
 import { MatListModule } from '@angular/material/list';
-import {MatExpansionModule} from '@angular/material/expansion';
+import { MatExpansionModule} from '@angular/material/expansion';
+//import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+//import { CreateTicketDialog } from './jira/jira.component';
 
 @NgModule({
   declarations: [
@@ -58,7 +60,10 @@ import {MatExpansionModule} from '@angular/material/expansion';
     MatTabsModule,
     MatStepperModule,
     MatListModule,
-    MatExpansionModule
+    MatExpansionModule,
+    //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?
+</div>
+<div mat-dialog-actions>
+  <button mat-button mat-dialog-close>No</button>
+  <button mat-button mat-dialog-close cdkFocusInitial>Ok</button>
+</div>

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

@@ -16,3 +16,13 @@
     display: inline-block;
     font-size: 20px;
   }
+
+.add-button-css {
+    display: flex;
+    justify-content: center;
+    width: 100px;
+    height: 60px;
+    position: fixed;
+    right: 0px;
+    bottom: 20px;
+}
\ No newline at end of file

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

@@ -21,8 +21,8 @@
                                 </mat-menu>                                                                            
                             </mat-card-title>
                             <mat-card-content>
-                                <p>{{tile.tid}}</p>
-                                <p>{{tile.content}}</p>
+                                <p>{{tile.tid}}
+                                <br>{{tile.content}}</p>
                             </mat-card-content>
                         </mat-card>
                     </mat-grid-tile>
@@ -51,8 +51,8 @@
                                 </mat-menu>                                                                            
                             </mat-card-title>
                             <mat-card-content>
-                                <p>{{tile.tid}}</p>
-                                <p>{{tile.content}}</p>
+                                <p>{{tile.tid}}
+                                <br>{{tile.content}}</p>
                             </mat-card-content>
                         </mat-card>
                     </mat-grid-tile>
@@ -81,8 +81,8 @@
                                 </mat-menu>                                                                            
                             </mat-card-title>
                             <mat-card-content>
-                                <p>{{tile.tid}}</p>
-                                <p>{{tile.content}}</p>
+                                <p>{{tile.tid}}
+                                <br>{{tile.content}}</p>
                             </mat-card-content>
                         </mat-card>
                     </mat-grid-tile>
@@ -112,8 +112,8 @@
                                 </mat-menu>                                                                            
                             </mat-card-title>
                             <mat-card-content>
-                                <p>{{tile.tid}}</p>
-                                <p>{{tile.content}}</p>
+                                <p>{{tile.tid}}
+                                <br>{{tile.content}}</p>
                             </mat-card-content>
                         </mat-card>
                     </mat-grid-tile>
@@ -121,5 +121,10 @@
             </mat-card-content>
         </mat-card>
     </mat-grid-tile>
+    <div class="add-button-css">
+        <button mat-fab color="primary" (click)="openDialog()">
+            <mat-icon>create</mat-icon>
             
+        </button>
+    </div>
 </mat-grid-list> 

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

+import { DialogRef } from '@angular/cdk/dialog';
 import { Component, OnInit } from '@angular/core';
-import {Observable, Observer} from 'rxjs';
+import { Observable, Observer } from 'rxjs';
 import { FetcherService } from '../fetcher.service';
 
+
 @Component({
   selector: 'app-jira',
   templateUrl: './jira.component.html',
@@ -26,6 +28,8 @@ export class JiraComponent implements OnInit {
     }
   }
 
+  openDialog(){}
+
   calRowHeight(){
     let max_issue = Math.max(this.to_do.length,this.in_prog.length,this.done.length,this.backlog.length)
     let str = '';
@@ -73,7 +77,22 @@ export class JiraComponent implements OnInit {
   backlog = BACKLOG;
 
 }
+/*
+@Component({
+  selector: 'create-ticket-dialog',
+  templateUrl: 'create-ticket-dialog.html',
+})
+export class CreateTicketDialog {
+  constructor(public dialogRef: MatDialogRef<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'},