From 99edcf2fd9fe0d53071f85a5d9bfcfd7a920d014 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 19 Feb 2022 17:00:55 +0100
Subject: [PATCH] [ui] limit job display to 3

---
 webui/src/components/layout/Jobs.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/webui/src/components/layout/Jobs.svelte b/webui/src/components/layout/Jobs.svelte
index a37c5e7..9f94d08 100644
--- a/webui/src/components/layout/Jobs.svelte
+++ b/webui/src/components/layout/Jobs.svelte
@@ -44,12 +44,17 @@
   });
 </script>
 
-{#each activeJobs as job (job.id)}
+{#each activeJobs.slice(0, 3) as job (job.id)}
   <div class="job" transition:fade>
     <div class="job-label">{job.title}</div>
     <ProgessBar value={job.progress} />
   </div>
 {/each}
+{#if activeJobs.length > 3}
+  <div class="job-annotation">
+    + {activeJobs.length - 3} more jobs...
+  </div>
+{/if}
 
 <style scoped lang="scss">
   .job {