pinafore/routes/_pages/lists/[listId].html

36 lines
1.0 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>