[ui] limit job display to 3
parent
a4a5ab7f32
commit
99edcf2fd9
|
@ -44,12 +44,17 @@
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#each activeJobs as job (job.id)}
|
{#each activeJobs.slice(0, 3) as job (job.id)}
|
||||||
<div class="job" transition:fade>
|
<div class="job" transition:fade>
|
||||||
<div class="job-label">{job.title}</div>
|
<div class="job-label">{job.title}</div>
|
||||||
<ProgessBar value={job.progress} />
|
<ProgessBar value={job.progress} />
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
|
{#if activeJobs.length > 3}
|
||||||
|
<div class="job-annotation">
|
||||||
|
+ {activeJobs.length - 3} more jobs...
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.job {
|
.job {
|
||||||
|
|
Loading…
Reference in New Issue