diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue index 7813088..b290f75 100644 --- a/frontend/src/views/Dashboard.vue +++ b/frontend/src/views/Dashboard.vue @@ -163,7 +163,7 @@ @@ -181,6 +181,11 @@ + + + +{{ hiddenActiveCount }} more queued + + mdi-check-circle-outline @@ -202,7 +207,7 @@ - + @@ -251,7 +256,9 @@ - View All Downloads + + {{ hiddenRecentCount ? `View all downloads (+${hiddenRecentCount} more)` : 'View all downloads' }} + @@ -415,6 +422,16 @@ const recentActivityGrouped = computed(() => { return out }) +const DASHBOARD_LIST_LIMIT = 5 +const visibleActiveDownloads = computed(() => activeDownloads.value.slice(0, DASHBOARD_LIST_LIMIT)) +const hiddenActiveCount = computed(() => + Math.max(0, activeDownloads.value.length - DASHBOARD_LIST_LIMIT) +) +const visibleRecentActivity = computed(() => recentActivityGrouped.value.slice(0, DASHBOARD_LIST_LIMIT)) +const hiddenRecentCount = computed(() => + Math.max(0, recentActivityGrouped.value.length - DASHBOARD_LIST_LIMIT) +) + // Read threshold from settings, default 5 if unset or invalid const failureThreshold = computed(() => { const n = Number(settingsStore.settings['dashboard.failure_threshold']) diff --git a/frontend/src/views/Downloads.vue b/frontend/src/views/Downloads.vue index e4af15d..6844362 100644 --- a/frontend/src/views/Downloads.vue +++ b/frontend/src/views/Downloads.vue @@ -360,15 +360,18 @@