limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 14:07:38 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
こぴなたみぽ 2018-02-16 20:32:22 +09:00
parent 60a44f4e5e
commit 4d95a9ffe6
2 changed files with 31 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/web/app/desktop/-tags/messaging/room-window.tag
View file

@ -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>

31
src/web/app/desktop/views/components/messaging-room-window.vue Normal file
View file

@ -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>