2018-05-02 00:05:36 +00:00
|
|
|
{#if $isUserLoggedIn}
|
|
|
|
<TimelinePage timeline="account/{params.accountId}">
|
2018-08-28 13:44:36 +00:00
|
|
|
<DynamicPageBanner title="" ariaTitle="Profile page for {accountName}"/>
|
2018-05-02 00:05:36 +00:00
|
|
|
{#if $currentAccountProfile && $currentVerifyCredentials}
|
|
|
|
<AccountProfile account={$currentAccountProfile}
|
|
|
|
relationship={$currentAccountRelationship}
|
|
|
|
verifyCredentials={$currentVerifyCredentials}
|
2018-03-14 00:14:57 +00:00
|
|
|
/>
|
2018-05-02 00:05:36 +00:00
|
|
|
{/if}
|
|
|
|
<PinnedStatuses accountId={params.accountId} />
|
2018-03-30 06:16:53 +00:00
|
|
|
</TimelinePage>
|
2018-05-02 00:05:36 +00:00
|
|
|
{:else}
|
2018-03-30 06:16:53 +00:00
|
|
|
<HiddenFromSSR>
|
|
|
|
<FreeTextLayout>
|
|
|
|
<h1>Profile</h1>
|
2018-03-14 00:14:57 +00:00
|
|
|
|
2018-03-30 06:16:53 +00:00
|
|
|
<p>A user timeline will appear here when logged in.</p>
|
|
|
|
</FreeTextLayout>
|
|
|
|
</HiddenFromSSR>
|
2018-05-02 00:05:36 +00:00
|
|
|
{/if}
|
2018-03-14 00:14:57 +00:00
|
|
|
<script>
|
2018-03-30 06:16:53 +00:00
|
|
|
import TimelinePage from '../../_components/TimelinePage.html'
|
2018-03-14 00:14:57 +00:00
|
|
|
import FreeTextLayout from '../../_components/FreeTextLayout.html'
|
|
|
|
import { store } from '../../_store/store.js'
|
|
|
|
import HiddenFromSSR from '../../_components/HiddenFromSSR'
|
|
|
|
import DynamicPageBanner from '../../_components/DynamicPageBanner.html'
|
2018-04-12 05:55:04 +00:00
|
|
|
import { updateProfileAndRelationship, clearProfileAndRelationship } from '../../_actions/accounts'
|
2018-03-31 23:51:18 +00:00
|
|
|
import AccountProfile from '../../_components/profile/AccountProfile.html'
|
2018-03-14 00:14:57 +00:00
|
|
|
import PinnedStatuses from '../../_components/timeline/PinnedStatuses.html'
|
|
|
|
|
|
|
|
export default {
|
2018-04-20 04:38:01 +00:00
|
|
|
oncreate () {
|
2018-04-19 16:37:05 +00:00
|
|
|
let { params } = this.get()
|
|
|
|
let { accountId } = params
|
2018-04-12 05:55:04 +00:00
|
|
|
clearProfileAndRelationship()
|
2018-03-14 00:14:57 +00:00
|
|
|
updateProfileAndRelationship(accountId)
|
|
|
|
},
|
|
|
|
store: () => store,
|
|
|
|
computed: {
|
2018-05-02 00:05:36 +00:00
|
|
|
profileName: ({ $currentAccountProfile }) => {
|
2018-03-14 00:14:57 +00:00
|
|
|
return ($currentAccountProfile && ('@' + $currentAccountProfile.acct)) || ''
|
|
|
|
},
|
2018-05-02 00:05:36 +00:00
|
|
|
shortProfileName: ({ $currentAccountProfile }) => {
|
2018-03-14 00:14:57 +00:00
|
|
|
return ($currentAccountProfile && ('@' + $currentAccountProfile.username)) || ''
|
2018-08-28 13:44:36 +00:00
|
|
|
},
|
|
|
|
accountName: ({ $currentAccountProfile }) => {
|
|
|
|
return ($currentAccountProfile && ($currentAccountProfile.display_name || $currentAccountProfile.username)) || ''
|
2018-03-14 00:14:57 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
components: {
|
2018-03-30 06:16:53 +00:00
|
|
|
TimelinePage,
|
2018-03-14 00:14:57 +00:00
|
|
|
FreeTextLayout,
|
|
|
|
HiddenFromSSR,
|
|
|
|
DynamicPageBanner,
|
|
|
|
AccountProfile,
|
|
|
|
PinnedStatuses
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|