2018-01-23 05:16:27 +00:00
|
|
|
|
<:Head>
|
2018-01-23 17:21:21 +00:00
|
|
|
|
<title>{{'Pinafore – ' + profileName}}</title>
|
2018-01-23 05:16:27 +00:00
|
|
|
|
</:Head>
|
|
|
|
|
|
|
|
|
|
<Layout page='tags'
|
2018-01-24 17:47:31 +00:00
|
|
|
|
virtual="true"
|
2018-01-27 16:13:28 +00:00
|
|
|
|
virtualRealm='account/{{params.accountId}}'
|
2018-01-23 17:21:21 +00:00
|
|
|
|
dynamicPage="{{profileName}}"
|
2018-01-23 05:16:27 +00:00
|
|
|
|
dynamicHref="/accounts/{{params.accountId}}"
|
2018-01-23 17:21:21 +00:00
|
|
|
|
dynamicLabel="{{shortProfileName}}"
|
2018-01-23 05:16:27 +00:00
|
|
|
|
dynamicIcon="#fa-user" >
|
|
|
|
|
{{#if $isUserLoggedIn}}
|
2018-01-23 17:21:21 +00:00
|
|
|
|
<DynamicPageBanner title="{{profileName}}" />
|
2018-01-28 08:29:45 +00:00
|
|
|
|
{{#if $currentAccountProfile}}
|
|
|
|
|
<AccountProfile profile="{{$currentAccountProfile}}" />
|
|
|
|
|
{{/if}}
|
2018-01-23 05:16:27 +00:00
|
|
|
|
<LazyTimeline timeline='account/{{params.accountId}}' />
|
|
|
|
|
{{else}}
|
|
|
|
|
<HiddenFromSSR>
|
|
|
|
|
<FreeTextLayout>
|
|
|
|
|
<h1>Profile</h1>
|
|
|
|
|
|
|
|
|
|
<p>A user timeline will appear here when logged in.</p>
|
|
|
|
|
</FreeTextLayout>
|
|
|
|
|
</HiddenFromSSR>
|
|
|
|
|
{{/if}}
|
|
|
|
|
</Layout>
|
|
|
|
|
<script>
|
|
|
|
|
import Layout from '../_components/Layout.html'
|
2018-01-28 00:35:44 +00:00
|
|
|
|
import LazyTimeline from '../_components/timeline/LazyTimeline.html'
|
2018-01-23 05:16:27 +00:00
|
|
|
|
import FreeTextLayout from '../_components/FreeTextLayout.html'
|
|
|
|
|
import { store } from '../_utils/store.js'
|
|
|
|
|
import HiddenFromSSR from '../_components/HiddenFromSSR'
|
|
|
|
|
import DynamicPageBanner from '../_components/DynamicPageBanner.html'
|
2018-01-28 04:23:52 +00:00
|
|
|
|
import { showAccountProfile } from './_actions/[accountId]'
|
2018-01-28 08:29:45 +00:00
|
|
|
|
import AccountProfile from '../_components/AccountProfile.html'
|
2018-01-23 05:16:27 +00:00
|
|
|
|
|
|
|
|
|
export default {
|
2018-01-23 17:21:21 +00:00
|
|
|
|
oncreate() {
|
2018-01-23 05:16:27 +00:00
|
|
|
|
let accountId = this.get('params').accountId
|
2018-01-28 04:23:52 +00:00
|
|
|
|
showAccountProfile(accountId)
|
2018-01-23 05:16:27 +00:00
|
|
|
|
},
|
|
|
|
|
store: () => store,
|
|
|
|
|
computed: {
|
2018-01-28 04:23:52 +00:00
|
|
|
|
profileName: ($currentAccountProfile) => {
|
|
|
|
|
return $currentAccountProfile && ('@' + $currentAccountProfile.acct)
|
2018-01-23 05:16:27 +00:00
|
|
|
|
},
|
2018-01-28 04:23:52 +00:00
|
|
|
|
shortProfileName: ($currentAccountProfile) => {
|
|
|
|
|
return $currentAccountProfile && ('@' + $currentAccountProfile.username)
|
2018-01-23 05:16:27 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
Layout,
|
|
|
|
|
LazyTimeline,
|
|
|
|
|
FreeTextLayout,
|
|
|
|
|
HiddenFromSSR,
|
2018-01-28 08:29:45 +00:00
|
|
|
|
DynamicPageBanner,
|
|
|
|
|
AccountProfile
|
2018-01-23 05:16:27 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|