From 21b6ef38cf5a979859ba2b2c1d8843bda74ec442 Mon Sep 17 00:00:00 2001
From: zel-odoo <zel@odoo.com>
Date: Thu, 30 Mar 2023 08:49:13 +0000
Subject: [PATCH] [IMP] mail: activity visual update
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. always show the name of the assignee.
2. replace the icon with avatar
3. bold the time info.

task-3142628

closes odoo/odoo#116349

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../web/activity/activity_list_popover_item.js   |  9 +++++++++
 .../web/activity/activity_list_popover_item.xml  | 16 +++++++++-------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/addons/mail/static/src/web/activity/activity_list_popover_item.js b/addons/mail/static/src/web/activity/activity_list_popover_item.js
index 2e0b82c6757..53610458015 100644
--- a/addons/mail/static/src/web/activity/activity_list_popover_item.js
+++ b/addons/mail/static/src/web/activity/activity_list_popover_item.js
@@ -12,6 +12,7 @@ import { useAttachmentUploader } from "@mail/attachments/attachment_uploader_hoo
 
 import { Component, useState } from "@odoo/owl";
 import { _t } from "@web/core/l10n/translation";
+import { url } from "@web/core/utils/urls";
 
 /**
  * @typedef {Object} Props
@@ -96,4 +97,12 @@ export class ActivityListPopoverItem extends Component {
         await this.env.services["mail.activity"].markAsDone(this.props.activity, [attachmentId]);
         this.props.onActivityChanged();
     }
+
+    get activityAssigneeAvatar() {
+        return url("/web/image", {
+            field: "avatar_128",
+            id: this.props.activity.user_id[0],
+            model: "res.users",
+        });
+    }
 }
diff --git a/addons/mail/static/src/web/activity/activity_list_popover_item.xml b/addons/mail/static/src/web/activity/activity_list_popover_item.xml
index fc413ced635..834e724d2e8 100644
--- a/addons/mail/static/src/web/activity/activity_list_popover_item.xml
+++ b/addons/mail/static/src/web/activity/activity_list_popover_item.xml
@@ -26,13 +26,15 @@
                     </button>
                 </t>
             </div>
-            <div t-if="props.activity.state !== 'today'" class="d-flex align-items-baseline flex-wrap mx-3">
-                <i class="fa fa-clock-o me-2 text-muted" role="img" aria-label="Deadline" title="Deadline"/>
-                <t t-if="props.activity.user_id[0] and props.activity.user_id[0] !== user.userId">
-                    <small class="text-truncate" t-esc="props.activity.user_id[1]"/>
-                    <small class="mx-1">-</small>
-                </t>
-                <small t-att-title="props.activity.dateDeadline" t-esc="delayLabel"/>
+            <div class="d-flex align-items-center flex-wrap mx-3">
+                <img t-if="props.activity.user_id[0]" class="me-2 rounded-circle" t-att-src="activityAssigneeAvatar" style="max-width: 1.5rem; max-height: 1.5rem;"/>
+                <div class="mt-1">
+                    <t t-if="props.activity.user_id[0]">
+                        <small class="text-truncate" t-esc="props.activity.user_id[1]"/>
+                        <small t-if="props.activity.state !== 'today'" class="mx-1">-</small>
+                    </t>
+                    <small t-if="props.activity.state !== 'today'" class="fw-bold" t-att-title="props.activity.dateDeadline" t-esc="delayLabel"/>
+                </div>
             </div>
             <ActivityMarkAsDone t-if="state.hasMarkDoneView" activity="props.activity" close="closeMarkAsDone" onClickDoneAndScheduleNext="props.onClickDoneAndScheduleNext" reload="props.onActivityChanged"/>
             <div t-if="props.activity.mail_template_ids.length > 0" class="mx-3 mt-2">