kevinsivic/dawarich
1
0
Fork 0
mirror of https://github.com/Freika/dawarich.git synced 2026-01-11 01:31:39 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add a button to close the visits side panel

Browse source
This commit is contained in:
Eugene Burmakin 2025-11-08 19:57:15 +01:00
parent 18de91e562
commit 23aa533279
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/maps/visits.js
View file

@ -659,7 +659,10 @@ export class VisitsManager {
drawer.style.overflowY = 'auto'; drawer.style.overflowY = 'auto';
drawer.innerHTML = ` drawer.innerHTML = `
<div class="p-3 my-2 drawer flex flex-col items-center"> <div class="p-3 my-2 drawer flex flex-col items-center relative">
<button id="close-visits-drawer" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" title="Close panel">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x-icon lucide-circle-x"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
<h2 class="text-xl font-bold mb-4 text-accent-content w-full text-center">Recent Visits</h2> <h2 class="text-xl font-bold mb-4 text-accent-content w-full text-center">Recent Visits</h2>
<div id="visits-list" class="space-y-2 w-full"> <div id="visits-list" class="space-y-2 w-full">
<p class="text-gray-500">Loading visits...</p> <p class="text-gray-500">Loading visits...</p>
@ -673,6 +676,15 @@ export class VisitsManager {
L.DomEvent.disableClickPropagation(drawer); L.DomEvent.disableClickPropagation(drawer);
this.map.getContainer().appendChild(drawer); this.map.getContainer().appendChild(drawer);
// Add close button event listener
const closeButton = drawer.querySelector('#close-visits-drawer');
if (closeButton) {
closeButton.addEventListener('click', () => {
this.toggleDrawer();
});
}
return drawer; return drawer;
} }