chore: rework sharing center and filter ui

Author: l4rm4nd

locale/de/LC_MESSAGES/django.mo

@@ -301,6 +301,10 @@ msgstr "Gutscheine"
 msgid "Loyalty Cards"
 msgstr "Kundenkarten"
 
+#: myapp/templates/inventory.html:672
+msgid "Loyalty"
+msgstr "Kundenkarten"
+
 #: myapp/templates/edit-item.html:8 myapp/templates/edit-item.html:13
 msgid "Edit Item"
 msgstr "Bearbeiten"
@@ -425,6 +429,46 @@ msgstr "Zum Inventar"
 msgid "Change Your Password"
 msgstr "Passwort ändern"
 
+#: myapp/templates/registration/password_change_form.html
+msgid "Update Your Password"
+msgstr "Passwort aktualisieren"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Current Password"
+msgstr "Aktuelles Passwort"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "New Password"
+msgstr "Neues Passwort"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Confirm New Password"
+msgstr "Neues Passwort bestätigen"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be too similar to your other personal information."
+msgstr "Dein Passwort darf deinen persönlichen Daten nicht zu ähnlich sein."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password must contain at least 8 characters."
+msgstr "Dein Passwort muss mindestens 8 Zeichen enthalten."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be a commonly used password."
+msgstr "Dein Passwort darf kein häufig verwendetes Passwort sein."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be entirely numeric."
+msgstr "Dein Passwort darf nicht nur aus Zahlen bestehen."
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Password Changed"
+msgstr "Passwort geändert"
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Your password has been successfully changed. You can now use your new password to log in."
+msgstr "Dein Passwort wurde erfolgreich geändert. Du kannst dich jetzt mit deinem neuen Passwort anmelden."
+
 #: myapp/templates/share_item.html:7 myapp/templates/share_item.html:36
 msgid "Share Item"
 msgstr "Gegenstand teilen"

locale/de/LC_MESSAGES/django.po

@@ -300,6 +300,10 @@ msgstr "Cartes-cadeaux"
 msgid "Loyalty Cards"
 msgstr "Cartes de fidélité"
 
+#: myapp/templates/inventory.html:672
+msgid "Loyalty"
+msgstr "Fidélité"
+
 #: myapp/templates/edit-item.html:8 myapp/templates/edit-item.html:13
 msgid "Edit Item"
 msgstr "Modifier l'élément"
@@ -418,6 +422,46 @@ msgstr "Aller à l'inventaire"
 msgid "Change Your Password"
 msgstr "Modifier votre mot de passe"
 
+#: myapp/templates/registration/password_change_form.html
+msgid "Update Your Password"
+msgstr "Mettre à jour votre mot de passe"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Current Password"
+msgstr "Mot de passe actuel"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "New Password"
+msgstr "Nouveau mot de passe"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Confirm New Password"
+msgstr "Confirmer le nouveau mot de passe"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be too similar to your other personal information."
+msgstr "Votre mot de passe ne peut pas être trop similaire à vos autres informations personnelles."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password must contain at least 8 characters."
+msgstr "Votre mot de passe doit contenir au moins 8 caractères."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be a commonly used password."
+msgstr "Votre mot de passe ne peut pas être un mot de passe couramment utilisé."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be entirely numeric."
+msgstr "Votre mot de passe ne peut pas être entièrement numérique."
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Password Changed"
+msgstr "Mot de passe modifié"
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Your password has been successfully changed. You can now use your new password to log in."
+msgstr "Votre mot de passe a été modifié avec succès. Vous pouvez maintenant utiliser votre nouveau mot de passe pour vous connecter."
+
 #: myapp/templates/share_item.html:7 myapp/templates/share_item.html:36
 msgid "Share Item"
 msgstr "Partager l'élément"

locale/fr/LC_MESSAGES/django.mo

@@ -307,6 +307,10 @@ msgstr "Carte regalo"
 msgid "Loyalty Cards"
 msgstr "Carte fedeltà"
 
