36 lines
1 KiB
HTML
36 lines
1 KiB
HTML
{#if $isUserLoggedIn}
|
|
<TimelinePage timeline="list/{params.listId}">
|
|
{#if $pinnedPage !== `/lists/${params.listId}`}
|
|
<DynamicPageBanner title={listTitle} icon="#fa-bars"/>
|
|
{/if}
|
|
</TimelinePage>
|
|
{:else}
|
|
<HiddenFromSSR>
|
|
<FreeTextLayout>
|
|
<h1>List</h1>
|
|
|
|
<p>A list will appear here when logged in.</p>
|
|
</FreeTextLayout>
|
|
</HiddenFromSSR>
|
|
{/if}
|
|
<script>
|
|
import TimelinePage from '../../_components/TimelinePage.html'
|
|
import FreeTextLayout from '../../_components/FreeTextLayout.html'
|
|
import { store } from '../../_store/store.js'
|
|
import HiddenFromSSR from '../../_components/HiddenFromSSR'
|
|
import DynamicPageBanner from '../../_components/DynamicPageBanner.html'
|
|
|
|
export default {
|
|
computed: {
|
|
list: ({ params, $lists }) => $lists && $lists.find(_ => _.id === params['listId']),
|
|
listTitle: ({ list }) => list ? list.title : ''
|
|
},
|
|
store: () => store,
|
|
components: {
|
|
TimelinePage,
|
|
FreeTextLayout,
|
|
HiddenFromSSR,
|
|
DynamicPageBanner
|
|
}
|
|
}
|
|
</script> |