Amélioration UX recherche

src/agenda_culturel/static/style.scss

@@ -1457,6 +1457,24 @@ img.preview {
                 transform: rotate(0);
         }
     }
+
+
+    .choices__input-wrapper {
+        position: relative;
+    }
+
+    .clear-btn {
+        position: absolute;
+        width: 3em;
+        right: 0.5em;
+        top: 1.3em;
+        transform: translateY(-50%);
+        background: transparent;
+        border: none;
+        font-size: 16px;
+        cursor: pointer;
+        z-index: 10;
+    }
 }
 
 .choices[data-type=select-multiple] {
@@ -1519,8 +1537,8 @@ img.preview {
     .choices__list--dropdown.is-active .choices__group {
         display: block;
     }
-}
 
+}
 
 
 

src/agenda_culturel/templates/agenda_culturel/place_unknown_form.html

@@ -59,8 +59,38 @@
     setTimeout(() => {
       const searchTerm = '{{ object.location }}';
       choices.input.focus();
-      choices.input.value = searchTerm;  // Met à jour le champ de recherche visible
+      choices.input.value = searchTerm;
-      choices._handleSearch(searchTerm); // Force la recherche
+      choices._handleSearch(searchTerm);
+
+      const inputWrapper = choices.input.element.parentElement;
+      console.log(choices.input.element);
+      console.log(inputWrapper);
+      var clearBtn;
+      if (inputWrapper) {
+        inputWrapper.classList.add('choices__input-wrapper');
+
+        clearBtn = document.createElement('button');
+        clearBtn.innerHTML = '×';
+          clearBtn.className = 'clear-btn';
+          clearBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            const input = inputWrapper.querySelector('.choices__input');
+            if (input) input.value = '';
+            clearBtn.style.display = 'none';
+          });
+
+          inputWrapper.appendChild(clearBtn);
+          if (choices.input.element) {
+            choices.input.element.addEventListener('input', () => {
+              clearBtn.style.display = choices.input.element.value ? 'block' : 'none';
+            });
+
+          }
+
+        }
+
+
+
     }, 100);