PyPI - odoo-addon-web-view-leaflet-map - Versions diffs - 16.0.2.0.0.3__py3-none-any.whl → 18.0.1.1.2.1__py3-none-any.whl - Mend

odoo-addon-web-view-leaflet-map 16.0.2.0.0.3py3-none-any.whl → 18.0.1.1.2.1py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

odoo/addons/web_view_leaflet_map/static/description/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="generator" content="Docutils: https://docutils.sourceforge.io/" />
-<title>Leaflet Map View (OpenStreetMap)</title>
+<title>README.rst</title>
 <style type="text/css">
 /*
@@ -360,34 +360,37 @@ ul.auto-toc {
 </style>
 </head>
 <body>
-<div class="document" id="leaflet-map-view-openstreetmap">
-<h1 class="title">Leaflet Map View (OpenStreetMap)</h1>
+<div class="document">
+<a class="reference external image-reference" href="https://odoo-community.org/get-involved?utm_source=readme">
+<img alt="Odoo Community Association" src="https://odoo-community.org/readme-banner-image" />
+</a>
+<div class="section" id="leaflet-map-view-openstreetmap">
+<h1>Leaflet Map View (OpenStreetMap)</h1>
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-!! source digest: sha256:f494ec35cbd29ae4bcc5e46a7a30bf5b2261bd449a3b0ba08a95a70d45dbea12
+!! source digest: sha256:74bf9361fbf3e37a4355f272c0cfb21bff1711d71639a7164dfe915bfc7773ab
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Alpha" src="https://img.shields.io/badge/maturity-Alpha-red.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/geospatial/tree/16.0/web_view_leaflet_map"><img alt="OCA/geospatial" src="https://img.shields.io/badge/github-OCA%2Fgeospatial-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/geospatial-16-0/geospatial-16-0-web_view_leaflet_map"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/geospatial&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
-<p>This module extends odoo views, to add a new kind of view, named <tt class="docutils literal">leaflet_map</tt>
-that is using the Leaflet javascript library to use maps. (<a class="reference external" href="https://leafletjs.com/">https://leafletjs.com/</a>)
-This library is for exemple, used in the OpenStreetMap project. (<a class="reference external" href="https://www.openstreetmap.org/">https://www.openstreetmap.org/</a>)</p>
-<p>You can see a simple usage in the module <tt class="docutils literal">web_view_leaflet_map_partner</tt> in the
-same OCA repository that displays your contact in a map, if latitude and longitude are
-defined. (To define latitude and longitude, refer to the Odoo module <tt class="docutils literal">base_geolocalize</tt>)</p>
-<div class="figure">
-<img alt="https://raw.githubusercontent.com/OCA/geospatial/16.0/web_view_leaflet_map/static/description/view_res_partner_map_1.png" src="https://raw.githubusercontent.com/OCA/geospatial/16.0/web_view_leaflet_map/static/description/view_res_partner_map_1.png" />
-</div>
-<div class="figure">
-<img alt="https://raw.githubusercontent.com/OCA/geospatial/16.0/web_view_leaflet_map/static/description/view_res_partner_map_2.png" src="https://raw.githubusercontent.com/OCA/geospatial/16.0/web_view_leaflet_map/static/description/view_res_partner_map_2.png" />
-</div>
-<div class="admonition important">
-<p class="first admonition-title">Important</p>
-<p class="last">This is an alpha version, the data model and design can change at any time without warning.
-Only for development or testing purpose, do not use in production.
-<a class="reference external" href="https://odoo-community.org/page/development-status">More details on development status</a></p>
-</div>
+<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/license-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/geospatial/tree/18.0/web_view_leaflet_map"><img alt="OCA/geospatial" src="https://img.shields.io/badge/github-OCA%2Fgeospatial-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/geospatial-18-0/geospatial-18-0-web_view_leaflet_map"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/geospatial&amp;target_branch=18.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
+<p>This module extends odoo views, to add a new kind of view, named
+<tt class="docutils literal">leaflet_map</tt> that is using the Leaflet javascript library to use
+maps. (<a class="reference external" href="https://leafletjs.com/">https://leafletjs.com/</a>) This library is for exemple, used in the
+OpenStreetMap project. (<a class="reference external" href="https://www.openstreetmap.org/">https://www.openstreetmap.org/</a>)</p>
+<p>You can see a simple usage in the module
+<tt class="docutils literal">web_view_leaflet_map_partner</tt> in the same OCA repository that
+displays your contact in a map, if latitude and longitude are defined.
+(To define latitude and longitude, refer to the Odoo module
+<tt class="docutils literal">base_geolocalize</tt>)</p>
+<p>A marker will be displayed for each item that has a localization.</p>
+<p><img alt="image1" src="https://raw.githubusercontent.com/OCA/geospatial/18.0/web_view_leaflet_map/static/description/view_res_partner_map_precise.png" /></p>
+<p>If user zooms out, the markers will overlap, which won’t be very
+visible.</p>
+<p>In that case, nearby markers are grouped together, thanks to
+<tt class="docutils literal">Leaflet.markercluster</tt> plugin.</p>
+<p><img alt="image2" src="https://raw.githubusercontent.com/OCA/geospatial/18.0/web_view_leaflet_map/static/description/view_res_partner_map_large.png" /></p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
 <ul class="simple">
@@ -404,13 +407,13 @@ Only for development or testing purpose, do not use in production.
 </ul>
 </div>
 <div class="section" id="configuration">
-<h1><a class="toc-backref" href="#toc-entry-1">Configuration</a></h1>
+<h2><a class="toc-backref" href="#toc-entry-1">Configuration</a></h2>
 <ul class="simple">
 <li>See configuration of the module <tt class="docutils literal">web_leaflet_lib</tt>.</li>
 </ul>
 </div>
 <div class="section" id="development">
-<h1><a class="toc-backref" href="#toc-entry-2">Development</a></h1>
+<h2><a class="toc-backref" href="#toc-entry-2">Development</a></h2>
 <p>Create a new view :</p>
 <pre class="code xml literal-block">
 <span class="nt">&lt;record</span><span class="w"> </span><span class="na">id=</span><span class="s">&quot;view_my_model_map&quot;</span><span class="w"> </span><span class="na">model=</span><span class="s">&quot;ir.ui.view&quot;</span><span class="nt">&gt;</span><span class="w">
@@ -433,22 +436,23 @@ Only for development or testing purpose, do not use in production.
 </span><span class="nt">&lt;/record&gt;</span>
 </pre>
 <ol class="arabic simple">
-<li>FIELD_LATITUDE and FIELD_LONGITUDE are the name of the fields that contains GPS coordinates of the model.</li>
+<li>FIELD_LATITUDE and FIELD_LONGITUDE are the name of the fields that
+contains GPS coordinates of the model.</li>
 <li>FIELD_TITLE will be used when the popup is displayed, as a title.</li>
-<li>FIELD_ADDRESS will be used when the popup is displayed to display the adress.</li>
-<li>(optional) FIELD_MARKER_ICON_IMAGE, is the name of the image field to place as an icon
-of the marker.
-Note: You can set extra settings <tt class="docutils literal">marker_icon_size_x</tt>, <tt class="docutils literal">marker_icon_size_y</tt>, to define
-the size of the image, and <tt class="docutils literal">marker_popup_anchor_x</tt>, <tt class="docutils literal">marker_popup_anchor_y</tt> to define
-the position of the popup.</li>
+<li>FIELD_ADDRESS will be used when the popup is displayed to display the
+adress.</li>
+<li>(optional) FIELD_MARKER_ICON_IMAGE, is the name of the image field to
+place as an icon of the marker. Note: You can set extra settings
+<tt class="docutils literal">marker_icon_size_x</tt>, <tt class="docutils literal">marker_icon_size_y</tt>, to define the size of
+the image, and <tt class="docutils literal">marker_popup_anchor_x</tt>, <tt class="docutils literal">marker_popup_anchor_y</tt>
+to define the position of the popup.</li>
 </ol>
 <p>Map options :</p>
 <ul class="simple">
 <li><tt class="docutils literal">default_zoom</tt> : define the default zoom value. (7 if not defined)</li>
 <li><tt class="docutils literal">max_zoom</tt> : define the max zoom value. (19 if not defined)</li>
-<li><tt class="docutils literal">zoom_snap</tt> : define the zoom level in each change. (1 if not defined)</li>
-</ul>
-<ul class="simple">
+<li><tt class="docutils literal">zoom_snap</tt> : define the zoom level in each change. (1 if not
+defined)</li>
 <li>Create or update an action for the model</li>
 </ul>
 <pre class="code xml literal-block">
@@ -456,56 +460,58 @@ the position of the popup.</li>
     </span><span class="nt">&lt;field</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;view_mode&quot;</span><span class="nt">&gt;</span>tree,form,leaflet_map<span class="nt">&lt;/field&gt;</span><span class="w">
 </span><span class="nt">&lt;/record&gt;</span>
 </pre>
-<p><strong>Library Update</strong></p>
-<p>For the time being, the module embed the lealflet.js library version 1.8.0 ( released on April 18, 2022.)</p>
-<p>If a new release is out:</p>
-<ul class="simple">
-<li>please download it here <a class="reference external" href="https://leafletjs.com/download.html">https://leafletjs.com/download.html</a></li>
-<li>update the javascript, css and images, present in the folder <tt class="docutils literal">static/lib/leaflet</tt></li>
-<li>test the features</li>
-<li>make a Pull Request</li>
-</ul>
 <p><strong>Default position in the map</strong></p>
-<p>By default, the position of the map is defined by the user, in the function
-<tt class="docutils literal">get_default_leaflet_position</tt>. It returns the position of the current company, if defined.
-you can overload this function globally, or per model.</p>
+<p>By default, the position of the map is defined by the user, in the
+function <tt class="docutils literal">get_default_leaflet_position</tt>. It returns the position of
+the current company, if defined. you can overload this function
+globally, or per model.</p>
 </div>
 <div class="section" id="known-issues-roadmap">
-<h1><a class="toc-backref" href="#toc-entry-3">Known issues / Roadmap</a></h1>
+<h2><a class="toc-backref" href="#toc-entry-3">Known issues / Roadmap</a></h2>
 <ul class="simple">
-<li>For the time being, at the start of the map loading, the call of <tt class="docutils literal">invalidateSize()</tt>
-is required. We should investigate why and try to remove that call.
-see <a class="reference external" href="https://github.com/Leaflet/Leaflet/issues/3002#issuecomment-93836022">https://github.com/Leaflet/Leaflet/issues/3002#issuecomment-93836022</a></li>
-<li>For the time being, the map has “Markers” and allow to display odoo items
-if longitude and latitude are available. We could imagine other kind of usages,
-with Polylines, Polygons, etc…
-See all the leaflet options : <a class="reference external" href="https://leafletjs.com/reference.html">https://leafletjs.com/reference.html</a></li>
+<li>For the time being, at the start of the map loading, the call of
+<tt class="docutils literal">invalidateSize()</tt> is required. We should investigate why and try to
+remove that call. see
+<a class="reference external" href="https://github.com/Leaflet/Leaflet/issues/3002#issuecomment-93836022">https://github.com/Leaflet/Leaflet/issues/3002#issuecomment-93836022</a></li>
+<li>For the time being, the map has “Markers” and allow to display odoo
+items if longitude and latitude are available. We could imagine other
+kind of usages, with Polylines, Polygons, etc… See all the leaflet
+options : <a class="reference external" href="https://leafletjs.com/reference.html">https://leafletjs.com/reference.html</a></li>
+<li>Search bar is not implemented in this view. All records are displayed
+for now. We should:<ul>
+<li>implement records refresh, when adding / removing domain in the
+search bar.</li>
+<li>implement a custom search based on the displayed map. (no need to
+load records that are out of the scope of the current displayed
+map).</li>
+</ul>
+</li>
 </ul>
 </div>
 <div class="section" id="bug-tracker">
-<h1><a class="toc-backref" href="#toc-entry-4">Bug Tracker</a></h1>
+<h2><a class="toc-backref" href="#toc-entry-4">Bug Tracker</a></h2>
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/geospatial/issues">GitHub Issues</a>.
 In case of trouble, please check there if your issue has already been reported.
 If you spotted it first, help us to smash it by providing a detailed and welcomed
-<a class="reference external" href="https://github.com/OCA/geospatial/issues/new?body=module:%20web_view_leaflet_map%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<a class="reference external" href="https://github.com/OCA/geospatial/issues/new?body=module:%20web_view_leaflet_map%0Aversion:%2018.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
-<h1><a class="toc-backref" href="#toc-entry-5">Credits</a></h1>
+<h2><a class="toc-backref" href="#toc-entry-5">Credits</a></h2>
 <div class="section" id="authors">
-<h2><a class="toc-backref" href="#toc-entry-6">Authors</a></h2>
+<h3><a class="toc-backref" href="#toc-entry-6">Authors</a></h3>
 <ul class="simple">
 <li>GRAP</li>
 </ul>
 </div>
 <div class="section" id="contributors">
-<h2><a class="toc-backref" href="#toc-entry-7">Contributors</a></h2>
+<h3><a class="toc-backref" href="#toc-entry-7">Contributors</a></h3>
 <ul class="simple">
 <li>Sylvain LE GAL (<a class="reference external" href="https://www.twitter.com/legalsylvain">https://www.twitter.com/legalsylvain</a>)</li>
 </ul>
 </div>
 <div class="section" id="maintainers">
-<h2><a class="toc-backref" href="#toc-entry-8">Maintainers</a></h2>
+<h3><a class="toc-backref" href="#toc-entry-8">Maintainers</a></h3>
 <p>This module is maintained by the OCA.</p>
 <a class="reference external image-reference" href="https://odoo-community.org">
 <img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" />
@@ -515,10 +521,11 @@ mission is to support the collaborative development of Odoo features and
 promote its widespread use.</p>
 <p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainer</a>:</p>
 <p><a class="reference external image-reference" href="https://github.com/legalsylvain"><img alt="legalsylvain" src="https://github.com/legalsylvain.png?size=40px" /></a></p>
-<p>This module is part of the <a class="reference external" href="https://github.com/OCA/geospatial/tree/16.0/web_view_leaflet_map">OCA/geospatial</a> project on GitHub.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/geospatial/tree/18.0/web_view_leaflet_map">OCA/geospatial</a> project on GitHub.</p>
 <p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
 </div>
 </div>
 </div>
+</div>
 </body>
 </html>

odoo/addons/web_view_leaflet_map/static/description/res_partner_large.png ADDED Viewed

Binary file

odoo/addons/web_view_leaflet_map/static/description/res_partner_precise.png ADDED Viewed

Binary file

odoo/addons/web_view_leaflet_map/static/src/views/leaflet_map/leaflet_map_controller.esm.js ADDED Viewed

@@ -0,0 +1,24 @@
+import {Component, useRef} from "@odoo/owl";
+import {Layout} from "@web/search/layout";
+import {MapRenderer} from "./leaflet_map_renderer.esm";
+import {executeButtonCallback} from "@web/views/view_button/view_button_hook";
+/**
+ * Controller class for the Map view, setting up the environment configuration.
+ */
+export class MapController extends Component {
+    static template = "web_view_leaflet_map.MapView";
+    static components = {Layout, MapRenderer};
+    setup() {
+        this.rootRef = useRef("root");
+    }
+    async onClickCreate() {
+        return executeButtonCallback(this.rootRef.el, () => this.createRecord());
+    }
+    async createRecord() {
+        await this.props.createRecord();
+    }
+}

