Feature: Start page showing all tasks available

package.json

@@ -110,5 +110,9 @@
     "webpack-hot-middleware": "^2.25.3",
     "webpack-merge": "^5.8.0",
     "worker-loader": "^3.0.8"
+  },
+  "volta": {
+    "node": "16.20.2",
+    "npm": "6.14.18"
   }
 }

src/main/menus/touchBar.json

@@ -9,6 +9,9 @@
     "type": "group",
     "id": "task.task-list",
     "items": [
+      {
+        "type": "button", "icon": "task-history", "command": "application:task-list", "command-arg": { "status": "all-tasks" }
+      },
       {
         "type": "button", "icon": "task-active", "command": "application:task-list", "command-arg": { "status": "active" }
       },

src/renderer/api/Api.js

@@ -143,7 +143,7 @@ export default class Api {
   }
 
   updateActiveTaskOption (options) {
-    this.fetchTaskList({ type: 'active' })
+    this.fetchTaskList({ type: 'all-tasks' })
       .then((data) => {
         if (isEmpty(data)) {
           return
@@ -223,6 +223,26 @@ export default class Api {
     })
   }
 
+  fetchUnfilteredTaskList (params = {}) {
+    const { offset = 0, num = 20, keys } = params
+    const activeArgs = compactUndefined([keys])
+    const waitingArgs = compactUndefined([offset, num, keys])
+    return new Promise((resolve, reject) => {
+      this.client.multicall([
+        ['aria2.tellActive', ...activeArgs],
+        ['aria2.tellWaiting', ...waitingArgs],
+        ['aria2.tellStopped', ...waitingArgs]
+      ]).then((data) => {
+        console.log('[Motrix] fetch downloading task list data:', data)
+        const result = mergeTaskResult(data)
+        resolve(result)
+      }).catch((err) => {
+        console.log('[Motrix] fetch downloading task list fail:', err)
+        reject(err)
+      })
+    })
+  }
+
   fetchWaitingTaskList (params = {}) {
     const { offset = 0, num = 20, keys } = params
     const args = compactUndefined([offset, num, keys])
@@ -244,14 +264,16 @@ export default class Api {
   fetchTaskList (params = {}) {
     const { type } = params
     switch (type) {
+    case 'all-tasks':
+      return this.fetchUnfilteredTaskList(params)
     case 'active':
       return this.fetchDownloadingTaskList(params)
     case 'waiting':
       return this.fetchWaitingTaskList(params)
     case 'stopped':
       return this.fetchStoppedTaskList(params)
     default:
-      return this.fetchDownloadingTaskList(params)
+      return this.fetchUnfilteredTaskList(params)
     }
   }
 

src/renderer/components/Subnav/TaskSubnav.vue

@@ -2,6 +2,15 @@
   <nav class="subnav-inner">
     <h3>{{ title }}</h3>
     <ul>
+      <li
+        @click="() => nav('all-tasks')"
+        :class="[ current === 'all-tasks' ? 'active' : '' ]"
+      >
+        <i class="subnav-icon">
+          <mo-icon name="menu-task" width="20" height="20" />
+        </i>
+        <span>{{ $t('task.all-tasks') }}</span>
+      </li>
       <li
         @click="() => nav('active')"
         :class="[ current === 'active' ? 'active' : '' ]"
@@ -34,6 +43,7 @@
 </template>
 
 <script>
+  import '@/components/Icons/task-history'
   import '@/components/Icons/task-start'
   import '@/components/Icons/task-pause'
   import '@/components/Icons/task-stop'
@@ -43,7 +53,7 @@
     props: {
       current: {
         type: String,
-        default: 'active'
+        default: 'all-tasks'
       }
     },
     computed: {
@@ -52,7 +62,7 @@
       }
     },
     methods: {
-      nav (status = 'active') {
+      nav (status = 'all-tasks') {
         this.$router.push({
           path: `/task/${status}`
         }).catch(err => {

src/renderer/components/Task/AddTask.vue

@@ -379,7 +379,7 @@
             this.$store.dispatch('app/hideAddTaskDialog')
             if (this.form.newTaskShowDownloading) {
               this.$router.push({
-                path: '/task/active'
+                path: '/task/all-tasks'
               }).catch(err => {
                 console.log(err)
               })

src/renderer/components/Task/Index.vue

@@ -63,7 +63,7 @@
     props: {
       status: {
         type: String,
-        default: 'active'
+        default: 'all-tasks'
       }
     },
     computed: {
@@ -77,6 +77,11 @@
       }),
       subnavs () {
         return [
+          {
+            key: 'all-tasks',
+            title: this.$t('task.all-tasks'),
+            route: '/task/all-tasks'
+          },
           {
             key: 'active',
             title: this.$t('task.active'),

src/renderer/router/index.js

@@ -15,7 +15,7 @@ export default new Router({
           alias: '/',
           component: require('@/components/Task/Index').default,
           props: {
-            status: 'active'
+            status: 'all-tasks'
           }
         },
         {

src/renderer/store/modules/task.js

@@ -3,7 +3,7 @@ import { EMPTY_STRING, TASK_STATUS } from '@shared/constants'
 import { checkTaskIsBT, intersection } from '@shared/utils'
 
 const state = {
-  currentList: 'active',
+  currentList: 'all-tasks',
   taskDetailVisible: false,
   currentTaskGid: EMPTY_STRING,
   enabledFetchPeers: false,

src/shared/locales/en-US/task.js

@@ -1,4 +1,5 @@
 export default {
+  'all-tasks': 'All Tasks',
   'active': 'Downloading',
   'waiting': 'Waiting',
   'stopped': 'Stopped',

src/shared/locales/pt-BR/task.js

@@ -1,4 +1,5 @@
 export default {
+  'all-tasks': 'Todas Tarefas',
   'active': 'Baixando',
   'waiting': 'Aguardando',
   'stopped': 'Parou',