From eb8d14b9138ee647745611a4c07d6d3edaebdf59 Mon Sep 17 00:00:00 2001
From: jayraj-omnia <jayraj.thakkar@omniasolutions.eu>
Date: Mon, 27 Jan 2025 13:45:45 +0530
Subject: [PATCH] [IMP] add plm_many2one_image widget for list view

---
 .../src/js/many2one_widget/many2one_widget.js       |  5 ++---
 .../src/js/many2one_widget/many2one_widget.xml      | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/plm/static/src/js/many2one_widget/many2one_widget.js b/plm/static/src/js/many2one_widget/many2one_widget.js
index 95e86667..8d36ccd8 100644
--- a/plm/static/src/js/many2one_widget/many2one_widget.js
+++ b/plm/static/src/js/many2one_widget/many2one_widget.js
@@ -17,7 +17,6 @@ export class PlmMany2oneWidget extends Many2OneField {
 
     async setup() {
         super.setup();
-        console.log("..........1");
         this.imageData = false;
         this.relatedField = false;
         this.imageToolTipData = false;
@@ -56,8 +55,8 @@ export class PlmMany2oneWidget extends Many2OneField {
         }
     }
 
-    onImageClicked() {
-
+    onImageClicked(event) {
+        event.stopPropagation(); // It stops the event from triggering any additional event handlers
         let selectedProductId = this.props.record.data.product_id[0];
         let relatedFieldName = this.props.options.linked_field;
         let model = this.props.record.model.root.model.config.fields[this.props.name].relation;
diff --git a/plm/static/src/js/many2one_widget/many2one_widget.xml b/plm/static/src/js/many2one_widget/many2one_widget.xml
index 47ef1e5b..f47aa785 100644
--- a/plm/static/src/js/many2one_widget/many2one_widget.xml
+++ b/plm/static/src/js/many2one_widget/many2one_widget.xml
@@ -2,8 +2,9 @@
 
 <templates xml:space="preserve">
     <t t-name="plm.PlmMany2oneWidget" t-inherit="web.Many2OneField" t-inherit-mode="primary">
+<!--        plm_many2one_widget for form view -->
         <xpath expr="//div[hasclass('o_field_many2one_selection')]/Many2XAutocomplete" position="before">
-            <span t-if="imageData">
+            <span t-if="imageData" style="padding:0px 10px 0px 0px;">
                 <img data-tooltip-template="web.ImageZoomTooltip"
                      t-att-data-tooltip-info="imageToolTipData"
                      style="width:30px;height:30px" t-att-src="imageData"
@@ -11,5 +12,15 @@
                 />
             </span>
         </xpath>
+<!--        plm_many2one_widget for list view -->
+        <xpath expr="//t[@t-if='!props.canOpen']" position="before">
+            <span t-if="imageData" style="padding:0px 10px 0px 0px;" class="plm_m2o_avatar">
+                  <img data-tooltip-template="web.ImageZoomTooltip"
+                       t-att-data-tooltip-info="imageToolTipData"
+                       style="width:30px;height:30px" t-att-src="imageData"
+                       t-on-click="onImageClicked"
+                  />
+            </span>
+        </xpath>
     </t>
 </templates>