[FIX] mail: display the call indicator on mobile

and in the notification zone.

part of task-2634175

closes odoo/odoo#78865

X-original-commit: 88fc69c06e4f1516c8d95812395f1e2fbf10f44c
Signed-off-by: Sébastien Theys (seb) <seb@odoo.com>

addons/mail/static/src/components/thread_preview/thread_preview.scss

@@ -84,6 +84,10 @@
     }
 }
 
+.o_ThreadPreview_callIndicator.o-isCalling {
+    color: red;
+}
+
 .o_ThreadPreview_core {
     @include o-mail-notification-list-item-core-style();
 }

addons/mail/static/src/components/thread_preview/thread_preview.xml

@@ -24,7 +24,7 @@
                     </div>
                 </div>
                 <div class="o_ThreadPreview_content">
-                    <div class="o_ThreadPreview_header">
+                    <div class="o_ThreadPreview_header align-items-baseline">
                         <span class="o_ThreadPreview_name text-truncate" t-att-class="{ 'o-mobile': messaging.device.isMobile, 'o-muted': thread.localMessageUnreadCounter === 0 }">
                             <t t-esc="thread.displayName"/>
                         </span>
@@ -33,6 +33,9 @@
                                 (<t t-esc="thread.localMessageUnreadCounter"/>)
                             </span>
                         </t>
+                        <t t-if="thread.rtcSessions.length > 0">
+                            <span class="o_ThreadPreview_callIndicator fa fa-volume-up mx-2" t-att-class="{ 'o-isCalling': thread.rtc }"/>
+                        </t>
                         <span class="o-autogrow"/>
                         <t t-if="thread.lastMessage and thread.lastMessage.date">
                             <span class="o_ThreadPreview_date" t-att-class="{ 'o-muted': thread.localMessageUnreadCounter === 0 }">