2022-08-14 20:54:18 +00:00
|
|
|
<template>
|
|
|
|
<Content :class="{'icon-loading': loading}" app-name="betterphotos">
|
|
|
|
<AppNavigation>
|
|
|
|
<template id="app-betterphotos-navigation" #list>
|
2022-08-15 18:41:46 +00:00
|
|
|
<AppNavigationItem icon="icon-yourphotos" title="Timeline">
|
2022-08-14 20:54:18 +00:00
|
|
|
</AppNavigationItem>
|
|
|
|
</template>
|
|
|
|
</AppNavigation>
|
|
|
|
|
|
|
|
<AppContent>
|
2022-08-14 21:38:29 +00:00
|
|
|
<div class="outer">
|
|
|
|
<Timeline />
|
|
|
|
</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-14 21:38:29 +00:00
|
|
|
import Timeline from './Timeline.vue'
|
2022-08-14 20:54:18 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'App',
|
|
|
|
components: {
|
|
|
|
Content,
|
|
|
|
AppContent,
|
|
|
|
AppNavigation,
|
|
|
|
AppNavigationItem,
|
2022-08-14 21:38:29 +00:00
|
|
|
Timeline,
|
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>
|