<div class="container">
  <h1>File Listttt <button class="btn btn-success" (click)="logout()">Logout</button></h1>
  <table class="table">
    <thead>
    <tr>
      <th>ISBN</th>
      <th>Title</th>
      <th>Author</th>
      <th>Publisher</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let book of books">
      <td>{{ book.isbn }}</td>
      <td>{{ book.title }}</td>
      <td>{{ book.author }}</td>
      <td>{{ book.publisher }}</td>
    </tr>
    </tbody>
  </table>
</div>



<h1>
  Hey here, Upload a file here
</h1>

<label class="btn btn-info col-sm-2 col-md-2" >
  Fichier à ajouter<input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
</label>

<button type="button" class="btn btn-success" (click)="upload()">Ajouter le fichier {{fileChooseName}}</button>

<h3> Vous avez choisi : {{fileChooseName}}</h3>


<div *ngIf="allUserFile">
  Votre <strong>liste de fichier</strong> ci-dessous:
  <li *ngFor="let file of allUserFile">
    nom : {{ file.name }} / owner: {{ file.owner }} / path : {{ file.path }}
    <!--<img src="../../../public/GOPR0034.jpg">-->
  </li>

</div>

<!--
<form enctype="multipart/form-data" method="post" name="fileinfo">
  <label>Fichier à mettre de côté :</label>
  <input type="file" name="file" (change)="fileChangeEvent($event)" required />
  <input type="submit" (click)="upload2()" value="Mettez le fichier de côté." />
</form>
<div></div>
  -->
