From 4be168ad51a8088ffab85d92f91ace0200e4c5ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?= <syuilotan@yahoo.co.jp> Date: Fri, 16 Feb 2018 17:20:55 +0900 Subject: [PATCH] wip --- .../desktop/-tags/pages/messaging-room.tag | 37 ---------------- .../desktop/views/pages/messaging-room.vue | 42 +++++++++++++++++++ 2 files changed, 42 insertions(+), 37 deletions(-) delete mode 100644 src/web/app/desktop/-tags/pages/messaging-room.tag create mode 100644 src/web/app/desktop/views/pages/messaging-room.vue diff --git a/src/web/app/desktop/-tags/pages/messaging-room.tag b/src/web/app/desktop/-tags/pages/messaging-room.tag deleted file mode 100644 index cfacc4a1b8..0000000000 --- a/src/web/app/desktop/-tags/pages/messaging-room.tag +++ /dev/null @@ -1,37 +0,0 @@ -<mk-messaging-room-page> - <mk-messaging-room v-if="user" user={ user } is-naked={ true }/> - - <style lang="stylus" scoped> - :scope - display block - background #fff - - </style> - <script lang="typescript"> - import Progress from '../../../common/scripts/loading'; - - this.mixin('api'); - - this.fetching = true; - this.user = null; - - this.on('mount', () => { - Progress.start(); - - document.documentElement.style.background = '#fff'; - - this.$root.$data.os.api('users/show', { - username: this.opts.user - }).then(user => { - this.update({ - fetching: false, - user: user - }); - - document.title = 'メッセージ: ' + this.user.name; - - Progress.done(); - }); - }); - </script> -</mk-messaging-room-page> diff --git a/src/web/app/desktop/views/pages/messaging-room.vue b/src/web/app/desktop/views/pages/messaging-room.vue new file mode 100644 index 0000000000..86230cb546 --- /dev/null +++ b/src/web/app/desktop/views/pages/messaging-room.vue @@ -0,0 +1,42 @@ +<template> +<div class="mk-messaging-room-page"> + <mk-messaging-room v-if="user" :user="user" is-naked/> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +import Progress from '../../../common/scripts/loading'; + +export default Vue.extend({ + props: ['username'], + data() { + return { + fetching: true, + user: null + }; + }, + mounted() { + Progress.start(); + + document.documentElement.style.background = '#fff'; + + this.$root.$data.os.api('users/show', { + username: this.username + }).then(user => { + this.fetching = false; + this.user = user; + + document.title = 'メッセージ: ' + this.user.name; + + Progress.done(); + }); + } +}); +</script> + +<style lang="stylus" scoped> +.mk-messaging-room-page + background #fff + +</style>