From c1343570f7862afca177a75409d6a51ce032ef49 Mon Sep 17 00:00:00 2001
From: beo3000 <pakabu@web.de>
Date: Sat, 28 Feb 2026 09:11:46 +0100
Subject: [PATCH] upd person list

---
 ka-note/VERSION                               |   2 +-
 .../src/lib/components/PersonList.svelte      |  13 ++++---
 .../client/src/routes/persons/+page.svelte    |  33 ++++++++++++------
 ka-note/server/ka-note.db-wal                 | Bin 4194192 -> 4194192 bytes
 4 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/ka-note/VERSION b/ka-note/VERSION
index 1b9c4a2..bc15b23 100644
--- a/ka-note/VERSION
+++ b/ka-note/VERSION
@@ -1 +1 @@
-1.1.92
\ No newline at end of file
+1.1.93
\ No newline at end of file
diff --git a/ka-note/client/src/lib/components/PersonList.svelte b/ka-note/client/src/lib/components/PersonList.svelte
index 076151c..9688762 100644
--- a/ka-note/client/src/lib/components/PersonList.svelte
+++ b/ka-note/client/src/lib/components/PersonList.svelte
@@ -6,8 +6,9 @@
 
 	interface Props {
 		persons: AgendaContext[];
+		sortable?: boolean;
 	}
