photoprism/frontend/src/routes.js

import Photos from "pages/photos.vue";
import Albums from "pages/albums.vue";
import AlbumPhotos from "pages/album/photos.vue";
import Places from "pages/places.vue";
import Files from "pages/library/files.vue";
import Labels from "pages/labels.vue";
import People from "pages/people.vue";
import Library from "pages/library.vue";
import Settings from "pages/settings.vue";
import Login from "pages/login.vue";
import Discover from "pages/discover.vue";

const c = window.__CONFIG__;

export default [
    {
        name: "home",
        path: "/",
        redirect: "/photos",
    },
    {
        name: "login",
        path: "/login",
        component: Login,
        meta: {title: "Sign In", auth: false},
    },
    {
        name: "photos",
        path: "/photos",
        component: Photos,
        meta: {title: c.siteCaption, auth: true},
        props: {staticFilter: {photo: "true"}},
    },
    {
        name: "moments",
        path: "/moments",
        component: Albums,
        meta: {title: "Moments", auth: true},
        props: {view: "moment", staticFilter: {type: "moment"}},
    },
    {
        name: "moment",
        path: "/moments/:uid/:slug",
        component: AlbumPhotos,
        meta: {title: "Moments", auth: true},
    },
    {
        name: "albums",
        path: "/albums",
        component: Albums,
        meta: {title: "Albums", auth: true},
        props: {view: "album", staticFilter: {type: "album"}},
    },
    {
        name: "album",
        path: "/albums/:uid/:slug",
        component: AlbumPhotos,
        meta: {title: "Album", auth: true},
    },
    {
        name: "calendar",
        path: "/calendar",
        component: Albums,
        meta: {title: "Calendar", auth: true},
        props: {view: "month", staticFilter: {type: "month"}},
    },
    {
        name: "month",
        path: "/calendar/:uid/:slug",
        component: AlbumPhotos,
        meta: {title: "Calendar", auth: true},
    },
    {
        name: "folders",
        path: "/folders",
        component: Albums,
        meta: {title: "Folders", auth: true},
        props: {view: "folder", staticFilter: {type: "folder"}},
    },
    {
        name: "folder",
        path: "/folders/:uid:/:slug",
        component: AlbumPhotos,
        meta: {title: "Folders", auth: true},
    },
    {
        name: "favorites",
        path: "/favorites",
        component: Photos,
        meta: {title: "Favorites", auth: true},
        props: {staticFilter: {favorite: true}},
    },
    {
        name: "videos",
        path: "/videos",
        component: Photos,
        meta: {title: "Videos", auth: true},
        props: {staticFilter: {video: "true"}},
    },
    {
        name: "review",
        path: "/review",
        component: Photos,
        meta: {title: "Review", auth: true},
        props: {staticFilter: {review: true}},
    },
    {
        name: "private",
        path: "/private",
        component: Photos,
        meta: {title: "Private", auth: true},
        props: {staticFilter: {private: true}},
    },
    {
        name: "archive",
        path: "/archive",
        component: Photos,
        meta: {title: "Archive", auth: true},
        props: {staticFilter: {archived: true}},
    },
    {
        name: "places",
        path: "/places",
        component: Places,
        meta: {title: "Places", auth: true},
    },
    {
        name: "place",
        path: "/places/:q",
        component: Places,
        meta: {title: "Places", auth: true},
    },
    {
        name: "states",
        path: "/states",
        component: Albums,
        meta: {title: "Places", auth: true},
        props: {view: "state", staticFilter: {type: "state"}},
    },
    {
        name: "state",
        path: "/states/:uid/:slug",
        component: AlbumPhotos,
        meta: {title: "Places", auth: true},
    },
    {
        name: "files",
        path: "/library/files*",
        component: Files,
        meta: {title: "File Browser", auth: true},
    },
    {
        name: "hidden",
        path: "/library/hidden",
        component: Photos,
        props: {staticFilter: {hidden: true}},
    },
    {
        name: "labels",
        path: "/labels",
        component: Labels,
        meta: {title: "Labels", auth: true},
    },
    {
        name: "browse",
        path: "/browse",
        component: Photos,
        meta: {title: "All photos and videos", auth: true},
        props: {staticFilter: {quality: 0}},
    },
    {
        name: "people",
        path: "/people",
        component: People,
        meta: {title: "People", auth: true},
    },
    {
        name: "library_logs",
        path: "/library/logs",
        component: Library,
        meta: {title: "Server Logs", auth: true, background: "application-light"},
        props: {tab: 2},
    },
    {
        name: "library_import",
        path: "/library/import",
        component: Library,
        meta: {title: "Import", auth: true, background: "application-light"},
        props: {tab: 1},
    },
    {
        name: "library",
        path: "/library",
        component: Library,
        meta: {title: "Originals", auth: true, background: "application-light"},
        props: {tab: 0},
    },
    {
        name: "settings",
        path: "/settings",
        component: Settings,
        meta: {title: "Settings", auth: true, background: "application-light"},
        props: {tab: 0},
    },
    {
        name: "settings_accounts",
        path: "/settings/accounts",
        component: Settings,
        meta: {title: "Settings", auth: true, background: "application-light"},
        props: {tab: 1},
    },
    {
        name: "discover",
        path: "/discover",
        component: Discover,
        meta: {title: "Discover", auth: true, background: "application-light"},
        props: {tab: 0},
    },
    {
        name: "discover_similar",
        path: "/discover/similar",
        component: Discover,
        meta: {title: "Discover", auth: true, background: "application-light"},
        props: {tab: 1},
    },
    {
        name: "discover_season",
        path: "/discover/season",
        component: Discover,
        meta: {title: "Discover", auth: true, background: "application-light"},
        props: {tab: 2},
    },
    {
        name: "discover_random",
        path: "/discover/random",
        component: Discover,
        meta: {title: "Discover", auth: true, background: "application-light"},
        props: {tab: 3},
    },
    {
        path: "*", redirect: "/photos",
    },
];