+#: myapp/templates/inventory.html:672
+msgid "Loyalty"
+msgstr "Fedeltà"
+
 #: myapp/templates/edit-item.html:8 myapp/templates/edit-item.html:13
 msgid "Edit Item"
 msgstr "Modifica articolo"
@@ -425,6 +429,46 @@ msgstr "Vai all'inventario"
 msgid "Change Your Password"
 msgstr "Cambiare la password"
 
+#: myapp/templates/registration/password_change_form.html
+msgid "Update Your Password"
+msgstr "Aggiorna la tua password"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Current Password"
+msgstr "Password attuale"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "New Password"
+msgstr "Nuova password"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Confirm New Password"
+msgstr "Conferma nuova password"
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be too similar to your other personal information."
+msgstr "La password non può essere troppo simile alle altre informazioni personali."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password must contain at least 8 characters."
+msgstr "La password deve contenere almeno 8 caratteri."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be a commonly used password."
+msgstr "La password non può essere una password di uso comune."
+
+#: myapp/templates/registration/password_change_form.html
+msgid "Your password can't be entirely numeric."
+msgstr "La password non può essere interamente numerica."
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Password Changed"
+msgstr "Password modificata"
+
+#: myapp/templates/registration/password_change_done.html
+msgid "Your password has been successfully changed. You can now use your new password to log in."
+msgstr "La password è stata modificata con successo. Ora puoi accedere con la tua nuova password."
+
 #: myapp/templates/share_item.html:7 myapp/templates/share_item.html:36
 msgid "Share Item"
 msgstr "Condividi Articolo"

locale/fr/LC_MESSAGES/django.po

@@ -289,30 +289,39 @@ body.dark-mode .footer .credits {
 }
 
 body.dark-mode .form-control {
-  background-color: lightgrey !important;
+  background-color: #2a2a2a !important;
+  color: #e0e0e0 !important;
+  border-color: #444 !important;
 }
 
 body.dark-mode .form-select {
-  background-color: lightgrey !important;
+  background-color: #2a2a2a !important;
+  color: #e0e0e0 !important;
+  border-color: #444 !important;
 }
 
-body.dark-mode #id_old_password {
-  background-color: lightgrey !important;
+body.dark-mode #id_old_password,
+body.dark-mode #id_new_password1,
+body.dark-mode #id_new_password2 {
+  background-color: #2a2a2a !important;
+  color: #e0e0e0 !important;
+  -webkit-text-fill-color: #e0e0e0 !important;
 }
 
 body.dark-mode {
   background-color: #121212;
-  color: #000000;
+  color: #e0e0e0;
 }
 
 body.dark-mode input[type="password"] {
-  background-color: lightgrey !important;
-  color: #000000 !important;
-  border: 1px solid #444444 !important;
+  background-color: #2a2a2a !important;
+  color: #e0e0e0 !important;
+  -webkit-text-fill-color: #e0e0e0 !important;
+  border: 1px solid #444 !important;
 }
 
 body.dark-mode input[type="password"]::placeholder {
-  color: #bbbbbb !important;
+  color: #888 !important;
 }
 
 /* custom css for show-item.html */

locale/it/LC_MESSAGES/django.mo

@@ -529,7 +529,7 @@ <h2>{% trans "Status Overview" %}</h2>
           <h2>{% trans "Shared Items" %}</h2>
         </div>
         <div class="stats-grid two-col">
-          <a href="{% url 'show_items' %}?status=shared_by_me" class="stat-card shared">
+          <a href="{% url 'sharing_center' %}?filter=by_me" class="stat-card shared">
             <div class="stat-card-icon">
               <i class="bi bi-send"></i>
             </div>
@@ -539,7 +539,7 @@ <h2>{% trans "Shared Items" %}</h2>
             </div>
           </a>
 
-          <a href="{% url 'show_items' %}?status=shared_with_me" class="stat-card shared">
+          <a href="{% url 'sharing_center' %}?filter=with_me" class="stat-card shared">
             <div class="stat-card-icon">
               <i class="bi bi-inbox"></i>
             </div>

