Pages/shows: add functionality to edit button

src/pages/shows/shows.component.html

@@ -9,7 +9,7 @@
           <button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
             <i class="bi bi-trash"></i>
           </button>
-          <button type="button" class="btn btn-outline-warning">
+          <button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
             <i class="bi bi-pencil"></i>
           </button>
         </div>

src/pages/shows/shows.component.ts

@@ -82,4 +82,15 @@ export class ShowsComponent {
       }
     )
   }
+
+  editShow(show: Show, index: number) {
+    const modal: NgbModalRef = this.modalService.open(CreateEditModalComponent)
+    modal.componentInstance.editMode = true
+    modal.componentInstance.show = show
+    modal.componentInstance.initForm()
+    modal.result.then(
+      (closeResult: Show) => {this.shows[index] = closeResult},
+      (dissmissResult) => {}
+    )
+  }
 }