configuration pocketbase terminé (#5)

# Conflicts: # .gitignore
2025-08-21 18:41:52 +02:00
parent 1dc1109482
commit 4fb600b0cb
179 changed files with 23970 additions and 15135 deletions
--- a/src/app/shared/features/search/search.component.html
+++ b/src/app/shared/features/search/search.component.html
@@ -1,35 +1,42 @@
-<form class="w-full relative" [formGroup]="searchForm" (ngSubmit)="onSubmit()">
-  <div class="flex w-full border rounded-full p-2 items-center">
-    <div class="flex-1 flex flex-row items-center">
-      <button class="inline-block w-8 h-8 p-1 text-gray-400">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          class="w-full h-full fill-current"
-          viewBox="0 0 512 512">
-          <path
-            d="M337.509 305.372h-17.501l-6.571-5.486c20.791-25.232 33.922-57.054 33.922-93.257C347.358 127.632 283.896 64 205.135 64 127.452 64 64 127.632 64 206.629s63.452 142.628 142.225 142.628c35.011 0 67.831-13.167 92.991-34.008l6.561 5.487v17.551L415.18 448 448 415.086 337.509 305.372zm-131.284 0c-54.702 0-98.463-43.887-98.463-98.743 0-54.858 43.761-98.742 98.463-98.742 54.7 0 98.462 43.884 98.462 98.742 0 54.856-43.762 98.743-98.462 98.743z"
-            fill="currentColor" />
-        </svg>
-      </button>
-      <input
-        formControlName="search"
-        type="search"
-        autocomplete="off"
-        autocorrect="off"
-        autocapitalize="none"
-        spellcheck="false"
-        required=""
-        class="flex-1 focus:ring-0 focus:outline-none placeholder:text-gray-400 bg-transparent text-gray-800 dark:text-white"
-        placeholder="Domaines, activités..."
-        title="Search"
-        role="searchbox"
-        aria-label="Search"
-        aria-controls="typeahead_results"
-        aria-autocomplete="list" />
-    </div>
-    <button
-      class="w-32 h-12 rounded-full bg-purple-800 hover:bg-purple-900 text-gray-50">
-      Trouver
-    </button>
-  </div>
-</form>
+<form class="w-full" [formGroup]="searchForm" (ngSubmit)="onSubmit()">
+  <div class="flex w-full border rounded-full p-2 items-center">
+    <div class="flex-1 flex flex-row items-center">
+      <button class="inline-block w-8 h-8 p-1 text-gray-400">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="w-full h-full fill-current"
+          viewBox="0 0 512 512">
+          <path
+            d="M337.509 305.372h-17.501l-6.571-5.486c20.791-25.232 33.922-57.054 33.922-93.257C347.358 127.632 283.896 64 205.135 64 127.452 64 64 127.632 64 206.629s63.452 142.628 142.225 142.628c35.011 0 67.831-13.167 92.991-34.008l6.561 5.487v17.551L415.18 448 448 415.086 337.509 305.372zm-131.284 0c-54.702 0-98.463-43.887-98.463-98.743 0-54.858 43.761-98.742 98.463-98.742 54.7 0 98.462 43.884 98.462 98.742 0 54.856-43.762 98.743-98.462 98.743z"
+            fill="currentColor" />
+        </svg>
+      </button>
+      <input
+        formControlName="search"
+        type="search"
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="none"
+        spellcheck="false"
+        required=""
+        class="flex-1 focus:ring-0 focus:outline-none placeholder:text-gray-400 bg-transparent text-gray-800 dark:text-white"
+        placeholder="Domaines, activités..."
+        title="Search"
+        role="searchbox"
+        aria-label="Search"
+        aria-controls="typeahead_results"
+        aria-autocomplete="list" />
+    </div>
+    @if (searchForm.invalid){
+      <button
+        class="w-32 h-12 text-xs rounded-full bg-purple-800 hover:bg-purple-900 text-gray-50">
+        Voir tout
+      </button>
+    } @else {
+      <button
+        class="w-32 h-12 text-xs rounded-full bg-purple-800 hover:bg-purple-900 text-gray-50">
+        Rechercher
+      </button>
+    }
+  </div>
+</form>