This commit is contained in:
tamaina 2020-07-23 13:07:27 +09:00 committed by GitHub
parent 58f7af8927
commit b8350d5093
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 39 additions and 6 deletions

View file

@ -2,20 +2,21 @@
<x-column :name="name" :column="column" :is-stacked="isStacked" :menu="menu">
<template #header><fa :icon="faEnvelope" style="margin-right: 8px;"/>{{ column.name }}</template>
<x-direct/>
<x-notes :pagination="pagination" @before="before()" @after="after()"/>
</x-column>
</template>
<script lang="ts">
import Vue from 'vue';
import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
import Progress from '../../scripts/loading';
import XColumn from './column.vue';
import XDirect from '../../pages/messages.vue';
import XNotes from '../notes.vue';
export default Vue.extend({
components: {
XColumn,
XDirect
XNotes
},
props: {
@ -32,8 +33,25 @@ export default Vue.extend({
data() {
return {
menu: null,
pagination: {
endpoint: 'notes/mentions',
limit: 10,
params: () => ({
visibility: 'specified'
})
},
faEnvelope
}
},
methods: {
before() {
Progress.start();
},
after() {
Progress.done();
}
}
});
</script>

View file

@ -2,20 +2,21 @@
<x-column :column="column" :is-stacked="isStacked" :menu="menu">
<template #header><fa :icon="faAt" style="margin-right: 8px;"/>{{ column.name }}</template>
<x-mentions/>
<x-notes :pagination="pagination" @before="before()" @after="after()"/>
</x-column>
</template>
<script lang="ts">
import Vue from 'vue';
import { faAt } from '@fortawesome/free-solid-svg-icons';
import Progress from '../../scripts/loading';
import XColumn from './column.vue';
import XMentions from '../../pages/mentions.vue';
import XNotes from '../notes.vue';
export default Vue.extend({
components: {
XColumn,
XMentions
XNotes
},
props: {
@ -32,8 +33,22 @@ export default Vue.extend({
data() {
return {
menu: null,
pagination: {
endpoint: 'notes/mentions',
limit: 10,
},
faAt
}
},
methods: {
before() {
Progress.start();
},
after() {
Progress.done();
}
}
});
</script>