admin/ludikevent_crm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

```

Browse Source 
✨ feat(FlowReserve): Ajoute la propagation d'événements à la fermeture.
🎨 style(reservation/base): Ajuste la valeur z-index de la barre de date.
```
This commit is contained in:
Serreau Jovann
2026-01-30 18:27:30 +01:00
parent 8b7a740cba
commit 02b20ecd3e
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/tools/FlowReserve.js
View File

@@ -129,8 +129,17 @@ export class FlowReserve extends HTMLAnchorElement {
// Bind events // Bind events
const sidebar = document.getElementById(this.sidebarId); const sidebar = document.getElementById(this.sidebarId);
sidebar.querySelector('.backdrop').addEventListener('click', () => this.close());
sidebar.querySelector('#flow-reserve-close').addEventListener('click', () => this.close()); const closeHandler = (e) => {
if (e) {
e.preventDefault();
e.stopPropagation();
}
this.close();
};
sidebar.querySelector('.backdrop').addEventListener('click', closeHandler);
sidebar.querySelector('#flow-reserve-close').addEventListener('click', closeHandler);
} }
async refreshContent() { async refreshContent() {
const container = document.getElementById('flow-reserve-content'); const container = document.getElementById('flow-reserve-content');

2
templates/revervation/base.twig
View File

@@ -175,7 +175,7 @@
<main class="flex-grow" id="main-content" role="main"> <main class="flex-grow" id="main-content" role="main">
{# --- DATE SELECTION BLOCK --- #} {# --- DATE SELECTION BLOCK --- #}
{% block date_selection %} {% block date_selection %}
<div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-[100] border-b border-white/10 shadow-xl"> <div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-40 border-b border-white/10 shadow-xl">
<div class="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4"> <div class="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div class="p-2 bg-white/50 rounded-lg"> <div class="p-2 bg-white/50 rounded-lg">