Add scouthub-attivita-fe

2026-07-23 19:35:45 +02:00
parent 2ee7d402b6
commit cfd2de4ca3
61 changed files with 11437 additions and 0 deletions
@@ -0,0 +1,47 @@
+<div class="page">
+  <h1 class="page-title">Cerca attività</h1>
+
+  <div class="search-input-wrap">
+    <input
+      class="search-input"
+      type="text"
+      [value]="searchQuery()"
+      (input)="onQueryChange($event)"
+      (keydown)="onQueryKeyDown($event)"
+      placeholder="Cerca per nome, branca, categoria, materiale, periodo..."
+    />
+    @if (showSuggestions()) {
+      <div class="suggestions">
+        @for (group of suggestionGroups(); track group.label) {
+          <div class="suggestion-group-label">{{ group.label }}</div>
+          @for (suggestion of group.objectsList; track suggestion.id) {
+            <div class="suggestion-item" (click)="selectSuggestion(suggestion)">
+              {{ suggestion.nome }}
+            </div>
+          }
+        }
+      </div>
+    }
+  </div>
+
+  <div class="active-filters">
+    @for (filtro of activeFilters(); track $index) {
+      <div class="filter-chip">
+        <span>{{ filtroLabel(filtro.gruppo) }}: {{ filtro.nome }}</span>
+        <span class="filter-remove" (click)="removeFiltro($index)">×</span>
+      </div>
+    }
+  </div>
+
+  <div class="results-label">{{ resultsLabel() }}</div>
+
+  @if (results().length > 0) {
+    <div class="grid">
+      @for (attivita of results(); track attivita.id) {
+        <app-activity-card [attivita]="attivita" />
+      }
+    </div>
+  } @else {
+    <div class="empty-state">Nessun risultato con questi filtri.</div>
+  }
+</div>