[ui] limit job display to 3
This commit is contained in:
parent
a4a5ab7f32
commit
99edcf2fd9
1 changed files with 6 additions and 1 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue