mirrors/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2025-11-26 14:25:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

vue updates ^_^

Browse Source 
Former-commit-id: 336b37cf681ec2337a1e4d577213aa45f12b81d6 [formerly d8cbb6ff242f9ab3e5c857da6f6758abb0f4fc1a] [formerly 8b9089c816fae3608bf5ef8592cb776fa420a6f6 [formerly e2077efbc6]]
Former-commit-id: 30b063fdab7de6f2c1c5f46dd8a1dd354897f5b6 [formerly 8f83b525334b9430ddbe779c6eae3251a5590b75]
Former-commit-id: bbe19a047d103531a542bebb1fe0263bec4cbd88
This commit is contained in:
Henrique Dias
2017-06-28 16:05:30 +01:00
parent bf4739697f
commit 834ce7ac4a
21 changed files with 532 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
_assets/src/components/Preview.vue
View File

@@ -1,23 +1,23 @@
<template>
<div id="previewer">
<div class="bar">
<button class="action" aria-label="Close Preview" id="close">
<button @click="back" class="action" aria-label="Close Preview" id="close">
<i class="material-icons">close</i>
</button>
<!-- TODO: add more buttons -->
</div>
<div class="preview">
<img v-if="Data.Type == 'image'" :src="raw()">
<audio v-else-if="Data.Type == 'audio'" :src="raw()" controls></audio>
<video v-else-if="Data.Type == 'video'" :src="raw()" controls>
<img v-if="type == 'image'" :src="raw()">
<audio v-else-if="type == 'audio'" :src="raw()" controls></audio>
<video v-else-if="type == 'video'" :src="raw()" controls>
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="?download=true">download it</a>
and watch it with your favorite video player!
</video>
<object v-else-if="Data.Extension == '.pdf'" class="pdf" :data="raw()"></object>
<a v-else-if="Data.Type == 'blob'" href="?download=true"><h2 class="message">Download <i class="material-icons">file_download</i></h2></a>
<pre v-else >{{ Data.Content }}</pre>
<object v-else-if="extension == '.pdf'" class="pdf" :data="raw()"></object>
<a v-else-if="type == 'blob'" href="?download=true"><h2 class="message">Download <i class="material-icons">file_download</i></h2></a>
<pre v-else >{{ content }}</pre>
</div>
</div>
</template>
@@ -26,11 +26,14 @@
export default {
name: 'preview',
data: function () {
return window.page
return window.info.page.data
},
methods: {
raw: function () {
return this.Data.URL + '?raw=true'
return this.url + '?raw=true'
},
back: function (event) {
window.history.back()
}
}
}