mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-11-24 15:05:13 +00:00
wip
This commit is contained in:
parent
87e073a359
commit
d65e5541b3
2 changed files with 31 additions and 32 deletions
|
@ -1,32 +0,0 @@
|
|||
<mk-messaging-room-window>
|
||||
<mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' } popout={ popout }>
|
||||
<yield to="header">%fa:comments%メッセージ: { parent.user.name }</yield>
|
||||
<yield to="content">
|
||||
<mk-messaging-room user={ parent.user }/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style lang="stylus" scoped>
|
||||
:scope
|
||||
> mk-window
|
||||
[data-yield='header']
|
||||
> [data-fa]
|
||||
margin-right 4px
|
||||
|
||||
[data-yield='content']
|
||||
> mk-messaging-room
|
||||
height 100%
|
||||
overflow auto
|
||||
|
||||
</style>
|
||||
<script lang="typescript">
|
||||
this.user = this.opts.user;
|
||||
|
||||
this.popout = `${_URL_}/i/messaging/${this.user.username}`;
|
||||
|
||||
this.on('mount', () => {
|
||||
this.$refs.window.on('closed', () => {
|
||||
this.$destroy();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</mk-messaging-room-window>
|
|
@ -0,0 +1,31 @@
|
|||
<template>
|
||||
<mk-window ref="window" width="500px" height="560px" :popout="popout" @closed="$destroy">
|
||||
<span slot="header" :class="$style.header">%fa:comments%メッセージ: {{ user.name }}</span>
|
||||
<mk-messaging-room :user="user" :class="$style.content"/>
|
||||
</mk-window>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import Vue from 'vue';
|
||||
import { url } from '../../../config';
|
||||
|
||||
export default Vue.extend({
|
||||
props: ['user'],
|
||||
computed: {
|
||||
popout(): string {
|
||||
return `${url}/i/messaging/${this.user.username}`;
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="stylus" module>
|
||||
.header
|
||||
> [data-fa]
|
||||
margin-right 4px
|
||||
|
||||
.content
|
||||
height 100%
|
||||
overflow auto
|
||||
|
||||
</style>
|
Loading…
Reference in a new issue