version final

src/app/book/book.component.css

@@ -199,3 +199,4 @@ body {
         right: 3.5%
     }
 }
+

src/app/book/book.component.html

@@ -4,13 +4,13 @@
     <div *ngIf="mainFolder" class="card d-print-inline-flex text-center topcard">
         <div class="row">
             <div class="col-md-4 card-text">
-                <p> Current Folder : {{mainFolder?.name}}</p>
+                <p> <strong>Current Folder :</strong> {{mainFolder?.name}}</p>
             </div>
             <div class="col-md-4 card-text">
-                <p> Used space : {{sizeFile.toString() === '0' ? '0' :  (sizeFile/ ( 1024 * 1024 ) | number : '1.2-2')}} Mo / 30 Go</p>
+                <p> <strong>Used space :</strong> {{sizeFile.toString() === '0' ? '0' :  (sizeFile/ ( 1024 * 1024 ) | number : '1.2-2')}} Mo / 30 Go</p>
             </div>
             <div class="col-md-4 card-text">
-                <p> Path : {{mainFolder?.path}}</p>
+                <p> <strong>Path :</strong> {{mainFolder?.path}}</p>
             </div>
         </div>
         <div class="row">
@@ -46,8 +46,7 @@
                     <i class="fa fa-plus-circle" aria-hidden="true"><i class="fa fa-file-o" aria-hidden="true"></i></i>
                     <input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
                 </label>
-                <button type="button" class="btn btn-default btn-sm" mdbTooltip="Add File : {{fileChooseName}}" placement="top" (click)="upload()" >Ajouter le fichier {{fileChooseName}}</button>
-                <label *ngIf="fileChooseName !== ''"> Vous avez choisi : {{fileChooseName}}</label>
+                <button *ngIf="fileChooseName !== 'None'" type="button" class="btn btn-default btn-sm" mdbTooltip="Add File : {{fileChooseName}}" placement="top" (click)="upload()" >Add selected file : {{fileChooseName}}</button>
             </div>
 
             <div class="col-md-4 align-middle l-flex--center">
@@ -76,10 +75,10 @@
     <thead>
     <tr>
         <th>#</th>
-        <th>Nom</th>
-        <th>Taille</th>
+        <th>Name</th>
+        <th>Size</th>
         <th>Type</th>
-        <th>Date d'ajout</th>
+        <th>Date added</th>
     </tr>
     </thead>
     <tbody>
@@ -131,7 +130,7 @@
         <!--<td>{{ folder.name }}</td>-->
         <td><label></label></td>
         <td><label>Folder</label></td>
-        <td><label>{{ folder.owner }}</label></td>
+        <td><label></label></td>
     </tr>
     <tr *ngFor="let file of allUserFile; let i = index;">
         <td class="row">
@@ -273,7 +272,7 @@
         <!--<td>{{ file.name }}</td>-->
         <td>{{ file.taille / ( 1024 * 1024 ) | number : '1.2-2'}} Mo</td>
         <td>{{ file.type }}</td>
-        <td>{{ file.lastDate }}</td>
+        <td>{{ file.lastDate | date: 'MM/dd/yyyy'}}</td>
     </tr>
 
     </tbody>

src/app/book/book.component.ts

@@ -81,6 +81,7 @@ export class BookComponent implements OnInit, OnDestroy {
 
         this.isClickCreateFolder = false;
         this.fileChooseName = 'None';
+        console.log('this.fileChooseName' + this.fileChooseName);
         this.filesToUpload = [];
         this.test = '';
         this.sizeFile = 0;

src/app/main/main.component.html

@@ -11,7 +11,7 @@
       <!-- Logo -->
       <li>
         <div class="logo-wrapper flex-center waves-light" style="padding-bottom: 5%">
-          <a href="#"><img style="height: 90px; margin-left: 13%;"src="https://openclipart.org/image/2400px/svg_to_png/190248/slogonormal.png" class="img-fluid flex-center"></a>
+          <a href="#"><img style="height: 90px; margin-left: 13%;"src="../../assets/logo%20supfile.png" class="img-fluid flex-center"></a>
         </div>
       </li>
       <!--/. Logo -->
@@ -21,8 +21,7 @@
       <!--Social-->
       <li>
         <ul class="social">
-          <li><a class="icons-sm fb-ic"><i class="fa fa-facebook"> </i></a></li>
-          <li><a class="icons-sm pin-ic"><i class="fa fa-pinterest"> </i></a></li>
+          <li><a class="icons-sm fb-ic" href="https://www.facebook.com/ArcadiaDev"><i class="fa fa-facebook"> </i></a></li>
           <li><a class="icons-sm gplus-ic"><i class="fa fa-google-plus"> </i></a></li>
           <li><a class="icons-sm tw-ic"><i class="fa fa-twitter"> </i></a></li>
         </ul>