Fix #1486
This commit is contained in:
parent
52b74c35f2
commit
8ff8f14d4e
3 changed files with 16 additions and 15 deletions
|
@ -13,9 +13,7 @@
|
||||||
<p class="location" v-if="user.host === null && user.profile.location">%fa:map-marker%{{ user.profile.location }}</p>
|
<p class="location" v-if="user.host === null && user.profile.location">%fa:map-marker%{{ user.profile.location }}</p>
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<router-link :to="user | userPage" :data-active="$parent.page == 'home'">%fa:home%概要</router-link>
|
<router-link :to="user | userPage" :data-active="$parent.page == 'home'">%fa:home%ホーム</router-link>
|
||||||
<router-link :to="user | userPage('media')" :data-active="$parent.page == 'media'">%fa:image%メディア</router-link>
|
|
||||||
<router-link :to="user | userPage('graphs')" :data-active="$parent.page == 'graphs'">%fa:chart-bar%グラフ</router-link>
|
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
<header>
|
<header>
|
||||||
<span :data-is-active="mode == 'default'" @click="mode = 'default'">投稿</span>
|
<span :data-is-active="mode == 'default'" @click="mode = 'default'">投稿</span>
|
||||||
<span :data-is-active="mode == 'with-replies'" @click="mode = 'with-replies'">投稿と返信</span>
|
<span :data-is-active="mode == 'with-replies'" @click="mode = 'with-replies'">投稿と返信</span>
|
||||||
|
<span :data-is-active="mode == 'with-media'" @click="mode = 'with-media'">メディア</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="loading" v-if="fetching">
|
<div class="loading" v-if="fetching">
|
||||||
<mk-ellipsis-icon/>
|
<mk-ellipsis-icon/>
|
||||||
|
@ -31,16 +32,16 @@ export default Vue.extend({
|
||||||
date: null
|
date: null
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
|
||||||
mode() {
|
|
||||||
this.fetch();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
computed: {
|
||||||
empty(): boolean {
|
empty(): boolean {
|
||||||
return this.notes.length == 0;
|
return this.notes.length == 0;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
mode() {
|
||||||
|
this.fetch();
|
||||||
|
}
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
document.addEventListener('keydown', this.onDocumentKeydown);
|
document.addEventListener('keydown', this.onDocumentKeydown);
|
||||||
window.addEventListener('scroll', this.onScroll);
|
window.addEventListener('scroll', this.onScroll);
|
||||||
|
@ -63,7 +64,8 @@ export default Vue.extend({
|
||||||
(this as any).api('users/notes', {
|
(this as any).api('users/notes', {
|
||||||
userId: this.user.id,
|
userId: this.user.id,
|
||||||
untilDate: this.date ? this.date.getTime() : undefined,
|
untilDate: this.date ? this.date.getTime() : undefined,
|
||||||
with_replies: this.mode == 'with-replies'
|
includeReplies: this.mode == 'with-replies',
|
||||||
|
withMedia: this.mode == 'with-media'
|
||||||
}).then(notes => {
|
}).then(notes => {
|
||||||
this.notes = notes;
|
this.notes = notes;
|
||||||
this.fetching = false;
|
this.fetching = false;
|
||||||
|
@ -75,7 +77,8 @@ export default Vue.extend({
|
||||||
this.moreFetching = true;
|
this.moreFetching = true;
|
||||||
(this as any).api('users/notes', {
|
(this as any).api('users/notes', {
|
||||||
userId: this.user.id,
|
userId: this.user.id,
|
||||||
with_replies: this.mode == 'with-replies',
|
includeReplies: this.mode == 'with-replies',
|
||||||
|
withMedia: this.mode == 'with-media',
|
||||||
untilId: this.notes[this.notes.length - 1].id
|
untilId: this.notes[this.notes.length - 1].id
|
||||||
}).then(notes => {
|
}).then(notes => {
|
||||||
this.moreFetching = false;
|
this.moreFetching = false;
|
||||||
|
|
|
@ -51,8 +51,8 @@
|
||||||
</nav>
|
</nav>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<x-home v-if="page == 'home'" :user="user"/>
|
<x-home v-if="page == 'home'" :user="user"/>
|
||||||
<mk-user-timeline v-if="page == 'notes'" :user="user"/>
|
<mk-user-timeline v-if="page == 'notes'" :user="user" key="tl"/>
|
||||||
<mk-user-timeline v-if="page == 'media'" :user="user" with-media/>
|
<mk-user-timeline v-if="page == 'media'" :user="user" :with-media="true" key="media"/>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</mk-ui>
|
</mk-ui>
|
||||||
|
|
Loading…
Reference in a new issue