From fbae56760b8995b81d672f744ea5606a57e8f72b Mon Sep 17 00:00:00 2001
From: beo3000 <pakabu@web.de>
Date: Thu, 5 Mar 2026 20:43:19 +0100
Subject: [PATCH] upd inventory

---
 .../src/lib/components/DarkSelect.svelte      |  14 ++++++++--
 .../src/routes/inventory/[id]/+page.svelte    |   4 +--
 .../src/routes/inventory/items/+page.svelte   |  26 ++++++++++--------
 ka-note/server/ka-note.db-shm                 | Bin 32768 -> 32768 bytes
 ka-note/server/ka-note.db-wal                 | Bin 2006472 -> 2233072 bytes
 5 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/ka-note/client/src/lib/components/DarkSelect.svelte b/ka-note/client/src/lib/components/DarkSelect.svelte
index 1107356..d236be6 100644
--- a/ka-note/client/src/lib/components/DarkSelect.svelte
+++ b/ka-note/client/src/lib/components/DarkSelect.svelte
@@ -17,6 +17,15 @@
 
 	let open = $state(false);
 	let container: HTMLDivElement;
+	let button: HTMLButtonElement;
+	let openUp = $state(false);
+
+	function calcDirection() {
+		if (!button) return;
+		const rect = button.getBoundingClientRect();
+		const spaceBelow = window.innerHeight - rect.bottom;
+		openUp = spaceBelow < 260; // less than max-h-60 (240px) + margin
+	}
 
 	const selected = $derived(options.find(o => o.value === value) ?? options[0]);
 
@@ -35,16 +44,17 @@
 
 <div bind:this={container} class="relative {cls}">
 	<button
+		bind:this={button}
 		type="button"
 		class="flex w-full items-center justify-between gap-2 rounded border border-border bg-white/10 px-3 py-2 text-sm text-white hover:bg-white/15 focus:border-accent focus:outline-none"
