From 7e37d40f31afea1bb2ac508fc7b65cbdce029cd1 Mon Sep 17 00:00:00 2001 From: Luiz Costa Date: Fri, 7 Jun 2024 12:19:07 +0100 Subject: [PATCH] try use 80% area of browser --- .../fleet_management/doctype/trip/trip_list.js | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/fleet_management/fleet_management/doctype/trip/trip_list.js b/fleet_management/fleet_management/doctype/trip/trip_list.js index dfb37a5..cee1b74 100644 --- a/fleet_management/fleet_management/doctype/trip/trip_list.js +++ b/fleet_management/fleet_management/doctype/trip/trip_list.js @@ -8,7 +8,7 @@ function loadLeafletAndInitMap(frm, callback) { function create_dialog_and_init_map(frm) { const dialog = new frappe.ui.Dialog({ title: 'Show Route', - fields: [{ fieldtype: 'HTML', fieldname: 'map_html', label: 'Map', options: '
' }], + fields: [{ fieldtype: 'HTML', fieldname: 'map_html', label: 'Map', options: ' < div id="map" style="width:100%;height:100%;" >' }], primary_action_label: 'Close', primary_action() { if (currentMap) { @@ -19,9 +19,11 @@ function create_dialog_and_init_map(frm) { } }); - // Adjust the size of the dialog - dialog.$wrapper.find('.modal-content').css("width", "850px"); - //dialog.$wrapper.find('.modal-content').css("height", "600px"); + // Adjust the size of the dialog dynamically to 80% of the browser window + const modalContent = dialog.$wrapper.find('.modal-content'); + modalContent.css("width", "80%"); + modalContent.css("height", "80%"); + modalContent.css("max-width", "none"); // Ensure no max-width restrictions // Add hide event to reload the page when the dialog is closed dialog.onhide = function () { @@ -125,6 +127,11 @@ function init_map(frm) { function show_map(frm) { console.log("Loading map..."); + + // Ensure the map container expands to fit its parent + document.getElementById('map').style.width = "100%"; + document.getElementById('map').style.height = "100%"; + loadLeafletAndInitMap(frm, create_dialog_and_init_map); }