-	let { persons }: Props = $props();
+	let { persons, sortable = false }: Props = $props();
 
 	function displayName(name: string): string {
 		return name.replace('Person ', '');
@@ -68,10 +69,12 @@
 			{@const showTenure = subType === 'employee' && !!meta?.joinDate}
 			{@const hasInfo = (showBirthday && !!meta?.birthday) || showTenure}
 			<div class="flex items-center gap-2">
-				<div class="flex flex-col">
-					<button class="text-[#555] hover:text-[#aaa] disabled:opacity-20 leading-none px-1" onclick={() => reorderContext(ctx.id, 'up')} disabled={i === 0} title="Nach oben">▲</button>
-					<button class="text-[#555] hover:text-[#aaa] disabled:opacity-20 leading-none px-1" onclick={() => reorderContext(ctx.id, 'down')} disabled={i === persons.length - 1} title="Nach unten">▼</button>
-				</div>
+				{#if sortable}
+					<div class="flex flex-col">
+						<button class="text-[#555] hover:text-[#aaa] disabled:opacity-20 leading-none px-1" onclick={() => reorderContext(ctx.id, 'up')} disabled={i === 0} title="Nach oben">▲</button>
+						<button class="text-[#555] hover:text-[#aaa] disabled:opacity-20 leading-none px-1" onclick={() => reorderContext(ctx.id, 'down')} disabled={i === persons.length - 1} title="Nach unten">▼</button>
+					</div>
+				{/if}
 				<button
 					class="rounded border border-[#444] bg-sidebar px-2.5 py-2.5 transition-colors hover:border-[#666] {ctx.isFavorite ? 'text-yellow-400' : 'text-[#555] hover:text-yellow-400/60'}"
 					onclick={() => toggleFavorite(ctx.id)}
diff --git a/ka-note/client/src/routes/persons/+page.svelte b/ka-note/client/src/routes/persons/+page.svelte
index 431e573..dc3acdb 100644
--- a/ka-note/client/src/routes/persons/+page.svelte
+++ b/ka-note/client/src/routes/persons/+page.svelte
@@ -13,9 +13,10 @@
 
 	const persons = $derived($allPersons ?? []);
 
-	type Tab = 'all' | PersonSubType;
+	type Tab = 'favorites' | 'all' | PersonSubType;
 
 	const tabs: { key: Tab; label: string }[] = [
+		{ key: 'favorites', label: '★' },
 		{ key: 'all', label: 'Alle' },
 		{ key: 'family', label: 'Familie' },
 		{ key: 'colleague', label: 'Kollegen' },
@@ -26,11 +27,23 @@
 
 	let activeTab = $state<Tab>('all');
 
-	const filtered = $derived(
-		activeTab === 'all'
-			? persons
-			: persons.filter(c => ((c.meta as PersonMeta | null)?.personSubType ?? 'contact') === activeTab)
-	);
+	function sortAlpha(list: typeof persons) {
+		return [...list].sort((a, b) =>
+			a.name.replace('Person ', '').localeCompare(b.name.replace('Person ', ''), 'de')
+		);
+	}
+
+	const filtered = $derived(() => {
+		if (activeTab === 'favorites') return persons.filter(c => c.isFavorite);
+		if (activeTab === 'all') return sortAlpha(persons);
+		return sortAlpha(persons.filter(c => ((c.meta as PersonMeta | null)?.personSubType ?? 'contact') === activeTab));
+	});
+
+	function tabCount(key: Tab): number {
+		if (key === 'favorites') return persons.filter(c => c.isFavorite).length;
+		if (key === 'all') return persons.length;
+		return persons.filter(c => ((c.meta as PersonMeta | null)?.personSubType ?? 'contact') === key).length;
+	}
 
 	let creating = $state(false);
 	let newName = $state('');
@@ -79,18 +92,18 @@
 
 	<div class="mb-4 flex gap-1 overflow-x-auto border-b border-[#333] pb-2 scrollbar-none">
 		{#each tabs as tab}
-			{@const count = tab.key === 'all' ? persons.length : persons.filter(c => ((c.meta as PersonMeta | null)?.personSubType ?? 'contact') === tab.key).length}
+			{@const count = tabCount(tab.key)}
 			{#if count > 0 || tab.key === 'all'}
 				<button
-					class="rounded px-3 py-1 text-sm transition-colors {activeTab === tab.key ? 'bg-accent text-white' : 'text-muted hover:text-white'}"
+					class="shrink-0 rounded px-3 py-1 text-sm transition-colors {activeTab === tab.key ? 'bg-accent text-white' : 'text-muted hover:text-white'} {tab.key === 'favorites' ? 'text-yellow-400' : ''}"
 					onclick={() => activeTab = tab.key}
 				>
 					{tab.label}
-					<span class="ml-1 opacity-60">{count}</span>
+					{#if tab.key !== 'favorites'}<span class="ml-1 opacity-60">{count}</span>{/if}
 				</button>
 			{/if}
 		{/each}
 	</div>
 
-	<PersonList persons={filtered} />
+	<PersonList persons={filtered()} sortable={activeTab === 'favorites'} />
 </div>
diff --git a/ka-note/server/ka-note.db-wal b/ka-note/server/ka-note.db-wal
index a9c9863f77fa348818a994e1c8f661a7d8cfb513..818f99a6eb55062cfddaad3385f73538af86c77d 100644
GIT binary patch
delta 2675
zcmai#3se)w8pn5&5JPg~ZU{jhA`f|01OkFuzz1Ln^%|R^w%A&TBH#m*Qk9m1gnOfS
zIfZ~wb1GU>5h=7DK_nxz2vT!wE3LuWii!f&3RJ48qM~BC--IM!ubw;S{5G4}|9tc9
z%zXbX9vvl%0fmxOGL%duOKGKKD<>&AN^2$eIPV~BN00<Gx9%g%LsC_68PVAu+0lKW
zlrC}N`w;}W4v>R@RU)55`qihG)Ka$IXX65%o)xBALB9jVgDWXPBaT6%6yF%+y|t&Z
zbD|50`h|5g&DrnJ9$T3A?~BMaEa)LcCY8!M>^XjE`NJy*9(+)r-T{*KzM<s1|9Sr;
zlD!?oq}9I796qNvzM$?>U;b-oVKWCL;h|qNEK;ksYZvi(^c3SX5xR~YDpcgo#|iL$
zBzQlf%L4K=uYS|hV3r*j1KpPQI=#pyBjNh>L2VET!9MF5Ek7SInMV4VLLNPqv|uD-
z_`-_vEF_M_lKM>v9df&1hE{4(<X+ZQsINNyg?jc+Gmo02dnNv(gX=4`@A{g%Zlj^X
z*S`BL3Kj3hfe!a9>1_;ayN~3BmPn7X`H4?5HZ-8tV_0%GF0&yai{*uik60vg0v;B9
zwc)}-WH^r{&f67(JNtBcRQ#zm{C$Wjy5BmtJq)?t!%v%j*t|uhad1M0KP&;R=605I
z%BnUanUDbz(W;7RbGP@sjtqjC=1kiZ1ADjR>2tLSF6J&_n7i;&rnC~t{B6yBzpaXN
z$Ud000@W_Vk*Z};Ukz!f#YnN#B6)SQG}>`xdmW+=Pc{!*5ZhJL)>XC#DKacGiv8Er
z+U_E25naY$(>CM#^HX)Z&3U?{1?dGOlMa+m+&f*}O4cQf^bGEU#ssQh#}k3IrhAFH
zYdSw&ou=T1pkgcLBuXs~=Y)xpK(fw!v_G_!mU!2s9YgX0K{f-QU4lTp9|;QhV+X)h
zeD?9>!?S%}aP*PpI0Mf9@~{1y1H?i%D{7EnQJoNjOhJRW+;bF}to~ZXwO22>z_4~A
zs<`mz6Fi4`etSvMo#aoJuS3HsE-a&@+Nto@?)nVvTq_3ch2LmgstT_y3}!X<@u?w#
z0h3Sza1lVdvR3XrYMy+ewqf6sdiG-8o45}etPZ&bFs%-`+VnpKesL`)s|^>awG&s$
z(87(e_1;<F<SW@5X{;r}hah~cBGq|YnGPsN&%H(2h=#9xuh<-PZ0xxwL3n;#!*fDM
z4BTs!2x5=t{?69l|ESCu{zjeN!*xeB2JT`u>bl8QThGDMTXy4}rU1dwM{Yli1#~9}
zcl?Tw`T?0z0gYr4Egl3hxrNct#_OT}W>b$U9olZ}nxAXjD}U3g$sr4)P5F=6l<Wp8
zGql7mbAnAJpwxWoE~UQBv^VW~7#W#5y{X}h(W`6^MR)%0tB@|nLzvWUxROa|UlnzW
zBG(vwE8H>d#ERS#F=M`^>pHsh){dH$6MgIBg*zfr9)Eh%<XgI(rzu^X;uVyB72B90
z3cWgO*V07Psu!6H<pIhGY?^C3j5JTNq@zN(rRisvGss}DNN%Tn7}{NQ{7a;Wq0Pgx
zX0IPqEq}v+dcO2A_swv239-K8oTZ(QU7}pxDwVAN)dR@_?aYe6dzTbTewh`D#PL{i
zRa|v|FMY2G>0NndiC^}OF2OfhUWl%?OtvBN{(*DyY-??VMRvXUgFoL2d3}e;l14<k
z8T;Q)`zI2wwn!SBY+@SjK3IiXPvXfQ3mvwVpYs$Wd7ecwGJoI6Ov6At(pU@33EUw)
zt?ow+=(U?(GIxo4XMO%l1$+%$M{%UVB<F2$%Q~l^)>D>9Yxk5=5#28fk<10xSL{fL
z2a-oMB8|-ybCibxe)Bf&3HcK#7GO#9lb{UQ$^J9QmGKWYJ$3vHpXlGl{_9X&=5xO+
zLB{W)rL3#>F6zJ8k<tQZ1vgxO62M%4_&z~Bbw4NG2KN)y_(;L;=lFhN85#`>Dt9~!
zdH-l-+?}Eg&lr~A+v)$}KWl6)5yE$;6|n12Z35R~Y=LXIDn4i9P9Y<@Wn=vd>SWB*
zIJ>1kEn9uDEg1FWa<5S2YNL;NNXF_A68c{+TO!kMy)m<-%H(C4rAdiZ2Sn26dD$D6
zHNs<wjz!P+G7(-A%UXI}p|8)IeJ@E3pEXbHJlFnac9pDePqke8E(Z^Sh8H_!!eZll
zY<S54cAJz^O>gY~S$AxIGpzHYz4<AtoX73$MQ(&0t(S6v8OGB-uQ}=(J$$g=IGUYG
zuv5+EC^31T+cVyGHf1Pfz)e>+?tNB~C3$vWbiGu*u#pA?fDIr7YylBq2TTF%0SCYl
zZ~~?R&cHOl1#ku20C!+I-~o67UVt~?1H1&x0DOU&fFIxw1OQ?n5C{Th0l`2BFdLWy
X%mrQsLV++K9GC~pN5aMhInn<GfXItO

delta 1696
zcmZvcc}&x17{}XkRiL!ocPSvqC6oeM!Ewx~QFK-qIvJNvo#MbU!2^PpSg#GVfCB`P
z!ys3Iir5E71~`ZyV&pImVS_@P2!mQ2Y6c>EUS)qQS(8tbZ$7{0$@?bXypqL5sss^<
zsbZQ~O{^}~5NnFH#B}j8v37$_Da(Yqje<Yhks6v~Nzhw<#%PMh+SH@KQu?!4^xNL0
zwdsu&@gUl6g3(^ye3(62ngs%1D~yqJ*gtq#G7Yi>Vv`=${$`~bw}rs_EQ~{Y3WK<@
zJEK97N$km%*kGrj<xU`+AlCR~&a^u-DG^xp#2(Y#dL?wns&L@g+hJ5(4^0eDW_%`(
zcg7S{pJ_Rvos$AR&iW+Y2rBHE-Pr`fS7dZwi2q=F^M%9m%|w3lXjvOish$BbwPe&w
zy@L~>H<k+ASYqF~4{YL<A9?^iJX4HE2BaB^&4IC?xM+mYregQKWZPjyHY?MTYLV@h
zxsGZ9F`=e1CjHFX(kHxeBRNQ_$evf`;`gK1_3i-o2-(Bgt7$gf+E@gwU1-h9qiPRa
zot=NkV9ru#%mE5>0{>VPO1UuGltmw3KXNryJuN9$6rgRVK`9Coi$FF@>tyDR%<0?G
zxAFNK3$FENf#eohom0jur5e-?0!POHqcS@x?7Y5?8c2Tiz&IwZ40UXNaSQ~m1`|wb
zMQ(nIfg_#4o0g{QvPVDM!}7yDEP=~4#(U&bY_-^>k&&RX;NiURm%8pU!+ZPW0%J@+
z8!uQ;7Wa#Q<42_XoMGeKxZ_da3W@DIu$nC!EQ|)hSHz~t3%cf0N>YGh&Bn+Ve6ip@
z<HQ2t6glUG{>93%!I^%L$jEGcWpCDB4k42uD<HGxnT6HYVsg4c6iH??;)Yl-TSJE)
zH$!5(wx77|SEUUqjpZ13rD-a|BfVVYTZ!x*I4ONBHTMTaAsJ1JclrA8?WzUf#u3{@
zKNuCqu=fH<7FCDE_)zKNZyWSv`_-`mnXdRr&czFB&Dv+fAaIy0m_M^|vvN)JFi2|1
zg0@{Pb>4aj5)i&8w#6{hnLp{-xK!ziF|G5~Ik)_vm~DgBh8liF={xQPtuthE!|+|*
zj-mz|=<z4kM`V2HICcFM;OLQZx%@F{Sgt1<kw+7G=4NGQ`>}i0AaEx#B7DW*j+f8(
zfh?5v@3|8^O3X|hv|fQA#0@`rVCQk^ek4BuVv5KDe`)W_$;C(UAd4pp-dOSO?tN3p
z0Z9w7)gy7Irt+m7ptAPHn5gUT)KO5C`QJk9^tj2?dRE=poTdl{RvlTh@SR(+Wpw~;
zsn@~jGv8ktYLYJXI%aBhmwN|Q`TxB(jee&Z)v*_W@FiI_zU*kOiZ5*hK_Ca?E$xNo
zIePjDC}xsEyjjR|PD;D~x!gxhjg{NvVa%WxZ|Ur-Pwi<ShlK2W{TIyK2R|4v=pkC4
zp7Im*aY0c`7VUjLG&N!5Wc0DJZpX{UwsMlOg+^v554QDIyrASwFI6^=v-^q7X~q@^
z93`XuV|~eOPlIV7wDG~1=Ia~A)i}Lwsj{v=x&+U=mEC~i0Af?4Uo#7zb$fy=k!;Q@
z2|8H7t_*<I9&-L(tNMi8j<aGAW%y(K^6ZMonzTJ_pi&WgI<NhwEm5=qXnkslk+P#T
z{r%-KT~J7!Fm@e@c%AqAxecKDn^;Zd?v)O5%@`1PlIJWeqDeF}9&lsn1>VG%Y^j+m
zF<E+nHQ0YzeY?Gp_wfZj$GO8o^brHZ5HUiG5fj7|F+<D|3&aw!LaY%sVuNrHTf`2r
zN0uWFh$FHBaYCFC7sM5DLsla0hzG(&JP{t^g?J-A$SPzt!bjF1zK9>P7WoA62hN=U
H;f8+zd(oA@