fix(frontend): #37 punti 1,4,5,6 - 502 backend giù, barcode quotato, apici Alpine, paginazione ricette

1. api_client.py: ConnectionError/Timeout restituisce status_code=502 invece di 0 (nessuna route confrontava == 0, verificato); i proxy che inoltrano resp.get("status_code", 500) ereditano il fix senza altre modifiche. 4. measure.py lookup_barcode: code non stringa -> 400 (prima 500 su code.strip()); urllib.parse.quote(code, safe="") prima di comporre l'URL verso il backend - un barcode con '/' o '../' non spezza più il path né raggiunge altri GET con i permessi dell'utente. 5. Ogni "'{{ _(...) }}'" dentro un attributo Alpine (x-text, :title, :placeholder, @click) sostituito con "{{ _(...)|tojson_attr }}": la traduzione EN di admin/stations.html:105 ("Clear the station's recipes") ha un apostrofo che l'IT non ha, e rompeva quel binding e basta - non è un XSS, ma stessa classe di difetto di #10. File toccati: admin/stations, admin/users, maker/recipe_list, maker/recipe_editor, maker/task_editor, maker/task_drawing, components/caliper_status, measure/select_recipe. Le occorrenze dentro <script>...</script> (non attributi) sono fuori perimetro per questo punto. 6. statistics.py dashboard(): ciclo sulle pagine (per_page=100, il massimo del backend) invece di un'unica chiamata che troncava la tendina ricette alla centesima. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-21 23:03:06 +02:00
parent c0583da478
commit 72f0cb1f1b
15 changed files with 218 additions and 50 deletions
@@ -93,11 +93,11 @@
                      :class="user.active
                        ? 'bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300'
                        : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'"
-                      x-text="user.active ? '{{ _('Attivo') }}' : '{{ _('Disattivato') }}'"></span>
+                      x-text="user.active ? {{ _('Attivo')|tojson_attr }} : {{ _('Disattivato')|tojson_attr }}"></span>
              </td>
              <td class="px-4 py-3 text-right" @click.stop>
                <div class="flex items-center justify-end gap-1">
-                  <button @click="openEditModal(user)" class="p-1.5 rounded-lg text-[var(--text-secondary)] hover:text-primary hover:bg-primary-50 dark:hover:bg-primary-900/20 transition-colors" :title="'{{ _('Modifica') }}'">
+                  <button @click="openEditModal(user)" class="p-1.5 rounded-lg text-[var(--text-secondary)] hover:text-primary hover:bg-primary-50 dark:hover:bg-primary-900/20 transition-colors" :title="{{ _('Modifica')|tojson_attr }}">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
                    </svg>
@@ -106,7 +106,7 @@
                          :class="user.active
                            ? 'text-[var(--text-secondary)] hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20'
                            : 'text-[var(--text-secondary)] hover:text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-900/20'"
-                          :title="user.active ? '{{ _('Disattiva') }}' : '{{ _('Riattiva') }}'">
+                          :title="user.active ? {{ _('Disattiva')|tojson_attr }} : {{ _('Riattiva')|tojson_attr }}">
                    <svg x-show="user.active" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
                    </svg>
@@ -158,7 +158,7 @@
      <!-- Modal Header -->
      <div class="flex items-center justify-between px-6 py-4 border-b border-[var(--border-color)]">
        <h2 class="text-lg font-semibold text-[var(--text-primary)]"
-            x-text="isEditing ? '{{ _('Modifica Utente') }}' : '{{ _('Nuovo Utente') }}'"></h2>
+            x-text="isEditing ? {{ _('Modifica Utente')|tojson_attr }} : {{ _('Nuovo Utente')|tojson_attr }}"></h2>
        <button @click="closeModal()" class="p-1 rounded-lg text-[var(--text-secondary)] hover:bg-[var(--bg-secondary)] transition-colors">
          <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
@@ -211,7 +211,7 @@
          <input type="password" x-model="form.password"
                 class="w-full px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)]
                        text-sm text-[var(--text-primary)] focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-colors"
-                 :placeholder="isEditing ? '{{ _('Nuova password (opzionale)') }}' : '{{ _('Password') }}'"
+                 :placeholder="isEditing ? {{ _('Nuova password (opzionale)')|tojson_attr }} : {{ _('Password')|tojson_attr }}"
                 minlength="6">
        </div>

@@ -295,7 +295,7 @@
                :disabled="saving"
                class="px-4 py-2 bg-primary text-white text-sm font-medium rounded-lg
                       hover:bg-primary-700 transition-colors shadow-sm disabled:opacity-50">
-          <span x-show="!saving" x-text="isEditing ? '{{ _('Salva Modifiche') }}' : '{{ _('Crea Utente') }}'"></span>
+          <span x-show="!saving" x-text="isEditing ? {{ _('Salva Modifiche')|tojson_attr }} : {{ _('Crea Utente')|tojson_attr }}"></span>
          <span x-show="saving" x-cloak>{{ _('Salvataggio...') }}</span>
        </button>
      </div>
@@ -310,7 +310,7 @@
         x-transition
         class="relative bg-[var(--bg-card)] rounded-xl border border-[var(--border-color)] shadow-xl w-full max-w-sm p-6">
      <h3 class="text-lg font-semibold text-[var(--text-primary)] mb-2"
-          x-text="toggleUser?.active ? '{{ _('Conferma Disattivazione') }}' : '{{ _('Conferma Riattivazione') }}'"></h3>
+          x-text="toggleUser?.active ? {{ _('Conferma Disattivazione')|tojson_attr }} : {{ _('Conferma Riattivazione')|tojson_attr }}"></h3>
      <p class="text-sm text-[var(--text-secondary)] mb-4">
        <span x-text="toggleUser?.active
          ? &quot;{{ _('Sei sicuro di voler disattivare l\'utente') }}&quot;
@@ -326,7 +326,7 @@
                :disabled="saving"
                class="px-4 py-2 text-sm font-medium text-white rounded-lg shadow-sm disabled:opacity-50 transition-colors"
                :class="toggleUser?.active ? 'bg-red-600 hover:bg-red-700' : 'bg-emerald-600 hover:bg-emerald-700'">
-          <span x-text="toggleUser?.active ? '{{ _('Disattiva') }}' : '{{ _('Riattiva') }}'"></span>
+          <span x-text="toggleUser?.active ? {{ _('Disattiva')|tojson_attr }} : {{ _('Riattiva')|tojson_attr }}"></span>
        </button>
      </div>
    </div>