odoo/addons/web_view_leaflet_map/static/src/views/leaflet_map/leaflet_map_controller.xml ADDED Viewed

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="web_view_leaflet_map.MapView" owl="1">
+        <div class="h-100 overflow-auto" t-ref="root">
+            <Layout display="props.display" className="'h-100 overflow-auto'">
+                <t t-set-slot="control-panel-create-button">
+                    <button
+                        type="button"
+                        class="btn btn-primary o_list_button_add"
+                        data-hotkey="c"
+                        t-on-click="onClickCreate"
+                        data-bounce-button=""
+                    >
+                        New
+                    </button>
+                </t>
+                <MapRenderer t-props="props" />
+            </Layout>
+        </div>
+    </t>
+</templates>

odoo/addons/web_view_leaflet_map/static/src/views/leaflet_map/leaflet_map_renderer.esm.js ADDED Viewed

@@ -0,0 +1,275 @@
+import {session} from "@web/session";
+import {useService} from "@web/core/utils/hooks";
+/* global L, console, document */
+const {Component, onWillStart, onMounted, onPatched, useRef} = owl;
+export class MapRenderer extends Component {
+    static template = "web_view_leaflet_map.MapRenderer";
+    static components = {};
+    /**
+     * Initializes the MapRenderer component, setting up services, references, and configuration.
+     */
+    // eslint-disable-next-line complexity
+    setup() {
+        this.orm = useService("orm");
+        this.action = useService("action");
+        this.mapRef = useRef("mapContainer");
+        this.leafletTileUrl = session["leaflet.tile_url"];
+        this.leafletCopyright = session["leaflet.copyright"];
+        const archAttrs = this.props.archInfo.arch.attributes;
+        this.resModel = this.props.resModel;
+        this.defaultZoom = parseInt(archAttrs.default_zoom, 10) || 7;
+        this.maxZoom = parseInt(archAttrs.max_zoom, 10) || 19;
+        this.zoomSnap = parseInt(archAttrs.zoom_snap, 10) || 1;
+        this.fieldLatitude = archAttrs.field_latitude?.value;
+        this.fieldLongitude = archAttrs.field_longitude?.value;
+        this.fieldTitle = archAttrs.field_title?.value;
+        this.fieldAddress = archAttrs.field_address?.value;
+        this.fieldMarkerIconImage = archAttrs.field_marker_icon_image?.value;
+        this.markerIconSizeX = parseInt(archAttrs.marker_icon_size_x?.value, 10) || 64;
+        this.markerIconSizeY = parseInt(archAttrs.marker_icon_size_y?.value, 10) || 64;
+        this.markerPopupAnchorX =
+            parseInt(archAttrs.marker_popup_anchor_x?.value, 10) || 0;
+        this.markerPopupAnchorY =
+            parseInt(archAttrs.marker_popup_anchor_y?.value, 10) || -32;
+        this.leafletMap = null;
+        this.mainLayer = null;
+        onWillStart(async () => {
+            await this.initDefaultPosition();
+            await this.loadRecords();
+        });
+        onMounted(() => {
+            this.initMap();
+            this.renderMarkers();
+        });
+        onPatched(() => {
+            if (this.leafletMap) {
+                this.renderMarkers();
+            }
+        });
+    }
+    /**
+     * Loads records from the server based on the provided domain and fields.
+     * @returns {Promise<void>}
+     */
+    async loadRecords() {
+        const fields = this.getFields();
+        try {
+            // Cargar registros usando searchRead
+            const records = await this.orm.searchRead(
+                this.resModel,
+                this.props.domain || [],
+                fields,
+                {
+                    limit: this.props.limit || 80,
+                    context: this.props.context || {},
+                }
+            );
+            this.records = records;
+        } catch (error) {
+            console.error("Error loading records:", error);
+            this.records = [];
+        }
+    }
+    /**
+     * Gathers the required fields for the map view.
+     * @returns {any[]}
+     */
+    getFields() {
+        const fields = new Set();
+        // Required fields
+        fields.add("id");
+        fields.add("display_name");
+        fields.add("date_localization");
+        // Optional fields based on arch attributes
+        if (this.fieldLatitude) fields.add(this.fieldLatitude);
+        if (this.fieldLongitude) fields.add(this.fieldLongitude);
+        if (this.fieldTitle) fields.add(this.fieldTitle);
+        if (this.fieldAddress) fields.add(this.fieldAddress);
+        if (this.fieldMarkerIconImage) fields.add(this.fieldMarkerIconImage);
+        return Array.from(fields);
+    }
+    /**
+     * Initializes the default position of the map by calling the server method.
+     * @returns {Promise<void>}
+     */
+    async initDefaultPosition() {
+        const result = await this.orm.call(
+            "res.users",
+            "get_default_leaflet_position",
+            [this.props.resModel]
+        );
+        this.defaultLatLng = L.latLng(result.lat, result.lng);
+    }
+    /**
+     * Initializes the Leaflet map in the container.
+     */
+    initMap() {
+        const mapDiv = this.mapRef.el;
+        if (!mapDiv) {
+            console.error("Map container not found");
+            return;
+        }
+        this.leafletMap = L.map(mapDiv, {
+            zoomSnap: this.zoomSnap,
+        }).setView(this.defaultLatLng, this.defaultZoom);
+        L.tileLayer(this.leafletTileUrl, {
+            maxZoom: this.maxZoom,
+            attribution: this.leafletCopyright,
+        }).addTo(this.leafletMap);
+    }
+    /**
+     * Renders the markers on the map based on the loaded records.
+     */
+    renderMarkers() {
+        if (!this.leafletMap) {
+            console.warn("Map not initialized yet");
+            return;
+        }
+        if (this.mainLayer) {
+            this.leafletMap.removeLayer(this.mainLayer);
+        }
+        this.mainLayer = L.markerClusterGroup();
+        for (const record of this.records) {
+            const marker = this.prepareMarker(record);
+            if (marker) {
+                this.mainLayer.addLayer(marker);
+            }
+        }
+        const bounds = this.mainLayer.getBounds();
+        if (bounds.isValid()) {
+            // Adapt the map's position based on the map's points
+            this.leafletMap.fitBounds(bounds.pad(0.1));
+        }
+        this.leafletMap.addLayer(this.mainLayer);
+    }
+    /**
+     * Prepares a Leaflet marker for the given record.
+     * @param {Object} record - The record object containing marker data
+     * @returns {*}
+     */
+    prepareMarker(record) {
+        const lat = record[this.fieldLatitude];
+        const lng = record[this.fieldLongitude];
+        let marker = null;
+        if (!lat || !lng) {
+            console.debug(`Record ${record.id} has no coordinates`);
+            return;
+        }
+        const latlng = L.latLng(lat, lng);
+        if (latlng.lat !== 0 && latlng.lng !== 0) {
+            const markerOptions = this.prepareMarkerOptions(record);
+            marker = L.marker(latlng, markerOptions);
+            const popup = L.popup().setContent(this.preparePopUpData(record));
+            marker.bindPopup(popup).on("popupopen", () => {
+                const selector = document.querySelector(".o_map_selector");
+                if (selector) {
+                    selector.addEventListener("click", (ev) => {
+                        ev.preventDefault();
+                        this.onClickLeafletPopup(record);
+                    });
+                }
+            });
+            return marker;
+        }
+    }
+    /**
+     * Prepares the Leaflet icon for the marker using the image field.
+     * @param {Object} record - The record object containing marker data
+     * @returns {*}
+     */
+    prepareMarkerIcon(record) {
+        const lastUpdate = record.date_localization || new Date().toISOString();
+        const unique = lastUpdate.replace(/[^0-9]/g, "");
+        const iconUrl = `/web/image?model=${this.resModel}&id=${record.id}&field=${this.fieldMarkerIconImage}&unique=${unique}`;
+        return L.icon({
+            iconUrl: iconUrl,
+            className: "leaflet_marker_icon",
+            iconSize: [this.markerIconSizeX, this.markerIconSizeY],
+            popupAnchor: [this.markerPopupAnchorX, this.markerPopupAnchorY],
+        });
+    }
+    /**
+     * Prepares the options for the leaflet marker.
+     * @param {Object} record - The record object containing marker data
+     * @returns {{riseOnHover: Boolean, alt: (*|string), title: (*|string)}}
+     */
+    prepareMarkerOptions(record) {
+        const title = record[this.fieldTitle] || "";
+        const result = {
+            title: title,
+            alt: title,
+            riseOnHover: true,
+        };
+        if (this.fieldMarkerIconImage) {
+            result.icon = this.prepareMarkerIcon(record);
+        }
+        return result;
+    }
+    /**
+     * Prepares the HTML content for the leaflet popup.
+     * @param {Object} record - The record object containing marker data
+     * @returns {String}
+     */
+    preparePopUpData(record) {
+        const title = record[this.fieldTitle] || "";
+        const address = record[this.fieldAddress] || "";
+        return `
+            <div class='o_map_selector' data-res-id='${record.resId}'>
+                <b>${title}</b><br/>
+                ${address ? ` - ${address}` : ""}
+            </div>
+        `;
+    }
+    /**
+     * Handles click on the leaflet popup to open the record form view.
+     * @param {Object} record - The record object containing marker data
+     */
+    onClickLeafletPopup(record) {
+        this.action.doAction({
+            type: "ir.actions.act_window",
+            res_model: this.resModel,
+            res_id: record.id,
+            views: [[false, "form"]],
+            target: "current",
+        });
+    }
+}

