Merge branch 'feat/recursive-folder' of https://github.com/keyeh/memories into keyeh-feat/recursive-folder

lib/Controller/ApiBase.php

@@ -222,7 +222,7 @@ class ApiBase extends Controller
 
     protected function isRecursive()
     {
-        return null === $this->request->getParam('folder');
+        return null === $this->request->getParam('folder') || "1" === $this->request->getParam('recursive');
     }
 
     protected function isArchive()

src/components/Timeline.vue

@@ -323,7 +323,10 @@ export default defineComponent({
 
   methods: {
     async routeChange(to: any, from?: any) {
-      if (from?.path !== to.path) {
+      if (
+        from?.path !== to.path ||
+        JSON.stringify(from.query) !== JSON.stringify(to.query)
+      ) {
         await this.refresh();
       }
 
@@ -634,6 +637,9 @@ export default defineComponent({
       // Folder
       if (this.$route.name === "folders") {
         query.set("folder", utils.getFolderRoutePath(this.config_foldersPath));
+        if(this.$route.query.recursive === "1") {
+          query.set("recursive", "1");
+        }
       }
 
       // Archive

src/components/top-matter/FolderTopMatter.vue

@@ -15,7 +15,17 @@
     </NcBreadcrumbs>
 
     <div class="right-actions">
-      <NcActions :inline="1">
+      <NcActions :inline="2">
+        <NcActionRouter
+          :to="{ query: recursive ? {} : {recursive: '1'}}"
+          close-after-click
+        >
+          {{ t("memories", recursive ? "Show folders" : "Timeline") }}
+          <template #icon>
+            <FoldersIcon v-if="recursive" :size="20"/>
+            <TimelineIcon v-else :size="20"/>
+          </template>
+        </NcActionRouter>
         <NcActionButton
           :aria-label="t('memories', 'Share folder')"
           @click="$refs.shareModal.open(false)"
@@ -41,11 +51,14 @@ const NcBreadcrumb = () =>
   import("@nextcloud/vue/dist/Components/NcBreadcrumb");
 import NcActions from "@nextcloud/vue/dist/Components/NcActions";
 import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+import NcActionRouter from "@nextcloud/vue/dist/Components/NcActionRouter";
 
 import FolderShareModal from "../modal/FolderShareModal.vue";
 
 import HomeIcon from "vue-material-design-icons/Home.vue";
 import ShareIcon from "vue-material-design-icons/ShareVariant.vue";
+import TimelineIcon from "vue-material-design-icons/ImageMultiple.vue";
+import FoldersIcon from "vue-material-design-icons/FolderMultiple.vue";
 
 export default defineComponent({
   name: "FolderTopMatter",
@@ -54,13 +67,17 @@ export default defineComponent({
     NcBreadcrumb,
     NcActions,
     NcActionButton,
+    NcActionRouter,
     FolderShareModal,
     HomeIcon,
     ShareIcon,
+    TimelineIcon,
+    FoldersIcon
   },
 
   data: () => ({
     topMatter: null as TopMatterFolder | null,
+    recursive: false
   }),
 
   watch: {
@@ -92,11 +109,13 @@ export default defineComponent({
               };
             }),
         };
+        this.recursive = this.$route.query.recursive === '1'
       } else {
         this.topMatter = null;
+        this.recursive = false;
       }
-    },
+    }
-  },
+  }
 });
 </script>
 
@@ -105,6 +124,10 @@ export default defineComponent({
   display: flex;
   vertical-align: middle;
 
+  .breadcrumb {
+    min-width: 0;
+  }
+
   .right-actions {
     margin-right: 40px;
     z-index: 50;

src/components/viewer/Viewer.vue

@@ -814,6 +814,7 @@ export default defineComponent({
           if (this.$route.hash?.startsWith("#v")) {
             this.$router.replace({
               hash: "",
+              query: this.$route.query,
             });
           }
         }