fix(loyalty): add red star (*) to mandatory category fields
Some checks failed
CI / ruff (push) Successful in 17s
CI / validate (push) Has been cancelled
CI / dependency-scanning (push) Has been cancelled
CI / docs (push) Has been cancelled
CI / deploy (push) Has been cancelled
CI / pytest (push) Has been cancelled

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-25 12:47:12 +02:00
parent 62b83b46a4
commit f23990a4d9

View File

@@ -234,22 +234,22 @@
<div x-show="showAddCategory" class="mb-4 p-4 border border-purple-200 dark:border-purple-800 rounded-lg bg-purple-50 dark:bg-purple-900/20"> <div x-show="showAddCategory" class="mb-4 p-4 border border-purple-200 dark:border-purple-800 rounded-lg bg-purple-50 dark:bg-purple-900/20">
<div class="grid gap-3 md:grid-cols-2 mb-3"> <div class="grid gap-3 md:grid-cols-2 mb-3">
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">English (EN)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">English (EN) <span class="text-red-500">*</span></label>
<input type="text" x-model="newCategoryName" maxlength="100" placeholder="e.g. Men" <input type="text" x-model="newCategoryName" maxlength="100" placeholder="e.g. Men"
class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">French (FR)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">French (FR) <span class="text-red-500">*</span></label>
<input type="text" x-model="newCategoryTranslations.fr" maxlength="100" placeholder="e.g. Hommes" <input type="text" x-model="newCategoryTranslations.fr" maxlength="100" placeholder="e.g. Hommes"
class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">German (DE)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">German (DE) <span class="text-red-500">*</span></label>
<input type="text" x-model="newCategoryTranslations.de" maxlength="100" placeholder="e.g. Herren" <input type="text" x-model="newCategoryTranslations.de" maxlength="100" placeholder="e.g. Herren"
class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">Luxembourgish (LB)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">Luxembourgish (LB) <span class="text-red-500">*</span></label>
<input type="text" x-model="newCategoryTranslations.lb" maxlength="100" placeholder="e.g. Hären" <input type="text" x-model="newCategoryTranslations.lb" maxlength="100" placeholder="e.g. Hären"
class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
@@ -298,19 +298,19 @@
<div x-show="viewingCategoryId === cat.id && editingCategoryId !== cat.id" class="p-3 bg-gray-50 dark:bg-gray-900/20"> <div x-show="viewingCategoryId === cat.id && editingCategoryId !== cat.id" class="p-3 bg-gray-50 dark:bg-gray-900/20">
<div class="grid gap-2 md:grid-cols-2 mb-3"> <div class="grid gap-2 md:grid-cols-2 mb-3">
<div> <div>
<p class="text-xs font-medium text-gray-500 dark:text-gray-400">English (EN)</p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400">English (EN) <span class="text-red-500">*</span></p>
<p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name || '-'"></p> <p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name || '-'"></p>
</div> </div>
<div> <div>
<p class="text-xs font-medium text-gray-500 dark:text-gray-400">French (FR)</p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400">French (FR) <span class="text-red-500">*</span></p>
<p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.fr || '-'"></p> <p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.fr || '-'"></p>
</div> </div>
<div> <div>
<p class="text-xs font-medium text-gray-500 dark:text-gray-400">German (DE)</p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400">German (DE) <span class="text-red-500">*</span></p>
<p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.de || '-'"></p> <p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.de || '-'"></p>
</div> </div>
<div> <div>
<p class="text-xs font-medium text-gray-500 dark:text-gray-400">Luxembourgish (LB)</p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400">Luxembourgish (LB) <span class="text-red-500">*</span></p>
<p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.lb || '-'"></p> <p class="text-sm text-gray-700 dark:text-gray-300" x-text="cat.name_translations?.lb || '-'"></p>
</div> </div>
</div> </div>
@@ -330,22 +330,22 @@
<div x-show="editingCategoryId === cat.id" class="p-3 bg-purple-50 dark:bg-purple-900/20"> <div x-show="editingCategoryId === cat.id" class="p-3 bg-purple-50 dark:bg-purple-900/20">
<div class="grid gap-2 md:grid-cols-2 mb-3"> <div class="grid gap-2 md:grid-cols-2 mb-3">
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">English (EN)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">English (EN) <span class="text-red-500">*</span></label>
<input type="text" x-model="editCategoryData.name" maxlength="100" <input type="text" x-model="editCategoryData.name" maxlength="100"
class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">French (FR)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">French (FR) <span class="text-red-500">*</span></label>
<input type="text" x-model="editCategoryData.translations.fr" maxlength="100" <input type="text" x-model="editCategoryData.translations.fr" maxlength="100"
class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">German (DE)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">German (DE) <span class="text-red-500">*</span></label>
<input type="text" x-model="editCategoryData.translations.de" maxlength="100" <input type="text" x-model="editCategoryData.translations.de" maxlength="100"
class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>
<div> <div>
<label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">Luxembourgish (LB)</label> <label class="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">Luxembourgish (LB) <span class="text-red-500">*</span></label>
<input type="text" x-model="editCategoryData.translations.lb" maxlength="100" <input type="text" x-model="editCategoryData.translations.lb" maxlength="100"
class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300"> class="w-full px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-gray-300">
</div> </div>