43 lines
		
	
	
		
			No EOL
		
	
	
		
			1.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			43 lines
		
	
	
		
			No EOL
		
	
	
		
			1.2 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'
 | 
						||
 | 
						||
  export default {
 | 
						||
    computed: {
 | 
						||
      list: (params, $lists) => $lists && $lists.find(_ => _.id === params['listId']),
 | 
						||
      listTitle: (list) => list ? list.title : ''
 | 
						||
    },
 | 
						||
    store: () => store,
 | 
						||
    components: {
 | 
						||
      Layout,
 | 
						||
      LazyTimeline,
 | 
						||
      FreeTextLayout,
 | 
						||
      HiddenFromSSR,
 | 
						||
      DynamicPageBanner
 | 
						||
    }
 | 
						||
  }
 | 
						||
</script> |