2018-05-02 00:05:36 +00:00
|
|
|
<Nav {page} />
|
2018-01-06 23:51:25 +00:00
|
|
|
|
2018-11-18 02:06:49 +00:00
|
|
|
<div class="main-content">
|
2018-12-08 15:53:14 +00:00
|
|
|
<main class="{infiniteScrollPage ? 'infinite-scroll-page' : ''}">
|
2018-02-13 06:06:05 +00:00
|
|
|
<slot></slot>
|
|
|
|
</main>
|
2018-05-02 00:05:36 +00:00
|
|
|
{#if !$isUserLoggedIn && page === 'home'}
|
2018-03-13 05:16:52 +00:00
|
|
|
<InformationalFooter />
|
2018-05-02 00:05:36 +00:00
|
|
|
{/if}
|
2018-02-13 06:06:05 +00:00
|
|
|
</div>
|
2018-12-08 15:53:14 +00:00
|
|
|
<style>
|
|
|
|
/* this avoids a flash of the background color when switching timelines */
|
|
|
|
.infinite-scroll-page {
|
|
|
|
min-height: 100vh;
|
|
|
|
}
|
|
|
|
</style>
|
2018-01-06 23:51:25 +00:00
|
|
|
<script>
|
2018-04-20 04:38:01 +00:00
|
|
|
import Nav from './Nav.html'
|
2018-01-28 21:09:39 +00:00
|
|
|
import { store } from '../_store/store'
|
2018-03-13 05:16:52 +00:00
|
|
|
import InformationalFooter from './InformationalFooter.html'
|
2018-01-06 23:51:25 +00:00
|
|
|
|
2018-04-20 04:38:01 +00:00
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
Nav,
|
2018-03-13 05:16:52 +00:00
|
|
|
InformationalFooter
|
2018-04-17 16:42:10 +00:00
|
|
|
},
|
|
|
|
oncreate () {
|
2018-05-03 04:32:43 +00:00
|
|
|
let { page } = this.get()
|
2018-08-30 04:42:57 +00:00
|
|
|
this.store.set({ currentPage: page })
|
2018-04-17 16:42:10 +00:00
|
|
|
},
|
2018-12-08 15:53:14 +00:00
|
|
|
store: () => store,
|
|
|
|
computed: {
|
|
|
|
infiniteScrollPage: ({ $isUserLoggedIn, page }) => $isUserLoggedIn && page !== 'settings'
|
|
|
|
}
|
2018-04-20 04:38:01 +00:00
|
|
|
}
|
2018-12-08 15:53:14 +00:00
|
|
|
</script>
|