andr3/applications-tracker
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: improve data display

Browse Source
This commit is contained in:
Andre Henriques 2025-04-01 21:26:14 +01:00
parent 141cfbf7a6
commit 1884262268
3 changed files with 40 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
site/src/routes/SmartApplicationList.svelte
View File

@ -15,15 +15,9 @@
return i.status_id === status_id; return i.status_id === status_id;
}) })
); );
</script>
{#if sorted.length > 0} let internal = $derived(
<div class="card p-3 rounded-lg"> sorted.filter((i) => {
<h1 class="flex gap-2">
{title} <input bind:value={filter} placeholder="search" class="flex-grow text-blue-500" />
</h1>
<div class="flex flex-wrap gap-4">
{#each sorted.filter((i) => {
if (!filter) { if (!filter) {
return true; return true;
} }
@ -36,7 +30,18 @@
} }
return x.match(f); return x.match(f);
}) as item} })
);
</script>
{#if sorted.length > 0}
<div class="card p-3 rounded-lg">
<h1 class="flex gap-2">
{title} ({internal.length})
<input bind:value={filter} placeholder="search" class="flex-grow text-blue-500" />
</h1>
<div class="flex flex-wrap gap-4">
{#each internal as item}
<button <button
class="card p-2 my-2 bg-slate-100 text-left" class="card p-2 my-2 bg-slate-100 text-left"
onclick={async () => { onclick={async () => {

8
site/src/routes/graphs/+page.svelte
View File

@ -125,14 +125,18 @@
data={[...statusStore.nodes, 'Created' as const].reduce( data={[...statusStore.nodes, 'Created' as const].reduce(
(acc, item) => { (acc, item) => {
if (item === 'Created') { if (item === 'Created') {
acc[item] = applicationStore.all.filter( const count = applicationStore.all.filter(
(a) => a.status_id === null (a) => a.status_id === null
).length; ).length;
if (count === 0) return acc;
acc[item] = count;
return acc; return acc;
} }
acc[item.name] = applicationStore.all.filter( const count = applicationStore.all.filter(
(a) => item.id === a.status_id (a) => item.id === a.status_id
).length; ).length;
if (count === 0) return acc;
acc[item.name] = count;
return acc; return acc;
}, },
{} as Record<string, number> {} as Record<string, number>

2
site/src/routes/graphs/Pie.svelte
View File

@ -35,6 +35,7 @@
const other = dataf.filter((v) => v.value / sum < sensitivity); const other = dataf.filter((v) => v.value / sum < sensitivity);
if (other.length > 1) {
dataf = dataf.filter((f) => f.value / sum > sensitivity); dataf = dataf.filter((f) => f.value / sum > sensitivity);
const otherSum = other.reduce((acc, v) => { const otherSum = other.reduce((acc, v) => {
@ -50,6 +51,7 @@
.reduce((acc, a) => `${acc}${a.name}: ${a.value}\n`, '')}` .reduce((acc, a) => `${acc}${a.name}: ${a.value}\n`, '')}`
}); });
} }
}
dataf = dataf.toSorted((a, b) => a.value - b.value); dataf = dataf.toSorted((a, b) => a.value - b.value);