X-Git-Url: https://git.immae.eu/?p=perso%2FImmae%2FProjets%2FNodejs%2FSurfer.git;a=blobdiff_plain;f=frontend%2Findex.html;fp=frontend%2Findex.html;h=41b474957716cef80e1d03cc5dce2f04fbe85c3c;hp=95fe31b45fab43632db335d49f96c800568d7f9c;hb=f97b51a9151d0d886e2a4703c91494de55e6d5ef;hpb=383f72f7f5459d85042c6a7e8d1f471052cc01e6

diff --git a/frontend/index.html b/frontend/index.html
index 95fe31b..41b4749 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -121,6 +121,18 @@
       </center>
     </div>
 
+    <el-drawer :title="activeEntry.filePath":with-header="false" :visible.sync="previewDrawerVisible" direction="rtl" size="50%">
+      <div style="display: flex; flex-direction: column; height: 100%;">
+        <iframe :src="activeEntry.fullPath" style="width: 100%; height: 100%; border: none; margin: 10px;"></iframe>
+        <center>
+          <el-button size="small" icon="el-icon-download" style="margin: 10px;" @click.stop="onDownload(activeEntry)">Download</el-button>
+          <a :href="activeEntry.fullPath" target="_blank">
+            <el-button size="small" icon="el-icon-link" style="margin: 10px;">Open</el-button>
+          </a>
+        </center>
+      </div>
+    </el-drawer>
+
   </el-main>
   <el-footer v-show="uploadStatus.busy">
     <el-row v-if="uploadStatus.uploadListCount">