This commit is contained in:
andzejsp 2023-05-29 21:28:25 +03:00
parent f76b74310a
commit f0f41230ae

View File

@ -124,6 +124,9 @@
</div> </div>
</div> </div>
<div class="relative overflow-y-scroll no-scrollbar"> <div class="relative overflow-y-scroll no-scrollbar">
<div class="z-20">
<DragDrop ref="dragdropDiscussion" @panelDrop="setFileListChat"></DragDrop>
</div>
<!-- DISCUSSION LIST --> <!-- DISCUSSION LIST -->
<div class="mx-4 flex-grow" :class="filterInProgress ? 'opacity-20 pointer-events-none' : ''"> <div class="mx-4 flex-grow" :class="filterInProgress ? 'opacity-20 pointer-events-none' : ''">
<TransitionGroup v-if="list.length > 0" name="list"> <TransitionGroup v-if="list.length > 0" name="list">
@ -143,9 +146,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex relative flex-grow " @dragover.stop.prevent="setDropZone()"> <div class="flex relative flex-grow " @dragover.stop.prevent="setDropZoneChat()">
<div class="z-20"> <div class="z-20">
<DragDrop ref="dragdrop" @panelDrop="setFileList"></DragDrop> <DragDrop ref="dragdropChat" @panelDrop="setFileListChat"></DragDrop>
</div> </div>
<div :class="isDragOver ? 'pointer-events-none' : ''" <div :class="isDragOver ? 'pointer-events-none' : ''"
@ -1015,15 +1018,15 @@ export default {
return return
}, },
setFileList(files) { setFileListChat(files) {
this.fileList = files this.fileList = files
this.$refs.chatBox.fileList = this.fileList this.$refs.chatBox.fileList = this.fileList
console.log('dropppp', this.fileList) //console.log('dropppp', this.fileList)
this.isDragOver = false this.isDragOver = false
}, },
setDropZone() { setDropZoneChat() {
this.isDragOver = true this.isDragOver = true
this.$refs.dragdrop.show = true this.$refs.dragdropChat.show = true
this.isDropZoneVisible = true this.isDropZoneVisible = true
//console.log('is vis',this.isDropZoneVisible) //console.log('is vis',this.isDropZoneVisible)
}, },
@ -1035,7 +1038,7 @@ export default {
// Constructor // Constructor
this.setPageTitle() this.setPageTitle()
await this.list_discussions() await this.list_discussions()
@ -1053,6 +1056,7 @@ export default {
}, },
async activated() { async activated() {
this.$refs.dragdropDiscussion.show = true
// This lifecycle hook runs every time you switch from other page back to this page (vue-router) // This lifecycle hook runs every time you switch from other page back to this page (vue-router)
// To fix scrolling back to last message, this hook is needed. // To fix scrolling back to last message, this hook is needed.
// If anyone knows hor to fix scroll issue when changing pages, please do fix it :D // If anyone knows hor to fix scroll issue when changing pages, please do fix it :D