k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-20 05:56:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(packing): templates keep weight, quantity and bag; packed and per-person weights (#1131)

Browse Source
This commit is contained in:
Maurice
2026-10-01 12:47:58 +02:00
parent 88afdb986c
commit a416d41cda
37 changed files with 361 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Admin/PackingTemplateManager.tsx
+13 -1
View File
@@ -5,7 +5,16 @@ import { useTranslation } from '../../i18n'
import { Plus, Trash2, Edit2, Package, X, Check, ChevronDown, ChevronRight, FolderPlus } from 'lucide-react'
interface TemplateCategory { id: number; template_id: number; name: string; sort_order: number }
interface TemplateItem { id: number; category_id: number; name: string; sort_order: number }
interface TemplateItem { id: number; category_id: number; name: string; sort_order: number; weight_grams?: number | null; quantity?: number | null; bag_name?: string | null }
/** "2× · 300 g · Backpack": what a template item brings along besides its name (#1131). */
function templateItemMeta(item: TemplateItem): string {
const parts: string[] = []
if ((item.quantity ?? 1) > 1) parts.push(`${item.quantity}×`)
if (item.weight_grams) parts.push(item.weight_grams >= 1000 ? `${(item.weight_grams / 1000).toFixed(1)} kg` : `${item.weight_grams} g`)
if (item.bag_name) parts.push(item.bag_name)
return parts.join(' · ')
}
interface Template { id: number; name: string; item_count: number; category_count: number; created_by_name: string }
export default function PackingTemplateManager() {
@@ -252,6 +261,9 @@ export default function PackingTemplateManager() {
) : (
<>
<span className="flex-1 text-sm text-slate-700">{item.name}</span>
{templateItemMeta(item) && (
<span className="text-caption text-content-faint tabular-nums truncate max-w-[45%]">{templateItemMeta(item)}</span>
)}
<button type="button" onClick={() => { setEditingItemId(item.id); setEditItemName(item.name) }}
className="p-1 rounded opacity-0 group-hover:opacity-100 text-slate-400 hover:text-slate-700 transition-all"><Edit2 size={12} /></button>
<button type="button" onClick={() => handleDeleteItem(item.id)}