diff options
| author | Jakob <jakob.roehrl@web.de> | 2020-01-15 11:07:11 +0300 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-02-02 12:27:49 +0300 |
| commit | 88ed0ab4e288a56abc2e8b60536826ad1ea194dc (patch) | |
| tree | f89aa1401da0b8782461abdb73cab8c84a3d3509 /src | |
| parent | c73cf1c7d8dbabe18fafc0ec9224cefbbcd7553e (diff) | |
added headers for your photos and favs
Signed-off-by: Jakob <jakob.roehrl@web.de>
Diffstat (limited to 'src')
| -rw-r--r-- | src/router/index.js | 8 | ||||
| -rw-r--r-- | src/views/Timeline.vue | 30 |
2 files changed, 30 insertions, 8 deletions
diff --git a/src/router/index.js b/src/router/index.js index 6992a81b..541aa05f 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -47,6 +47,9 @@ export default new Router({ path: '/', component: Timeline, name: 'root', + props: route => ({ + rootTitle: t('photos', 'Your photos'), + }), }, { path: '/albums/:path*', @@ -77,9 +80,10 @@ export default new Router({ path: '/favorites', component: Timeline, name: 'favorites', - props: { + props: route => ({ + rootTitle: t('photos', 'Favorites'), onlyFavorites: true, - }, + }), }, { path: '/tags/:path*', diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue index 812307e5..0674b14d 100644 --- a/src/views/Timeline.vue +++ b/src/views/Timeline.vue @@ -33,12 +33,20 @@ </EmptyContent> <!-- Folder content --> - <VirtualGrid v-else-if="!loading" - :component="getComponent" - :list="fileList" - :loading-page="loadingPage" - :props="getProps" - @bottomReached="onBottomReached" /> + <div v-else-if="!loading"> + <Navigation + key="navigation" + :basename="path" + :filename="'/'" + :root-title="rootTitle" /> + + <VirtualGrid + :component="getComponent" + :list="fileList" + :loading-page="loadingPage" + :props="getProps" + @bottomReached="onBottomReached" /> + </div> </template> <script> @@ -50,6 +58,7 @@ import getPhotos from '../services/PhotoSearch' import EmptyContent from '../components/EmptyContent' import File from '../components/File' import VirtualGrid from '../components/VirtualGrid' +import Navigation from '../components/Navigation' import cancelableRequest from '../utils/CancelableRequest' import GridConfigMixin from '../mixins/GridConfig' @@ -59,6 +68,7 @@ export default { components: { EmptyContent, VirtualGrid, + Navigation, }, mixins: [GridConfigMixin], props: { @@ -70,6 +80,14 @@ export default { type: Boolean, default: false, }, + rootTitle: { + type: String, + required: true, + }, + path: { + type: String, + default: '', + }, }, data() { |