From 650b013c559d1858eb739a63145a443f85209822 Mon Sep 17 00:00:00 2001
From: Tmadkaud <thierry.madkaud@gmail.com>
Date: Tue, 8 May 2018 22:31:43 +0200
Subject: [PATCH] preview image ok

---
 app.js                           |  5 +++--
 routes/api.js                    |  2 +-
 src/app/book/book.component.html | 21 +++++++++++++++++++--
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/app.js b/app.js
index 9efcb64..4b90560 100644
--- a/app.js
+++ b/app.js
@@ -13,7 +13,7 @@ var app = express();
 //DB
 
 //file
-var upload = require("express-fileupload")
+var upload = require("express-fileupload");
 //var morgan = require('morgan');
 var mongoose = require('mongoose');
 var passport = require('passport');
@@ -35,7 +35,8 @@ app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({'extended':'false'}));
 app.use(express.static(path.join(__dirname, 'dist')));
 //bizarrr
-app.use('/public',express.static(path.join(__dirname, '../public')));
+
+app.use('/public',express.static(path.join(__dirname, './public')));
 app.use('/books', express.static(path.join(__dirname, 'dist')));
 app.use('/api', api);
 
diff --git a/routes/api.js b/routes/api.js
index 54e9f0e..d6b31ac 100644
--- a/routes/api.js
+++ b/routes/api.js
@@ -126,7 +126,7 @@ const storage = multer.diskStorage({
 });
 
 //post qui va stocker la photo du user ajoute dans le register , multer permet de definir le dossier serveur dans lequel seront stockes les photos
-router.post('/upload' , multer({storage: storage}).array("public[]", 12) ,function(req,res,next){
+router.post('/upload' , multer({storage: storage, limits: {fileSize: 30000000000}}).array("public[]", 12) ,function(req,res,next){
 
   console.log("req.files[0].fieldname: "+req.files[0].fieldname);//ok
   console.log("req.files[0].originalname: "+req.files[0].originalname);//ok
diff --git a/src/app/book/book.component.html b/src/app/book/book.component.html
index 1452cc9..687af46 100644
--- a/src/app/book/book.component.html
+++ b/src/app/book/book.component.html
@@ -24,13 +24,30 @@
       <td>{{ file.name }}</td>
       <td>{{ file.taille / ( 1024 * 1024 ) | number : '1.2-2'}} Mo</td>
       <td>{{ file.extention }}</td>
-      <td>{{ file.path }}</td>
+      <td>{{ file.lastDate }}</td>
+      <div *ngIf="file.extention === ('image/jpeg')">
+        <img src="../../../{{ file.path }}" class="img-fluid flex-center" width="150" height="150">
+      </div>
+      <div *ngIf="file.extention === ('image/png')">
+        <img src="../../../{{ file.path }}" class="img-fluid flex-center" width="150" height="150">
+      </div>
+      <div *ngIf="file.extention === ('application/pdf')">
+        <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
+      </div>
+      <div *ngIf="file.extention === ('video/mp4')">
+        <i class="fa fa-file-movie-o" aria-hidden="true"></i>
+      </div>
+      <div *ngIf="file.extention === ('text/plain')">
+        <i class="fa fa-file-text-o" aria-hidden="true"></i>
+      </div>
+      <div *ngIf="file.extention === ('audio/mpeg')">
+        <i class="fa fa-file-audio-o" aria-hidden="true"></i>
+      </div>
     </tr>
 
     </tbody>
   </table>
 
-  <img src="../../../public/23460.jpg" class="img-fluid flex-center">
 
 
   <!--