1
1
<template >
2
- <div class =" flex items-center justify-between mx-10 mt-8 mb-4 text-lg font-medium" >
2
+ <div
3
+ class =" mx-10 mb-4 mt-8 flex items-center justify-between text-lg font-medium"
4
+ >
3
5
<div class =" flex h-8 items-center text-xl font-semibold text-gray-800" >
4
6
{{ __(title) }}
5
7
</div >
71
73
<LoadingIndicator class =" h-6 w-6" />
72
74
<span >{{ __('Loading...') }}</span >
73
75
</div >
74
- <div
76
+ <FadedScrollableDiv
75
77
v-else-if =" title == 'WhatsApp' && whatsappMessages.data?.length"
78
+ :maskHeight =" 30"
76
79
class =" activities flex-1 overflow-y-auto"
77
80
>
78
81
<WhatsAppArea
81
84
v-model:reply =" replyMessage"
82
85
:messages =" whatsappMessages.data"
83
86
/>
84
- </div >
85
- <div v-else-if =" activities?.length" class =" activities flex-1 overflow-y-auto" >
87
+ </FadedScrollableDiv >
88
+ <FadedScrollableDiv
89
+ v-else-if =" activities?.length"
90
+ :maskHeight =" 30"
91
+ class =" activities flex-1 overflow-y-auto"
92
+ >
86
93
<div
87
94
v-if =" title == 'Notes'"
88
95
class =" activity grid grid-cols-1 gap-4 px-10 pb-5 lg:grid-cols-2 xl:grid-cols-3"
386
393
{{ __(timeAgo(activity.creation)) }}
387
394
</div >
388
395
</Tooltip >
396
+ <Badge
397
+ v-if =" activity.communication_type == 'Automated Message'"
398
+ :label =" __('Notification')"
399
+ variant =" subtle"
400
+ theme =" green"
401
+ />
389
402
</div >
390
403
<div class =" flex gap-0.5" >
391
404
<Tooltip :text =" __('Reply')" >
433
446
</span >
434
447
<span v-if =" activity.data.bcc" >{{ activity.data.bcc }}</span >
435
448
</div >
436
- <div
449
+ <FadedScrollableDiv
450
+ :maskHeight =" 30"
437
451
class =" email-content prose-f max-h-[500px] overflow-y-auto"
438
452
v-html =" activity.data.content"
439
453
/>
720
734
</div >
721
735
</div >
722
736
</div >
723
- </div >
737
+ </FadedScrollableDiv >
724
738
<div
725
739
v-else
726
740
class =" flex flex-1 flex-col items-center justify-center gap-3 text-xl font-medium text-gray-500"
@@ -812,6 +826,7 @@ import OutboundCallIcon from '@/components/Icons/OutboundCallIcon.vue'
812
826
import ReplyIcon from ' @/components/Icons/ReplyIcon.vue'
813
827
import ReplyAllIcon from ' @/components/Icons/ReplyAllIcon.vue'
814
828
import AttachmentItem from ' @/components/AttachmentItem.vue'
829
+ import FadedScrollableDiv from ' @/components/FadedScrollableDiv.vue'
815
830
import CommunicationArea from ' @/components/CommunicationArea.vue'
816
831
import NoteModal from ' @/components/Modals/NoteModal.vue'
817
832
import TaskModal from ' @/components/Modals/TaskModal.vue'
@@ -834,6 +849,7 @@ import {
834
849
Dropdown ,
835
850
TextEditor ,
836
851
Avatar ,
852
+ Badge ,
837
853
createResource ,
838
854
call ,
839
855
} from ' frappe-ui'
0 commit comments