diff options
| author | Johannes Zellner <johannes@cloudron.io> | 2020-01-05 19:27:30 +0100 |
|---|---|---|
| committer | Johannes Zellner <johannes@cloudron.io> | 2020-01-05 19:27:30 +0100 |
| commit | f97b51a9151d0d886e2a4703c91494de55e6d5ef (patch) | |
| tree | 534d7e50e1408b92a7b9319d5e94f2d1540e28fd /frontend/index.html | |
| parent | 383f72f7f5459d85042c6a7e8d1f471052cc01e6 (diff) | |
| download | Surfer-f97b51a9151d0d886e2a4703c91494de55e6d5ef.tar.gz Surfer-f97b51a9151d0d886e2a4703c91494de55e6d5ef.tar.zst Surfer-f97b51a9151d0d886e2a4703c91494de55e6d5ef.zip | |
Show preview drawer instead of directly opening files in a new tab
Diffstat (limited to 'frontend/index.html')
| -rw-r--r-- | frontend/index.html | 12 |
1 files changed, 12 insertions, 0 deletions
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 @@ | |||
| 121 | </center> | 121 | </center> |
| 122 | </div> | 122 | </div> |
| 123 | 123 | ||
| 124 | <el-drawer :title="activeEntry.filePath":with-header="false" :visible.sync="previewDrawerVisible" direction="rtl" size="50%"> | ||
| 125 | <div style="display: flex; flex-direction: column; height: 100%;"> | ||
| 126 | <iframe :src="activeEntry.fullPath" style="width: 100%; height: 100%; border: none; margin: 10px;"></iframe> | ||
| 127 | <center> | ||
| 128 | <el-button size="small" icon="el-icon-download" style="margin: 10px;" @click.stop="onDownload(activeEntry)">Download</el-button> | ||
| 129 | <a :href="activeEntry.fullPath" target="_blank"> | ||
| 130 | <el-button size="small" icon="el-icon-link" style="margin: 10px;">Open</el-button> | ||
| 131 | </a> | ||
| 132 | </center> | ||
| 133 | </div> | ||
| 134 | </el-drawer> | ||
| 135 | |||
| 124 | </el-main> | 136 | </el-main> |
| 125 | <el-footer v-show="uploadStatus.busy"> | 137 | <el-footer v-show="uploadStatus.busy"> |
| 126 | <el-row v-if="uploadStatus.uploadListCount"> | 138 | <el-row v-if="uploadStatus.uploadListCount"> |