locale/it/LC_MESSAGES/django.po

@@ -129,6 +129,18 @@
   font-size: 0.85rem;
 }
 
+.filter-chip .count {
+  background: rgba(0,0,0,0.1);
+  padding: 0.1rem 0.4rem;
+  border-radius: 10px;
+  font-size: 0.7rem;
+  margin-left: 0.25rem;
+}
+
+.filter-chip.active .count {
+  background: rgba(255,255,255,0.2);
+}
+
 .filter-divider {
   width: 1px;
   height: 24px;
@@ -368,7 +380,7 @@
 /* Pin Button */
 .pin-btn {
   position: absolute;
-  top: 0.5rem;
+  top: 0.75rem;
   right: 0.5rem;
   width: 32px;
   height: 32px;
@@ -462,6 +474,14 @@
   background: #2a2a2a;
 }
 
+body.dark-mode .pin-btn.pinned {
+  background: #4a3f1f;
+}
+
+body.dark-mode .pin-btn.pinned i {
+  color: #ffc107;
+}
+
 body.dark-mode .meta-item {
   color: #999;
 }
@@ -611,19 +631,17 @@ <h1>{% trans "Inventory" %}</h1>
       <div class="mobile-filters">
         <div class="mobile-filter-row">
           <select class="mobile-filter-select" id="mobileStatusFilter" onchange="applyMobileFilters()">
-            <option value="available" {% if item_status == 'available' or not item_status %}selected{% endif %}>{% trans "Available" %}</option>
-            <option value="soon_expiring" {% if item_status == 'soon_expiring' %}selected{% endif %}>{% trans "Expiring Soon" %}</option>
-            <option value="used" {% if item_status == 'used' %}selected{% endif %}>{% trans "Used" %}</option>
-            <option value="expired" {% if item_status == 'expired' %}selected{% endif %}>{% trans "Expired" %}</option>
-            <option value="shared_by_me" {% if item_status == 'shared_by_me' %}selected{% endif %}>{% trans "Shared By Me" %}</option>
-            <option value="shared_with_me" {% if item_status == 'shared_with_me' %}selected{% endif %}>{% trans "Shared With Me" %}</option>
+            <option value="available" {% if item_status == 'available' or not item_status %}selected{% endif %}>{% trans "Available" %} ({{ available_count }})</option>
+            <option value="soon_expiring" {% if item_status == 'soon_expiring' %}selected{% endif %}>{% trans "Expiring Soon" %} ({{ soon_expiring_count }})</option>
+            <option value="used" {% if item_status == 'used' %}selected{% endif %}>{% trans "Used" %} ({{ used_count }})</option>
+            <option value="expired" {% if item_status == 'expired' %}selected{% endif %}>{% trans "Expired" %} ({{ expired_count }})</option>
           </select>
           <select class="mobile-filter-select" id="mobileTypeFilter" onchange="applyMobileFilters()">
-            <option value="" {% if not item_type %}selected{% endif %}>{% trans "All Types" %}</option>
-            <option value="voucher" {% if item_type == 'voucher' %}selected{% endif %}>{% trans "Vouchers" %}</option>
-            <option value="giftcard" {% if item_type == 'giftcard' %}selected{% endif %}>{% trans "Gift Cards" %}</option>
-            <option value="coupon" {% if item_type == 'coupon' %}selected{% endif %}>{% trans "Coupons" %}</option>
-            <option value="loyaltycard" {% if item_type == 'loyaltycard' %}selected{% endif %}>{% trans "Loyalty Cards" %}</option>
+            <option value="" {% if not item_type %}selected{% endif %}>{% trans "All Types" %} ({{ all_types_count }})</option>
+            <option value="voucher" {% if item_type == 'voucher' %}selected{% endif %}>{% trans "Vouchers" %} ({{ voucher_count }})</option>
+            <option value="giftcard" {% if item_type == 'giftcard' %}selected{% endif %}>{% trans "Gift Cards" %} ({{ giftcard_count }})</option>
+            <option value="coupon" {% if item_type == 'coupon' %}selected{% endif %}>{% trans "Coupons" %} ({{ coupon_count }})</option>
+            <option value="loyaltycard" {% if item_type == 'loyaltycard' %}selected{% endif %}>{% trans "Loyalty Cards" %} ({{ loyaltycard_count }})</option>
           </select>
         </div>
       </div>
@@ -634,18 +652,22 @@ <h1>{% trans "Inventory" %}</h1>
         <a href="?{% if item_type %}type={{ item_type }}&{% endif %}status=available{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_status == 'available' or not item_status %}active{% endif %}">
           <i class="bi bi-check-circle"></i> {% trans "Available" %}
+          <span class="count">{{ available_count }}</span>
         </a>
         <a href="?{% if item_type %}type={{ item_type }}&{% endif %}status=soon_expiring{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_status == 'soon_expiring' %}active{% endif %}">
           <i class="bi bi-clock-history"></i> {% trans "Expiring Soon" %}
+          <span class="count">{{ soon_expiring_count }}</span>
         </a>
         <a href="?{% if item_type %}type={{ item_type }}&{% endif %}status=used{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_status == 'used' %}active{% endif %}">
           <i class="bi bi-check2-all"></i> {% trans "Used" %}
+          <span class="count">{{ used_count }}</span>
         </a>
         <a href="?{% if item_type %}type={{ item_type }}&{% endif %}status=expired{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_status == 'expired' %}active{% endif %}">
           <i class="bi bi-x-circle"></i> {% trans "Expired" %}
+          <span class="count">{{ expired_count }}</span>
         </a>
 
         <span class="filter-divider"></span>
@@ -654,34 +676,27 @@ <h1>{% trans "Inventory" %}</h1>
         <a href="?status={{ item_status }}{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if not item_type %}active{% endif %}">
           {% trans "All Types" %}
+          <span class="count">{{ all_types_count }}</span>
         </a>
         <a href="?type=voucher&status={{ item_status }}{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_type == 'voucher' %}active{% endif %}">
           <i class="bi bi-ticket-perforated"></i> {% trans "Vouchers" %}
+          <span class="count">{{ voucher_count }}</span>
         </a>
         <a href="?type=giftcard&status={{ item_status }}{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_type == 'giftcard' %}active{% endif %}">
           <i class="bi bi-gift"></i> {% trans "Gift Cards" %}
+          <span class="count">{{ giftcard_count }}</span>
         </a>
         <a href="?type=coupon&status={{ item_status }}{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_type == 'coupon' %}active{% endif %}">
           <i class="bi bi-percent"></i> {% trans "Coupons" %}
+          <span class="count">{{ coupon_count }}</span>
         </a>
         <a href="?type=loyaltycard&status={{ item_status }}{% if search_query %}&query={{ search_query }}{% endif %}" 
            class="filter-chip {% if item_type == 'loyaltycard' %}active{% endif %}">
           <i class="bi bi-star"></i> {% trans "Loyalty" %}
-        </a>
-        
-        <span class="filter-divider"></span>
-
-        <!-- Sharing Filters -->
-        <a href="?status=shared_by_me{% if search_query %}&query={{ search_query }}{% endif %}" 
-           class="filter-chip {% if item_status == 'shared_by_me' %}active{% endif %}">
-          <i class="bi bi-box-arrow-up"></i> {% trans "Shared By Me" %}
-        </a>
-        <a href="?status=shared_with_me{% if search_query %}&query={{ search_query }}{% endif %}" 
-           class="filter-chip {% if item_status == 'shared_with_me' %}active{% endif %}">
-          <i class="bi bi-box-arrow-in-down"></i> {% trans "Shared With Me" %}
+          <span class="count">{{ loyaltycard_count }}</span>
         </a>
       </div>