Ottimizzazione apertura riquadro mappa

This commit is contained in:
FabioL 2024-06-30 15:07:26 +02:00
parent 779c441ecc
commit 078f319898
1 changed files with 25 additions and 10 deletions

View File

@ -244,9 +244,10 @@ if (!empty($sede_cliente->gaddress) || (!empty($sede_cliente->lat) && !empty($se
<div class="col-md-6">'; <div class="col-md-6">';
// Navigazione diretta verso l'indirizzo // Navigazione diretta verso l'indirizzo
echo ' echo '
<a class="btn btn-xs btn-default btn-block" onclick="$(\'#map-edit\').css(\'height\', \'100%\'); caricaMappa(); $(this).hide();"> <button class="btn btn-xs btn-default btn-block" onclick="caricaMappa();">
<i class="fa fa-compass"></i> '.tr('Carica mappa').' <div class="load"><i class="fa fa-compass"></i> '.tr('Carica mappa').'</div>
</a> <a class="go-to hidden" href="geo://'.$sede['lat'].','.$sede['lng'].'"><i class="fa fa-map"></i> '.tr('Apri mappa').'</a>
</button>
</div> </div>
<div class="col-md-6">'; <div class="col-md-6">';
@ -345,6 +346,16 @@ echo '
var map = null; var map = null;
function caricaMappa() { function caricaMappa() {
const $map_container = $(".module-header:visible .card").eq(2);
// Ingrandimento area mappa
$map_container.css("height", "300px");
alignMaxHeight(".module-header .card");
$("#map-edit").css("height", "80%");
$map_container.find(".load").addClass("hidden");
$map_container.find(".go-to").removeClass("hidden");
const lat = parseFloat("'.$sede_cliente->lat.'"); const lat = parseFloat("'.$sede_cliente->lat.'");
const lng = parseFloat("'.$sede_cliente->lng.'"); const lng = parseFloat("'.$sede_cliente->lng.'");
@ -393,11 +404,15 @@ echo '
map.setView([lat, lng], 10); map.setView([lat, lng], 10);
} }
max_height = 0; function alignMaxHeight(element){
$(".module-header .card").each( function(){ max_height = 0;
if($(this).height() > max_height){ $(element).each( function(){
max_height = $(this).height(); if($(this).height() > max_height){
} max_height = $(this).height();
}); }
$(".module-header .card").height(max_height); });
$(element).height(max_height);
}
alignMaxHeight(".module-header .card");
</script>'; </script>';