From bf5ed6d9e8fc50aa985c2823be27ad374c652fd3 Mon Sep 17 00:00:00 2001
From: Martin Maes <marm@odoo.com>
Date: Fri, 14 Apr 2023 12:15:59 +0000
Subject: [PATCH] [IMP] mrp: BoM overview search

Added the possibility to search among variants in the BoM Overview view

Task-3184663

X-original-commit: 1c636b5119a40fc9e92174027495b63fa1cafa31
Part-of: odoo/odoo#121783
---
 .../mrp_bom_overview_control_panel.xml         | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/addons/mrp/static/src/components/bom_overview_control_panel/mrp_bom_overview_control_panel.xml b/addons/mrp/static/src/components/bom_overview_control_panel/mrp_bom_overview_control_panel.xml
index bfbbc891e5a..862fe3a532a 100644
--- a/addons/mrp/static/src/components/bom_overview_control_panel/mrp_bom_overview_control_panel.xml
+++ b/addons/mrp/static/src/components/bom_overview_control_panel/mrp_bom_overview_control_panel.xml
@@ -25,14 +25,16 @@
                             <div t-if="props.showOptions.uom" t-esc="props.uomName" class="input-group-text">Quantity</div>
                         </div>
                     <t t-if="props.showVariants" >
-                        <label class="visually-hidden" for="bom_quantity">Variant</label>
-                        <div class="input-group">
-                            <div class="input-group-text">Variant</div>
-                            <select class="o_input form-control" t-on-change="(ev) => this.props.changeVariant(ev.target.value)">
-                                <option t-foreach="props.variants" t-as="variant" t-att-value="variant" t-key="variant" t-att-selected="variant == this.props.data.link_id">
-                                    <t t-esc="props.variants[variant]"/>
-                                </option>
-                            </select>
+                        <label class="col-xl-2 col-lg-3 col-sm-4">Variant:</label>
+                        <div class="col-xl-10 col-lg-9 col-sm-8">
+                            <Many2XAutocomplete
+                                value="props.data.name"
+                                getDomain.bind="getDomain"
+                                resModel="'product.product'"
+                                fieldString="props.data.name"
+                                activeActions="{}"
+                                update.bind="(ev) => this.props.changeVariant(ev[0]?.id)"
+                            />
                         </div>
                     </t>
                 </form>