memories/src/router.ts

import { generateUrl } from "@nextcloud/router";
import { translate as t } from "@nextcloud/l10n";
import Router from "vue-router";
import Vue from "vue";
import Timeline from "./components/Timeline.vue";
import SplitTimeline from "./components/SplitTimeline.vue";
import ClusterView from "./components/ClusterView.vue";

Vue.use(Router);

export default new Router({
  mode: "history",
  // if index.php is in the url AND we got this far, then it's working:
  // let's keep using index.php in the url
  base: generateUrl("/apps/memories"),
  linkActiveClass: "active",
  routes: [
    {
      path: "/",
      component: Timeline,
      name: "timeline",
      props: (route) => ({
        rootTitle: t("memories", "Timeline"),
      }),
    },

    {
      path: "/folders/:path*",
      component: Timeline,
      name: "folders",
      props: (route) => ({
        rootTitle: t("memories", "Folders"),
      }),
    },

    {
      path: "/favorites",
      component: Timeline,
      name: "favorites",
      props: (route) => ({
        rootTitle: t("memories", "Favorites"),
      }),
    },

    {
      path: "/videos",
      component: Timeline,
      name: "videos",
      props: (route) => ({
        rootTitle: t("memories", "Videos"),
      }),
    },

    {
      path: "/albums/:user?/:name?",
      component: ClusterView,
      name: "albums",
      props: (route) => ({
        rootTitle: t("memories", "Albums"),
      }),
    },

    {
      path: "/archive",
      component: Timeline,
      name: "archive",
      props: (route) => ({
        rootTitle: t("memories", "Archive"),
      }),
    },

    {
      path: "/thisday",
      component: Timeline,
      name: "thisday",
      props: (route) => ({
        rootTitle: t("memories", "On this day"),
      }),
    },

    {
      path: "/recognize/:user?/:name?",
      component: ClusterView,
      name: "recognize",
      props: (route) => ({
        rootTitle: t("memories", "People"),
      }),
    },

    {
      path: "/facerecognition/:user?/:name?",
      component: ClusterView,
      name: "facerecognition",
      props: (route) => ({
        rootTitle: t("memories", "People"),
      }),
    },

    {
      path: "/places/:name*",
      component: ClusterView,
      name: "places",
      props: (route) => ({
        rootTitle: t("memories", "Places"),
      }),
    },

    {
      path: "/tags/:name*",
      component: ClusterView,
      name: "tags",
      props: (route) => ({
        rootTitle: t("memories", "Tags"),
      }),
    },

    {
      path: "/maps",
      name: "maps",
      // router-link doesn't support external url, let's force the redirect
      beforeEnter() {
        window.open(generateUrl("/apps/maps"), "_blank");
      },
    },

    {
      path: "/s/:token",
      component: Timeline,
      name: "folder-share",
      props: (route) => ({
        rootTitle: t("memories", "Shared Folder"),
      }),
    },

    {
      path: "/a/:token",
      component: Timeline,
      name: "album-share",
      props: (route) => ({
        rootTitle: t("memories", "Shared Album"),
      }),
    },

    {
      path: "/map",
      component: SplitTimeline,
      name: "map",
      props: (route) => ({
        rootTitle: t("memories", "Map"),
      }),
    },
  ],
});