Ported:

Guest Book

Chore:
  Added New Day Offset and Timezone Offset in settings so that they can be shared consistently and also set in runtime.

bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts

@@ -1,10 +1,13 @@
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
 import { BehaviorSubject } from 'rxjs';
 import { map } from 'rxjs/operators';
 import * as moment from 'moment';
-import {GuestBook, GuestBookList} from '../guest-book';
+import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
+import { ToasterService } from '../../core/toaster.service';
+import { GuestBook, GuestBookList } from '../guest-book';
 import { GuestBookService } from '../guest-book.service';
 import { GuestBookListDataSource } from './guest-book-list-datasource';
 
@@ -18,9 +21,16 @@ export class GuestBookListComponent implements OnInit {
   form: FormGroup;
   data: BehaviorSubject<GuestBook[]>;
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
-  displayedColumns = ['sno', 'name', 'phone', 'pax', 'action'];
+  displayedColumns = ['sno', 'name', 'phone', 'pax', 'date', 'action'];
 
-  constructor(private route: ActivatedRoute, private fb: FormBuilder, private ser: GuestBookService) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private fb: FormBuilder,
+    private dialog: MatDialog,
+    private toaster: ToasterService,
+    private ser: GuestBookService
+  ) {
     this.createForm();
     this.data = new BehaviorSubject([]);
     this.listenToDateChange();
@@ -51,4 +61,32 @@ export class GuestBookListComponent implements OnInit {
       });
     this.dataSource = new GuestBookListDataSource(this.data);
   }
+
+  delete(id: string) {
+    this.ser.delete(id)
+      .subscribe(
+        (result) => {
+          this.toaster.show('Success', '');
+          this.router.navigateByUrl('/guest-book');
+        },
+        (error) => {
+          this.toaster.show('Danger', error);
+        }
+      );
+  }
+
+  confirmDelete(id: string): void {
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      width: '250px',
+      data: {title: 'Delete Guest Book Entry?', content: 'Are you sure? This cannot be undone.'}
+    });
+
+    dialogRef.afterClosed().subscribe((result: boolean) => {
+      if (result) {
+        this.delete(id);
+      }
+    });
+  }
+
+
 }