DaX/Filamenteka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add admin sorting options and prevent zero quantity filament creation

Browse Source 
- Add sorting dropdown with Serbian labels (alphabetical, date-based, quantity)
- Fix Safari dropdown styling with custom-select class
- Add validation to prevent adding filaments with 0 quantity
- Improve sort dropdown layout and error handling

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: DaX <noreply@anthropic.com>
This commit is contained in:
DaX
2025-06-30 23:29:25 +02:00
parent 7349d1b60d
commit 3bd907eaf2
1 changed files with 68 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/upadaj/dashboard/page.tsx
View File

@@ -158,7 +158,21 @@ export default function AdminDashboard() {
if (aVal === null || aVal === undefined) aVal = '';
if (bVal === null || bVal === undefined) bVal = '';
// Convert to strings for comparison
// Handle date fields
if (sortField === 'created_at' || sortField === 'updated_at') {
const aDate = new Date(String(aVal));
const bDate = new Date(String(bVal));
return sortOrder === 'asc' ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime();
}
// Handle numeric fields
if (sortField === 'kolicina' || sortField === 'refill' || sortField === 'spulna') {
const aNum = Number(aVal) || 0;
const bNum = Number(bVal) || 0;
return sortOrder === 'asc' ? aNum - bNum : bNum - aNum;
}
// String comparison for other fields
aVal = String(aVal).toLowerCase();
bVal = String(bVal).toLowerCase();
@@ -355,8 +369,10 @@ export default function AdminDashboard() {
</div>
)}
{/* Search Bar */}
{/* Search Bar and Sorting */}
<div className="mb-6">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
{/* Search Input */}
<div className="relative">
<input
type="text"
@@ -369,6 +385,39 @@ export default function AdminDashboard() {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
{/* Sort Dropdown */}
<div>
<select
value={`${sortField || 'boja'}-${sortOrder || 'asc'}`}
onChange={(e) => {
try {
const [field, order] = e.target.value.split('-');
if (field && order) {
setSortField(field);
setSortOrder(order as 'asc' | 'desc');
}
} catch (error) {
console.error('Sort change error:', error);
}
}}
className="custom-select w-full px-3 py-2 text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:border-blue-500"
>
<option value="boja-asc">Sortiraj po: Boja (A-Z)</option>
<option value="boja-desc">Sortiraj po: Boja (Z-A)</option>
<option value="tip-asc">Sortiraj po: Tip (A-Z)</option>
<option value="tip-desc">Sortiraj po: Tip (Z-A)</option>
<option value="finish-asc">Sortiraj po: Finish (A-Z)</option>
<option value="finish-desc">Sortiraj po: Finish (Z-A)</option>
<option value="created_at-desc">Sortiraj po: Poslednje dodano</option>
<option value="created_at-asc">Sortiraj po: Prvo dodano</option>
<option value="updated_at-desc">Sortiraj po: Poslednje ažurirano</option>
<option value="updated_at-asc">Sortiraj po: Prvo ažurirano</option>
<option value="kolicina-desc">Sortiraj po: Količina (visoka-niska)</option>
<option value="kolicina-asc">Sortiraj po: Količina (niska-visoka)</option>
</select>
</div>
</div>
</div>
{/* Add/Edit Form */}
@@ -637,6 +686,12 @@ function FilamentForm({
// Calculate total quantity
const totalQuantity = formData.refill + formData.spulna;
// Prevent adding filaments with 0 quantity
if (totalQuantity === 0) {
alert('Količina mora biti veća od 0. Dodajte refill ili spulna.');
return;
}
// Use the prices from the form (which can be edited)
const refillPrice = formData.cena_refill;
const spoolPrice = formData.cena_spulna;