From 61338991d3aef23bbb849e57f870220c0ea7609a Mon Sep 17 00:00:00 2001
From: Sergio Sancho <sersanchus@gmail.com>
Date: Mon, 20 May 2024 12:04:51 +0200
Subject: [PATCH] feat(records panel): completes the records panel migration to
 odoo 17

---
 .../geoengine_renderer/geoengine_renderer.esm.js          | 2 +-
 .../geoengine/geoengine_renderer/geoengine_renderer.xml   | 4 ++--
 .../js/views/geoengine/records_panel/records_panel.esm.js | 8 +++++++-
 .../search_bar_records/search_bar_records.esm.js          | 3 +++
 .../search_bar_records/search_bar_records.xml             | 8 ++++----
 5 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js b/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js
index 69e8793e43..0b9f4e7993 100644
--- a/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js
+++ b/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js
@@ -570,7 +570,7 @@ export class GeoengineRenderer extends Component {
      */
     onDisplayPopupRecord(record) {
         const popup = this.getPopup();
-        const feature = this.vectorSource.getFeatureById(record.id);
+        const feature = this.vectorSource.getFeatureById(record.resId);
         if (feature) {
             this.mountGeoengineRecord({
                 popup,
diff --git a/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.xml b/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.xml
index cba84a6923..f071dcf8eb 100644
--- a/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.xml
+++ b/base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.xml
@@ -6,12 +6,12 @@
             <div class="map_container">
                 <div id="olmap" />
             </div>
-            <!-- <RecordsPanel
+            <RecordsPanel
                 list="props.data"
                 onDisplayPopupRecord.bind="onDisplayPopupRecord"
                 zoomOnFeature.bind="zoomOnFeature"
                 zoomOutOnFeature.bind="getOriginalZoom"
-            /> -->
+            />
         </div>
         <div id="popup" class="ol-popup">
             <div
diff --git a/base_geoengine/static/src/js/views/geoengine/records_panel/records_panel.esm.js b/base_geoengine/static/src/js/views/geoengine/records_panel/records_panel.esm.js
index 6bea2e73f1..9f15ab69bf 100644
--- a/base_geoengine/static/src/js/views/geoengine/records_panel/records_panel.esm.js
+++ b/base_geoengine/static/src/js/views/geoengine/records_panel/records_panel.esm.js
@@ -48,7 +48,7 @@ export class RecordsPanel extends Component {
      */
     onDisplayPopupRecord(record) {
         const rec = this.props.list.records.find((val) => val.id === record.id);
-        this.state.isClicked = record.id;
+        this.state.isClicked = record.resId;
         this.props.onDisplayPopupRecord(rec);
     }
 
@@ -76,4 +76,10 @@ export class RecordsPanel extends Component {
 }
 
 RecordsPanel.template = "base_geoengine.RecordsPanel";
+RecordsPanel.props = {
+    list: {type: Object},
+    onDisplayPopupRecord: {type: Function},
+    zoomOnFeature: {type: Function},
+    zoomOutOnFeature: {type: Function},
+};
 RecordsPanel.components = {SearchBarRecords};
diff --git a/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.esm.js b/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.esm.js
index 11661ea9c8..e04d15ef12 100644
--- a/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.esm.js
+++ b/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.esm.js
@@ -23,3 +23,6 @@ export class SearchBarRecords extends Component {
 }
 
 SearchBarRecords.template = "base_geoengine.SearchBarRecords";
+SearchBarRecords.props = {
+    onInputKeyup: {type: Function},
+};
diff --git a/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.xml b/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.xml
index 73ecb53917..b9620bedb1 100644
--- a/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.xml
+++ b/base_geoengine/static/src/js/views/geoengine/records_panel/search_bar_records/search_bar_records.xml
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <templates>
     <t t-name="base_geoengine.SearchBarRecords">
-        <div class="o_cp_searchview d-flex flex-grow-1" role="search">
+        <div class="o_cp_searchview d-flex input-group" role="search">
             <div
-                class="o_searchview pb-1 align-self-center border-bottom flex-grow-1"
+                class="o_searchview form-control d-print-contents d-flex align-items-center py-1"
                 role="search"
             >
                 <i
-                    class="o_searchview_icon oi oi-search"
+                    class="o_searchview_icon d-print-none oi oi-search me-2"
                     role="img"
                     aria-label="Search..."
                     title="Search..."
@@ -16,7 +16,7 @@
                     <input
                         t-ref="searchComponent"
                         type="text"
-                        class="o_searchview_input"
+                        class="o_searchview_input o_input d-print-none flex-grow-1 w-auto border-0"
                         placeholder="Search..."
                         t-on-keyup="onInputKeyup"
                     />