2022-08-14 20:54:18 +00:00
|
|
|
<template>
|
2022-08-18 18:27:25 +00:00
|
|
|
<Content app-name="memories">
|
2022-08-14 20:54:18 +00:00
|
|
|
<AppNavigation>
|
2022-08-18 18:27:25 +00:00
|
|
|
<template id="app-memories-navigation" #list>
|
2022-08-16 01:12:14 +00:00
|
|
|
<AppNavigationItem :to="{name: 'timeline'}"
|
|
|
|
:title="t('timeline', 'Timeline')"
|
2022-08-18 18:49:53 +00:00
|
|
|
icon="icon-yourmemories"
|
2022-08-16 01:12:14 +00:00
|
|
|
exact>
|
2022-08-14 20:54:18 +00:00
|
|
|
</AppNavigationItem>
|
2022-08-17 20:39:48 +00:00
|
|
|
<AppNavigationItem :to="{name: 'albums'}"
|
|
|
|
:title="t('albums', 'Albums')"
|
|
|
|
icon="icon-files-dark">
|
|
|
|
</AppNavigationItem>
|
2022-08-14 20:54:18 +00:00
|
|
|
</template>
|
2022-08-20 00:18:04 +00:00
|
|
|
<template #footer>
|
|
|
|
<AppNavigationSettings :title="t('memories', 'Settings')">
|
|
|
|
<Settings />
|
|
|
|
</AppNavigationSettings>
|
|
|
|
</template>
|
2022-08-14 20:54:18 +00:00
|
|
|
</AppNavigation>
|
|
|
|
|
2022-08-18 05:30:37 +00:00
|
|
|
<AppContent>
|
2022-08-14 21:38:29 +00:00
|
|
|
<div class="outer">
|
2022-08-18 05:30:37 +00:00
|
|
|
<router-view />
|
2022-08-14 21:38:29 +00:00
|
|
|
</div>
|
2022-08-14 20:54:18 +00:00
|
|
|
</AppContent>
|
|
|
|
</Content>
|
|
|
|
</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;
|
|
|
|
height: 100%;
|
2022-08-14 21:38:29 +00:00
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
2022-08-14 20:54:18 +00:00
|
|
|
<script>
|
|
|
|
import Content from '@nextcloud/vue/dist/Components/Content'
|
|
|
|
import AppContent from '@nextcloud/vue/dist/Components/AppContent'
|
|
|
|
import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
|
|
|
|
import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem'
|
2022-08-20 00:18:04 +00:00
|
|
|
import AppNavigationSettings from '@nextcloud/vue/dist/Components/AppNavigationSettings'
|
|
|
|
|
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-08-14 20:54:18 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'App',
|
|
|
|
components: {
|
|
|
|
Content,
|
|
|
|
AppContent,
|
|
|
|
AppNavigation,
|
|
|
|
AppNavigationItem,
|
2022-08-20 00:18:04 +00:00
|
|
|
AppNavigationSettings,
|
|
|
|
|
2022-08-14 21:38:29 +00:00
|
|
|
Timeline,
|
2022-08-20 00:18:04 +00:00
|
|
|
Settings,
|
2022-08-14 20:54:18 +00:00
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
loading: false,
|
|
|
|
show: true,
|
|
|
|
starred: false,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
close() {
|
|
|
|
this.show = false
|
|
|
|
console.debug(arguments)
|
|
|
|
},
|
|
|
|
newButtonAction() {
|
|
|
|
console.debug(arguments)
|
|
|
|
},
|
|
|
|
log() {
|
|
|
|
console.debug(arguments)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|