forked from FoundKeyGang/FoundKey
Client: alt text dialog properly handles non-images
Changelog: Changed
This commit is contained in:
parent
525c8391a6
commit
00c8eff611
1 changed files with 8 additions and 1 deletions
|
@ -16,7 +16,14 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="hdrwpsaf fullwidth">
|
<div class="hdrwpsaf fullwidth">
|
||||||
<header>{{ file.name }}</header>
|
<header>{{ file.name }}</header>
|
||||||
<img :src="file.url" @click="modal.close()"/>
|
<img v-if="file.type.startsWidth('image/')" :src="file.url" @click="modal.close()"/>
|
||||||
|
<video v-else-if="file.type.startsWidth('video/')" controls>
|
||||||
|
<source :src="file.url" :type="file.type">
|
||||||
|
</video>
|
||||||
|
<audio v-else-if="file.type.startsWidth('audio/')" controls>
|
||||||
|
<source :src="file.url" :type="file.type">
|
||||||
|
</audio>
|
||||||
|
<a v-else :href="file.url">{{ file.url }}</a>
|
||||||
<footer>
|
<footer>
|
||||||
<span>{{ file.type }}</span>
|
<span>{{ file.type }}</span>
|
||||||
<span>{{ bytes(file.size) }}</span>
|
<span>{{ bytes(file.size) }}</span>
|
||||||
|
|
Loading…
Reference in a new issue