sforkowany z mirror/social
Adds an attachment viewer using nextcloud-vue's modal component.
Slideshow functionality doesn't work yet though. Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>feature/noid/sql-rewrite-0929
rodzic
3be4a067f6
commit
e9a63421a7
|
@ -1,16 +1,24 @@
|
|||
<template>
|
||||
<masonry>
|
||||
<div v-for="(item,idx) in attachments" :key="idx">
|
||||
<img :src="OC.generateUrl('/apps/social/document/get/resized?id=' + item.id)" />
|
||||
<img :src="OC.generateUrl('/apps/social/document/get/resized?id=' + item.id)" @click="showModal"/>
|
||||
<modal v-show="modal" @close="closeModal" size="full">
|
||||
<div class="modal__content">
|
||||
<img :src="OC.generateUrl('/apps/social/document/get?id=' + item.id)"/>
|
||||
</div>
|
||||
</modal>
|
||||
</div>
|
||||
</masonry>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import Modal from 'nextcloud-vue/dist/Components/Modal';
|
||||
|
||||
export default {
|
||||
name: 'PostAttachment',
|
||||
components: {
|
||||
Modal,
|
||||
},
|
||||
mixins: [],
|
||||
props: {
|
||||
|
@ -18,21 +26,16 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
modal: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
showModal() {
|
||||
this.modal = true
|
||||
},
|
||||
closeModal() {
|
||||
this.modal = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.post-attachment {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
Ładowanie…
Reference in New Issue