[16.0][IMP] base_geoengine: Include edit button in Popup

   Added edit button in popup of record shown in geoengine
view which allows user to edit values of record from
geoengine view.

Author: anusriNPS

base_geoengine/static/src/js/views/geoengine/geoengine_controller/geoengine_controller.esm.js

@@ -129,6 +129,26 @@ export class GeoengineController extends Component {
         });
     }
 
+    /**
+     * Allow you to edit form view for the filled-in model
+     * from new tab in the browser window.
+     * @param {*} resModel
+     * @param {*} resId
+     */
+    async editRecord(resModel, resId) {
+        const url = window.location.href;
+        const searchParams = new URLSearchParams(url.split("#")[1]);
+        searchParams.set("view_type", "form");
+        searchParams.set("id", resId);
+        searchParams.set("menu_id", searchParams.get("menu_id"));
+        const action_url = url.split("#")[0] + "#" + searchParams.toString();
+        this.actionService.doAction({
+            type: "ir.actions.act_url",
+            target: "_blank",
+            url: action_url,
+        });
+    }
+
     /**
      * When you finished drawing a new shape, this method is called to open form view and create the record.
      * @param {*} resModel

base_geoengine/static/src/js/views/geoengine/geoengine_controller/geoengine_controller.xml

@@ -35,6 +35,7 @@
                 data="model.root"
                 editable="editable"
                 openRecord.bind="openRecord"
+                editRecord.bind="editRecord"
                 updateRecord.bind="updateRecord"
                 onClickDiscard.bind="onClickDiscard"
                 createRecord.bind="createRecord"

base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js

@@ -648,6 +648,14 @@ export class GeoengineRenderer extends Component {
         this.props.openRecord(this.record.resModel, this.record.resId, formViewId);
     }
 
+    /**
+     * When you click on the edit button, it calls the controller's
+     * editRecord method.
+     */
+    onEditButtonClicked() {
+        this.props.editRecord(this.record.resModel, this.record.resId);
+    }
+
     /**
      * Allows you to change the visibility of layers. This method is called
      * when the user changes raster layers.
@@ -1309,6 +1317,7 @@ GeoengineRenderer.props = {
     archInfo: {type: Object},
     data: {type: Object},
     openRecord: {type: Function},
+    editRecord: {type: Function},
     editable: {type: Boolean, optional: true},
     updateRecord: {type: Function},
     onClickDiscard: {type: Function},

base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.scss

@@ -65,3 +65,14 @@
 .ol-popup-closer:after {
     content: "✖";
 }
+.ol-popup-editor {
+    text-decoration: none;
+    position: absolute;
+    top: 1px;
+    right: 25px;
+}
+.ol-popup-editor:after {
+    font-family: FontAwesome;
+    content: "\f040";
+    cursor: pointer;
+}

base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.xml

@@ -17,6 +17,11 @@
             />
         </div>
         <div id="popup" class="ol-popup text-start">
+            <div
+                id="popup-editor"
+                class="ol-popup-editor text-primary"
+                t-on-click="onEditButtonClicked"
+            />
             <div
                 id="popup-closer"
                 class="ol-popup-closer text-primary"