-		onclick={() => open = !open}
+		onclick={() => { calcDirection(); open = !open; }}
 	>
 		<span class="truncate">{selected?.label ?? ''}</span>
 		<ChevronDown size={14} class="flex-shrink-0 text-muted transition-transform {open ? 'rotate-180' : ''}" />
 	</button>
 
 	{#if open}
-		<div class="absolute left-0 top-full z-50 mt-1 min-w-full rounded-lg border border-border bg-surface shadow-xl py-1 max-h-60 overflow-y-auto">
+		<div class="absolute left-0 z-50 min-w-full rounded-lg border border-border bg-surface shadow-xl py-1 max-h-60 overflow-y-auto {openUp ? 'bottom-full mb-1' : 'top-full mt-1'}">
 			{#each options as opt}
 				<button
 					type="button"
diff --git a/ka-note/client/src/routes/inventory/[id]/+page.svelte b/ka-note/client/src/routes/inventory/[id]/+page.svelte
index dd2b5e2..0f767b0 100644
--- a/ka-note/client/src/routes/inventory/[id]/+page.svelte
+++ b/ka-note/client/src/routes/inventory/[id]/+page.svelte
@@ -201,7 +201,7 @@
 		const p = familyPersons.find(fp => fp.id === personId);
 		if (!p) return personId;
 		const meta = p.meta as { abbreviation?: string; fullName?: string } | null;
-		return meta?.abbreviation ?? meta?.fullName ?? p.name;
+		return meta?.abbreviation ?? meta?.fullName ?? p.name.replace(/^Person /, '');
 	}
 
 	let notesValue = $state('');
@@ -462,7 +462,7 @@
 			{#if familyPersons.length > persons.length}
 				<DarkSelect
 					value=""
-					options={[{ value: '', label: '+ Person hinzufügen' }, ...familyPersons.filter(fp => !persons.some(ap => ap.personId === fp.id)).map(fp => ({ value: fp.id, label: fp.name }))]}
+					options={[{ value: '', label: '+ Person hinzufügen' }, ...familyPersons.filter(fp => !persons.some(ap => ap.personId === fp.id)).map(fp => ({ value: fp.id, label: personName(fp.id) }))]}
 					onchange={(v) => { if (v) addPerson(v); }}
 				/>
 			{/if}
diff --git a/ka-note/client/src/routes/inventory/items/+page.svelte b/ka-note/client/src/routes/inventory/items/+page.svelte
index 76ef53d..e6ddc5f 100644
--- a/ka-note/client/src/routes/inventory/items/+page.svelte
+++ b/ka-note/client/src/routes/inventory/items/+page.svelte
@@ -79,18 +79,20 @@
 </script>
 
 <div class="mx-auto max-w-2xl p-4">
-	<div class="flex items-center justify-between mb-4">
-		<div>
-			<h1 class="text-2xl font-bold text-white">Gegenstände</h1>
-			<p class="text-muted text-sm">{filteredAssets.length} Gegenstand{filteredAssets.length !== 1 ? 'stände' : ''}</p>
-		</div>
-		<div class="flex gap-2">
-			<button class="btn-ghost flex items-center gap-1.5 text-sm" onclick={() => goto('/inventory/capture/photo')}>
-				<Camera size={15} /> Fotografieren
-			</button>
-			<button class="btn-primary flex items-center gap-1.5 text-sm" onclick={() => showAdd = true}>
-				<Plus size={15} /> Manuell
-			</button>
+	<div class="mb-4">
+		<div class="flex items-start justify-between gap-2">
+			<div>
+				<h1 class="text-2xl font-bold text-white">Gegenstände</h1>
+				<p class="text-muted text-sm">{filteredAssets.length} Gegenstand{filteredAssets.length !== 1 ? 'stände' : ''}</p>
+			</div>
+			<div class="flex gap-2 flex-shrink-0">
+				<button class="btn-ghost flex items-center gap-1.5 text-sm" onclick={() => goto('/inventory/capture/photo')}>
+					<Camera size={15} /> <span class="hidden sm:inline">Fotografieren</span>
+				</button>
+				<button class="btn-primary flex items-center gap-1.5 text-sm" onclick={() => showAdd = true}>
+					<Plus size={15} /> <span class="hidden sm:inline">Manuell</span>
+				</button>
+			</div>
 		</div>
 	</div>
 
diff --git a/ka-note/server/ka-note.db-shm b/ka-note/server/ka-note.db-shm
index 0266d9e4446bacad84b17bb1a440f1b4e034604e..055d7440d3cbc71f6c56acf5748724aae69e0741 100644
GIT binary patch
delta 825
zcmb7?%TH556o-4xJ;)U+)_TBN5P6h}kE*Q&6^jBED6}>z*kWQ_7;T!6pwUF53868r
zHR<RdU}ECV7%xlH1uGZE=tha|h#~j}tuI7zrgs)5uAJoD+;8SPznPmmxg6$lIPRGa
zIMhH{;BdI&@})`EWXG+SSH@do>2T2ujNN>CJ$Ch4*gNt3fBjOpe00gorN4%rFL%_b
zogLN*qY<qLOre!4yN%65@+?PXrDUaL4a@px&YFi2uzY5sE#K)TC+<NjXhzU@3v;5u
zydxI7BhF8-602|nwqrMnpgAr4QKsLpMX7Eu-oboHUFcz|#Jx%>h$p>F)p$TbMELrc
zmSC&xi)5@ot1x1FkNcU{V$}8;2dWGVXe|*hkPAC(?NNfsgFUuZe~<}qoAMrjC?=U!
z<38P0cZdmbyQbLT0=aR&o$>Gp(^qJ+GinE!4BVkJ=7yNoV5jc#rkDtWC_*VeF?Okr
zSrJVas1D-_vSM_YsRm;T^1^eBX*~|8?isYIkGl;j!;p=_eUfPz?o=c{Idh6>0XEuw
zuG38A7}mSCXP9cS-(Gr^xj{dn#fHi(lZmZ5&^f}i9NRQij51Z=E}aoR!?XyS6lFn7
zoNY0`!8-I|ubN4M2%Tg41)KHy{qsy->{B#@;@$<O@6fEs4dTT`rq58XC<DeUyqCXt
wP~5%5^aK3bnYzqWga+-rh7al*<j0s+;BIyDf_Nt33&>kpN_hhxm4P*mKkz)%&Hw-a

delta 533
zcmZo@U}|V!s+V}A%K!o#K+MR%An+VWC^IoI)Gj)_&*@M`YPiW44&B<R7v+Qh6gr=7
z+)b)_u;D-gWbS_?02OCvSOJt^VAveTti&{lbIaxrj4Di<8(5bxZQjD^W48GM=LE({
z4nmtZalT@j{Kv^=@+QuAlhs^AfC2{?C;xI40SX+Ne8CMwJ4{w_2T6!APWJQI2bMVJ
z36W6p65YI+Q<QPCk2gf(j1NRY!53=O7eA<0xd14`BM_qWL=Z%&OfXdGhY+X=sW6a?
z*kl(l{bsUDI7mm%<h%%w__WCqksyVym^O>W2r+|MlZBE%LJmxm(^4R61X7`fS*1Y)
zo}^6yYv#*<Xr9cI4P|iUL6w^1gBUrCleZLT02yJ7lZ}d?BAbe#iZ_%&72hfcF@S-!
bt`aJ8qYA_jVVYD6vhmR5YqbzQlQaVWN>;^2

diff --git a/ka-note/server/ka-note.db-wal b/ka-note/server/ka-note.db-wal
index 8a5c26e91278c311afcdfaafe60b638699c5eb72..c316a698c225d1450c40a91eaa3067255b54fc9f 100644
GIT binary patch
delta 1899
zcmbu8eNYs27{~Yac)8<%J>(=_#2f`ebg#YJ+q*ps4K7TlLP!=A1rP4_V3Inugp?dW
ze<?aSLd0BZ2FUm_bqwe5@>7HX9A772&bJaIM;(wdr-8U^)Qa}!g^)Q->i)Ig{p|Dn
zo_)UGJ$ZQT;GQy32@nAsh=B+21YW=!NPrah02%NFe!w3PKn?=H1P}-mU?K<tFMwbW
z0zyF;m;}O`CZF6j6~jcSm~f?QToQ6!)%os<)zx@(Op~AROhn{iL>>%?_RJ#K(upD|
z7tV2U7$#+DTFaYN49VyyHK}2>7E+(B(~(+Jj+#}e%{;GS&3pm5`h9+tEhShHk(Hw}
z(<Tc`lXSK!ht!yI7*cPs&?K+Xu-S}S&*~V9no?^?iY6&0Ri%&BP_Yc7q&3<MVGwTo
zh<ksG|9t-DZ-;yyj(83u&cX8`0nLPsGUM`vlm{37R09g_)5f>=)^@J2R<+37?fWpI
zZ>)Xf>@abh^gjkoAKz)<-IYm!nbl@@rz;q7Wvo+($4g>P`fxeOgGCsIPaE~%*NyLV
z?{2Q@ao4#p!ZlXMP%?42bac5w<v-jr^iXXPQOc#rJ=`A(?)gLH-`D<ZsS<bl7l(-~
zj7qOIn|M-ZF_{E6cs-dzYgEFWmepyr*%qGFj2`iD#Nuc3k5;k_lkx9$xu4_zKT`fr
z$dvKfW_og_RELYL?fH^=v~rx-C1i@&g_d4H6sv?lJ=MnW=Z>JY+mU=|C~hj6MuHP3
zFyh2$3M<OJY=3T5_$5F3N&a5u(*(0f?mN83S{da2+6Ez*L<9QTIzk*R=4{EqibzlV
zQ9dIc&u8n!2A$80J*>NYK*%RCFqY6Ln}3qR*R~`{K?Gr<@&Ci*?#n?t_7zs!N@zSx
zWVd}m;|7r(Ixpc4LXzkDS-Kny_(5Z-OfHwypGsQ7wVRH>8W%3ei>Ie2S|?qa4$Es1
z-S9GKC^^a&L8n42$hnGbzj3d}1j5cPMAsf2NIS6JjI}TbrgfBU=0ojLICulW2O0YB
zj-1N3LW)B)Wz+q(YoVWBhEs4~K^A7c7sh{F4xwYQmmuf2f1>D3W_n=qR7A7lzB=2>
zInKcAYY;uXCwE@N-n+{hSDY8r7DH|9H#3QqP`(2}d}P^yw{|W_Xsj6$)V&jTr>SfC
zv+&hc1mn6!A}t169drhW1R1<I;KpmSWHE3>527I>jcHd69WO$89Xd7BD}P>RYM%?%
z+(&dU+)?mAdawafZ=>3E12>1|H{U!4ouS@>1T#F=v~Iam292u_J(D=wZ@YIvSIaB}
z)86=?-+neTAJ&Nd1eu=l)789T<#9+YL9`;bfCzS0#6ssZL@$&a>fb$K=r%MKAzJmv
z5A~bR9OU5O1=P4LeS<RK_Wt9rd?%u&v<0sER*4Hv8AkM4<#s){deN7#^Dv^-g^Ak=
zU)gGfMu0l^-Y!aSxs!DZ4qipHZ$`pK1)CfBSS+s7C>G6?`){tVCVJtN-_g7C<|OHe
zu#ZZiV<C#gf=wk7UEwWz3+pMU?|-T9OYybK;b0#+X2Tp&yv;BY1*t`d-a8o+wrzf$
w50rm~N)N3nOPE<Y_ZW06l?YPTkzKQPIVBj>glJ~`^;}t3|GIs~4?X370rIt14gdfE

delta 70
zcmV~$OBO-^006+J4=F;5d~#4Li&?mYWjAQ&0*>Pd&FtSf*w%3pI5;{v3q>wsS2u~&
WT_#s}C_TMYYHy8Jr}y~{+wuop@E3Xj