feat: add collapse/expand all folders action (#199)

Author: antonreshetov

src/main/services/i18n/locales/en/common.json

@@ -56,5 +56,7 @@
   "restartApp": "Restart massCode",
   "updateAvailable": "Update Available",
   "hide": "Hide",
-  "show": "Show"
+  "show": "Show",
+  "collapse-all": "Collapse All",
+  "expand-all": "Expand All"
 }

src/main/services/i18n/locales/ru/common.json

@@ -55,5 +55,7 @@
   "restartApp": "Перезагрузить massCode",
   "updateAvailable": "Доступно обновление",
   "hide": "Hide",
-  "show": "Show"
+  "show": "Show",
+  "collapse-all": "Закрыть все",
+  "expand-all": "Открыть все"
 }

src/main/services/ipc/context-menu.ts

@@ -266,6 +266,27 @@ export const subscribeToContextMenu = () => {
             }
           },
           { type: 'separator' },
+          {
+            label: i18n.t('collapse-all'),
+            click: () => {
+              resolve({
+                action: 'collapse-all',
+                type,
+                data: undefined
+              })
+            }
+          },
+          {
+            label: i18n.t('expand-all'),
+            click: () => {
+              resolve({
+                action: 'expand-all',
+                type,
+                data: undefined
+              })
+            }
+          },
+          { type: 'separator' },
           {
             label: i18n.t('defaultLanguage'),
             submenu: createLanguageMenu()

src/renderer/components/sidebar/SidebarListItem.vue

@@ -97,6 +97,14 @@ const onClickContextMenu = async () => {
       await folderStore.patchFoldersById(props.id!, { defaultLanguage: data })
       track('folders/set-language', data)
     }
+
+    if (action === 'collapse-all') {
+      folderStore.openFolders('close')
+    }
+
+    if (action === 'expand-all') {
+      folderStore.openFolders('open')
+    }
   }
 
   if (props.alias) {

src/renderer/store/folders.ts

@@ -149,6 +149,21 @@ export const useFolderStore = defineStore('folders', {
       await this.getFolders()
       await snippetStore.getSnippets()
       snippetStore.setSnippetsByAlias('trash')
+    },
+    openFolders (action: 'open' | 'close') {
+      if (action === 'open') {
+        this.folders.forEach(async i => {
+          this.patchFoldersById(i.id, {
+            isOpen: true
+          })
+        })
+      } else {
+        this.folders.forEach(i => {
+          this.patchFoldersById(i.id, {
+            isOpen: false
+          })
+        })
+      }
     }
   }
 })

src/shared/types/main/index.d.ts

@@ -19,6 +19,8 @@ type ContextMenuAction =
   | 'favorites'
   | 'new'
   | 'update:language'
+  | 'collapse-all'
+  | 'expand-all'
   | 'none'
 
 export type ContextMenuType =