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'}"
|
|
|
|
:title="t('timeline', 'Timeline')"
|
|
|
|
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 03:17:40 +00:00
|
|
|
:title="t('folders', 'Folders')">
|
|
|
|
<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 03:17:40 +00:00
|
|
|
:title="t('favorites', 'Favorites')">
|
|
|
|
<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 03:17:40 +00:00
|
|
|
:title="t('videos', 'Videos')">
|
|
|
|
<Video slot="icon" :size="20" />
|
2022-09-13 07:55:32 +00:00
|
|
|
</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-15 21:24:27 +00:00
|
|
|
import NcContent from '@nextcloud/vue/dist/Components/NcContent';
|
|
|
|
import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent';
|
|
|
|
import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation';
|
|
|
|
import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem';
|
|
|
|
import NcAppNavigationSettings from '@nextcloud/vue/dist/Components/NcAppNavigationSettings';
|
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-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-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>
|