pinafore/routes/accounts/[accountId].html

63 lines
2.0 KiB
HTML
Raw Normal View History

2018-01-23 06:16:27 +01:00
<:Head>
2018-02-09 07:38:33 +01:00
<title>Pinafore {{profileName}}</title>
2018-01-23 06:16:27 +01:00
</:Head>
<Layout page='tags'
2018-01-24 18:47:31 +01:00
virtual="true"
2018-02-03 19:57:45 +01:00
virtualRealm='account/{{params.accountId}}' >
2018-01-23 06:16:27 +01:00
{{#if $isUserLoggedIn}}
2018-01-23 18:21:21 +01:00
<DynamicPageBanner title="{{profileName}}" />
2018-01-28 09:29:45 +01:00
{{#if $currentAccountProfile}}
2018-01-28 21:51:48 +01:00
<AccountProfile profile="{{$currentAccountProfile}}"
relationship="{{$currentAccountRelationship}}"
verifyCredentials="{{$currentVerifyCredentials}}"
/>
2018-01-28 09:29:45 +01:00
{{/if}}
2018-01-23 06:16:27 +01: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 01:35:44 +01:00
import LazyTimeline from '../_components/timeline/LazyTimeline.html'
2018-01-23 06:16:27 +01:00
import FreeTextLayout from '../_components/FreeTextLayout.html'
2018-01-28 22:09:39 +01:00
import { store } from '../_store/store.js'
2018-01-23 06:16:27 +01:00
import HiddenFromSSR from '../_components/HiddenFromSSR'
import DynamicPageBanner from '../_components/DynamicPageBanner.html'
import { updateProfileAndRelationship } from '../_actions/accounts'
2018-01-28 09:29:45 +01:00
import AccountProfile from '../_components/AccountProfile.html'
import { updateVerifyCredentialsForInstance } from '../_actions/instances'
2018-01-23 06:16:27 +01:00
export default {
2018-01-23 18:21:21 +01:00
oncreate() {
2018-01-23 06:16:27 +01:00
let accountId = this.get('params').accountId
2018-01-28 21:51:48 +01:00
let instanceName = this.store.get('currentInstance')
updateProfileAndRelationship(accountId)
updateVerifyCredentialsForInstance(instanceName)
2018-01-23 06:16:27 +01:00
},
store: () => store,
computed: {
2018-01-28 05:23:52 +01:00
profileName: ($currentAccountProfile) => {
2018-02-01 18:59:41 +01:00
return ($currentAccountProfile && ('@' + $currentAccountProfile.acct)) || ''
2018-01-23 06:16:27 +01:00
},
2018-01-28 05:23:52 +01:00
shortProfileName: ($currentAccountProfile) => {
2018-02-01 18:59:41 +01:00
return ($currentAccountProfile && ('@' + $currentAccountProfile.username)) || ''
2018-01-23 06:16:27 +01:00
}
},
components: {
Layout,
LazyTimeline,
FreeTextLayout,
HiddenFromSSR,
2018-01-28 09:29:45 +01:00
DynamicPageBanner,
AccountProfile
2018-01-23 06:16:27 +01:00
}
}
</script>