2022-08-14 20:54:18 +00:00
|
|
|
<template>
|
2022-09-09 07:31:42 +00:00
|
|
|
<NcContent app-name="memories">
|
|
|
|
<NcAppNavigation>
|
|
|
|
<template id="app-memories-navigation" #list>
|
|
|
|
<NcAppNavigationItem :to="{name: 'timeline'}"
|
2022-09-16 23:26:29 +00:00
|
|
|
:title="t('memories', 'Timeline')"
|
2022-09-09 07:31:42 +00:00
|
|
|
exact>
|
2022-09-16 03:17:40 +00:00
|
|
|
<ImageMultiple slot="icon" :size="20" />
|
2022-09-09 07:31:42 +00:00
|
|
|
</NcAppNavigationItem>
|
|
|
|
<NcAppNavigationItem :to="{name: 'folders'}"
|
2022-09-16 23:26:29 +00:00
|
|
|
:title="t('memories', 'Folders')">
|
2022-09-16 03:17:40 +00:00
|
|
|
<FolderIcon slot="icon" :size="20" />
|
2022-09-09 07:31:42 +00:00
|
|
|
</NcAppNavigationItem>
|
2022-09-12 02:21:20 +00:00
|
|
|
<NcAppNavigationItem :to="{name: 'favorites'}"
|
2022-09-16 23:26:29 +00:00
|
|
|
:title="t('memories', 'Favorites')">
|
2022-09-16 03:17:40 +00:00
|
|
|
<Star slot="icon" :size="20" />
|
2022-09-12 02:21:20 +00:00
|
|
|
</NcAppNavigationItem>
|
2022-09-13 07:55:32 +00:00
|
|
|
<NcAppNavigationItem :to="{name: 'videos'}"
|
2022-09-16 23:26:29 +00:00
|
|
|
:title="t('memories', 'Videos')">
|
2022-09-16 03:17:40 +00:00
|
|
|
<Video slot="icon" :size="20" />
|
2022-09-13 07:55:32 +00:00
|
|
|
</NcAppNavigationItem>
|
2022-09-25 23:02:26 +00:00
|
|
|
<NcAppNavigationItem :to="{name: 'archive'}"
|
|
|
|
:title="t('memories', 'Archive')">
|
|
|
|
<ArchiveIcon slot="icon" :size="20" />
|
|
|
|
</NcAppNavigationItem>
|
2022-09-09 07:31:42 +00:00
|
|
|
</template>
|
|
|
|
<template #footer>
|
|
|
|
<NcAppNavigationSettings :title="t('memories', 'Settings')">
|
|
|
|
<Settings />
|
|
|
|
</NcAppNavigationSettings>
|
|
|
|
</template>
|
|
|
|
</NcAppNavigation>
|
2022-08-14 20:54:18 +00:00
|
|
|
|
2022-09-09 07:31:42 +00:00
|
|
|
<NcAppContent>
|
|
|
|
<div class="outer">
|
|
|
|
<router-view />
|
|
|
|
</div>
|
|
|
|
</NcAppContent>
|
|
|
|
</NcContent>
|
2022-08-14 20:54:18 +00:00
|
|
|
</template>
|
|
|
|
|
2022-08-14 21:38:29 +00:00
|
|
|
<style scoped>
|
|
|
|
.outer {
|
2022-08-15 03:48:52 +00:00
|
|
|
padding: 0 0 0 44px;
|
2022-09-09 07:31:42 +00:00
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
2022-08-14 21:38:29 +00:00
|
|
|
}
|
2022-08-20 00:51:18 +00:00
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
2022-09-09 07:31:42 +00:00
|
|
|
.outer {
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
2022-08-20 00:51:18 +00:00
|
|
|
}
|
2022-08-14 21:38:29 +00:00
|
|
|
</style>
|
|
|
|
|
2022-09-13 01:33:24 +00:00
|
|
|
<script lang="ts">
|
2022-09-13 02:36:27 +00:00
|
|
|
import { Component, Mixins } from 'vue-property-decorator';
|
2022-09-16 22:42:29 +00:00
|
|
|
import {
|
|
|
|
NcContent, NcAppContent, NcAppNavigation,
|
|
|
|
NcAppNavigationItem, NcAppNavigationSettings,
|
|
|
|
} from '@nextcloud/vue';
|
2022-08-20 00:18:04 +00:00
|
|
|
|
2022-08-15 23:43:10 +00:00
|
|
|
import Timeline from './components/Timeline.vue'
|
2022-08-20 00:18:04 +00:00
|
|
|
import Settings from './components/Settings.vue'
|
2022-09-13 02:36:27 +00:00
|
|
|
import GlobalMixin from './mixins/GlobalMixin';
|
2022-08-14 20:54:18 +00:00
|
|
|
|
2022-09-16 03:17:40 +00:00
|
|
|
import ImageMultiple from 'vue-material-design-icons/ImageMultiple.vue'
|
|
|
|
import FolderIcon from 'vue-material-design-icons/Folder.vue'
|
|
|
|
import Star from 'vue-material-design-icons/Star.vue'
|
|
|
|
import Video from 'vue-material-design-icons/Video.vue'
|
2022-09-25 23:02:26 +00:00
|
|
|
import ArchiveIcon from 'vue-material-design-icons/PackageDown.vue';
|
2022-09-16 03:17:40 +00:00
|
|
|
|
2022-09-13 02:36:27 +00:00
|
|
|
@Component({
|
2022-09-09 07:31:42 +00:00
|
|
|
components: {
|
|
|
|
NcContent,
|
|
|
|
NcAppContent,
|
|
|
|
NcAppNavigation,
|
|
|
|
NcAppNavigationItem,
|
|
|
|
NcAppNavigationSettings,
|
2022-08-20 00:18:04 +00:00
|
|
|
|
2022-09-09 07:31:42 +00:00
|
|
|
Timeline,
|
|
|
|
Settings,
|
2022-09-16 03:17:40 +00:00
|
|
|
|
|
|
|
ImageMultiple,
|
|
|
|
FolderIcon,
|
|
|
|
Star,
|
|
|
|
Video,
|
2022-09-25 23:02:26 +00:00
|
|
|
ArchiveIcon,
|
2022-09-09 07:31:42 +00:00
|
|
|
},
|
2022-09-13 02:36:27 +00:00
|
|
|
})
|
|
|
|
export default class App extends Mixins(GlobalMixin) {
|
|
|
|
// Outer element
|
2022-08-14 20:54:18 +00:00
|
|
|
}
|
|
|
|
</script>
|
2022-09-16 04:06:40 +00:00
|
|
|
|
|
|
|
<style>
|
|
|
|
body {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
</style>
|