47 lines
1.3 KiB
HTML
47 lines
1.3 KiB
HTML
|
<:Head>
|
|||
|
|
<title>Pinafore – {{listTitle}}</title>
|
|||
|
|
</:Head>
|
|||
|
|
|
|||
|
|
<Layout page='lists' virtual="true" virtualRealm="list/{{params.listId}}">
|
|||
|
|
{{#if $isUserLoggedIn}}
|
|||
|
|
{{#if $pinnedPage !== `/lists/${params.listId}`}}
|
|||
|
|
<DynamicPageBanner title="{{listTitle}}" icon="#fa-bars"/>
|
|||
|
|
{{/if}}
|
|||
|
|
<LazyTimeline timeline='list/{{params.listId}}' />
|
|||
|
|
{{else}}
|
|||
|
|
<HiddenFromSSR>
|
|||
|
|
<FreeTextLayout>
|
|||
|
|
<h1>List</h1>
|
|||
|
|
|
|||
|
|
<p>A list will appear here when logged in.</p>
|
|||
|
|
</FreeTextLayout>
|
|||
|
|
</HiddenFromSSR>
|
|||
|
|
{{/if}}
|
|||
|
|
</Layout>
|
|||
|
|
<script>
|
|||
|
|
import Layout from '../_components/Layout.html'
|
|||
|
|
import LazyTimeline from '../_components/timeline/LazyTimeline.html'
|
|||
|
|
import FreeTextLayout from '../_components/FreeTextLayout.html'
|
|||
|
|
import { store } from '../_store/store.js'
|
|||
|
|
import HiddenFromSSR from '../_components/HiddenFromSSR'
|
|||
|
|
import DynamicPageBanner from '../_components/DynamicPageBanner.html'
|
|||
|
|
import { fetchLists } from '../community/_actions/community'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
async oncreate() {
|
|||
|
|
await fetchLists()
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
list: (params, $lists) => $lists && $lists.find(_ => _.id === params['listId']),
|
|||
|
|
listTitle: (list) => list ? list.title : ''
|
|||
|
|
},
|
|||
|
|
store: () => store,
|
|||
|
|
components: {
|
|||
|
|
Layout,
|
|||
|
|
LazyTimeline,
|
|||
|
|
FreeTextLayout,
|
|||
|
|
HiddenFromSSR,
|
|||
|
|
DynamicPageBanner
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|