odoo/addons/web_view_leaflet_map/static/src/views/leaflet_map/leaflet_map_renderer.xml ADDED Viewed

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="web_view_leaflet_map.MapRenderer" owl="1">
+        <div class="o_leaflet_main_container h-100" t-ref="root">
+            <div t-ref="mapContainer" class="o_leaflet_map_container h-100" />
+        </div>
+    </t>
+</templates>

odoo/addons/web_view_leaflet_map/static/src/views/leaflet_map/leaflet_map_view.esm.js ADDED Viewed

@@ -0,0 +1,53 @@
+import {MapController} from "./leaflet_map_controller.esm";
+import {MapRenderer} from "./leaflet_map_renderer.esm";
+import {registry} from "@web/core/registry";
+/* global DOMParser */
+/**
+ * Helper function that normalize the architecture input to ensure it is an HTMLElement.
+ * @param arch
+ * @returns {HTMLElement|*}
+ */
+function normalizeArch(arch) {
+    if (arch && typeof arch !== "string") return arch;
+    const xml = String(arch || "");
+    const doc = new DOMParser().parseFromString(xml, "text/xml");
+    return doc.documentElement;
+}
+/**
+ * Definition of the map view for Odoo, including its properties and components.
+ * @type {{
+ *      type: string,
+ *      display_name: string,
+ *      icon: string,
+ *      multiRecord: boolean,
+ *      Controller: MapController,
+ *      Renderer: MapRenderer,
+ *      searchMenuTypes: string[],
+ *      props: (function(*, *): *&{archInfo: {arch: *}, Renderer: MapRenderer})
+ * }}
+ */
+export const leafletMapView = {
+    type: "leaflet_map",
+    display_name: "Map",
+    icon: "fa fa-map-o",
+    multiRecord: true,
+    Controller: MapController,
+    Renderer: MapRenderer,
+    searchMenuTypes: ["filter", "favorite"],
+    props: (genericProps) => {
+        const archEl = normalizeArch(genericProps.arch);
+        return {
+            ...genericProps,
+            Renderer: MapRenderer,
+            archInfo: {
+                arch: archEl,
+            },
+        };
+    },
+};
+registry.category("views").add("leaflet_map", leafletMapView);

odoo-addon-web-view-leaflet-map 16.0.2.0.0.3__py3-none-any.whl → 18.0.1.1.2.1__py3-none-any.whl

odoo-addon-web-view-leaflet-map 16.0.2.0.0.3py3-none-any.whl → 18.0.1.1.2.1py3-none-any.whl