test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: scroll to message and highlight on click

Browse Source
This commit is contained in:
Shariq Ansari 2024-04-21 14:24:26 +05:30
parent 2bd4f3b935
commit f9317708da
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/WhatsAppArea.vue
View File

@ -15,6 +15,7 @@
> >
<div <div
v-if="whatsapp.is_reply" v-if="whatsapp.is_reply"
@click="() => scrollToMessage(whatsapp.reply_to)"
class="mb-1 cursor-pointer rounded-md border-0 border-l-4 border-green-500 bg-gray-200 px-2 py-4" class="mb-1 cursor-pointer rounded-md border-0 border-l-4 border-green-500 bg-gray-200 px-2 py-4"
v-html="formatWhatsAppMessage(whatsapp.reply_message)" v-html="formatWhatsAppMessage(whatsapp.reply_message)"
/> />
@ -209,4 +210,15 @@ function messageOptions(message) {
// }, // },
] ]
} }
function scrollToMessage(name) {
const element = document.getElementById(name)
element.scrollIntoView({ behavior: 'smooth' })
// Highlight the message
element.classList.add('bg-yellow-100')
setTimeout(() => {
element.classList.remove('bg-yellow-100')
}, 1000)
}
</script> </script>