<ion-header>

  <ion-navbar>
    <ion-title>Admin Page</ion-title>

    <ion-buttons end>
    	<button ion-button  (click) = "navigateToAddBookPage()" >
    		<ion-icon name="add">Add Book</ion-icon>
    	</button>
    </ion-buttons>


  </ion-navbar>

</ion-header>

<ion-content padding>

  <ion-item *ngFor="let item of getBookRef$ | async" (click)="selectBook(item)">
      <h2>Name Of Book: : {{item.nameOfBook}}</h2>
      <h3>Writer: {{item.nameOfWriter}}</h3>
      <h3>City: {{item.nameOfCity}}</h3>
      <h3>Library: {{item.nameOfLibrary}}</h3>
  </ion-item>

</ion-content>