53 lines
1.4 KiB
HTML
53 lines
1.4 KiB
HTML
<:Head>
|
||
<title>Pinafore – Reply</title>
|
||
</:Head>
|
||
|
||
<Layout page='reply' >
|
||
<DynamicPageBanner title=""/>
|
||
<div class="reply-container">
|
||
{{#if status}}
|
||
<Status index="0"
|
||
length="1"
|
||
timelineType="reply"
|
||
timelineValue="{{params.statusId}}"
|
||
:status
|
||
/>
|
||
<ComposeBox realm="{{params.statusId}}" />
|
||
{{else}}
|
||
<LoadingPage />
|
||
{{/if}}
|
||
</div>
|
||
</Layout>
|
||
<style>
|
||
.reply-container {
|
||
position: relative;
|
||
margin-top: 20px;
|
||
min-height: 60vh;
|
||
}
|
||
</style>
|
||
<script>
|
||
import Layout from '../../_components/Layout.html'
|
||
import { store } from '../../_store/store.js'
|
||
import DynamicPageBanner from '../../_components/DynamicPageBanner.html'
|
||
import LoadingPage from '../../_components/LoadingPage.html'
|
||
import ComposeBox from '../../_components/compose/ComposeBox.html'
|
||
import Status from '../../_components/status/Status.html'
|
||
import { database } from '../../_database/database'
|
||
|
||
export default {
|
||
async oncreate() {
|
||
let statusId = this.get('params').statusId
|
||
let instanceName = this.store.get('currentInstance')
|
||
let status = await database.getStatus(instanceName, statusId)
|
||
this.set({status})
|
||
},
|
||
store: () => store,
|
||
components: {
|
||
Layout,
|
||
DynamicPageBanner,
|
||
LoadingPage,
|
||
ComposeBox,
|
||
Status
|
||
}
|
||
}
|
||
</script> |