This commit is contained in:
syuilo 2018-02-22 17:06:19 +09:00
parent 7a97924d01
commit 463a38d606
2 changed files with 26 additions and 15 deletions

View File

@ -6,6 +6,8 @@ import timeline from './timeline.vue';
import posts from './posts.vue'; import posts from './posts.vue';
import imagesImage from './images-image.vue'; import imagesImage from './images-image.vue';
import drive from './drive.vue'; import drive from './drive.vue';
import postPreview from './post-preview.vue';
import subPostContent from './sub-post-content.vue';
Vue.component('mk-ui', ui); Vue.component('mk-ui', ui);
Vue.component('mk-home', home); Vue.component('mk-home', home);
@ -13,3 +15,5 @@ Vue.component('mk-timeline', timeline);
Vue.component('mk-posts', posts); Vue.component('mk-posts', posts);
Vue.component('mk-images-image', imagesImage); Vue.component('mk-images-image', imagesImage);
Vue.component('mk-drive', drive); Vue.component('mk-drive', drive);
Vue.component('mk-post-preview', postPreview);
Vue.component('mk-sub-post-content', subPostContent);

View File

@ -1,6 +1,6 @@
<template> <template>
<mk-ui :func="fn"> <mk-ui :func="fn">
<span slot="header" v-if="!fetching">%fa:user% {{user.name}}</span> <span slot="header" v-if="!fetching">%fa:user% {{ user.name }}</span>
<template slot="funcIcon">%fa:pencil-alt%</template> <template slot="funcIcon">%fa:pencil-alt%</template>
<div v-if="!fetching" :class="$style.user"> <div v-if="!fetching" :class="$style.user">
<header> <header>
@ -58,15 +58,11 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
const age = require('s-age'); import age from 's-age';
import Progress from '../../../common/scripts/loading'; import Progress from '../../../common/scripts/loading';
export default Vue.extend({ export default Vue.extend({
props: { props: {
username: {
type: String,
required: true
},
page: { page: {
default: 'home' default: 'home'
} }
@ -82,19 +78,30 @@ export default Vue.extend({
return age(this.user.profile.birthday); return age(this.user.profile.birthday);
} }
}, },
created() {
this.fetch();
},
watch: {
$route: 'fetch'
},
mounted() { mounted() {
document.documentElement.style.background = '#313a42'; document.documentElement.style.background = '#313a42';
Progress.start();
(this as any).api('users/show', { (this as any).api('users/show', {
username: this.username },
}).then(user => { methods: {
this.user = user; fetch() {
this.fetching = false; Progress.start();
Progress.done(); (this as any).api('users/show', {
document.title = user.name + ' | Misskey'; username: this.$route.params.user
}); }).then(user => {
this.user = user;
this.fetching = false;
Progress.done();
document.title = user.name + ' | Misskey';
});
}
} }
}); });
</script> </script>