diff options
Diffstat (limited to 'src/client/components/deck/list-column.vue')
| -rw-r--r-- | src/client/components/deck/list-column.vue | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/src/client/components/deck/list-column.vue b/src/client/components/deck/list-column.vue index a6e50802e0..4b8fc4a895 100644 --- a/src/client/components/deck/list-column.vue +++ b/src/client/components/deck/list-column.vue @@ -1,20 +1,21 @@ <template> -<x-column :menu="menu" :column="column" :is-stacked="isStacked"> +<XColumn :menu="menu" :column="column" :is-stacked="isStacked"> <template #header> - <fa :icon="faListUl"/><span style="margin-left: 8px;">{{ column.name }}</span> + <Fa :icon="faListUl"/><span style="margin-left: 8px;">{{ column.name }}</span> </template> - <x-timeline v-if="column.listId" ref="timeline" src="list" :list="column.listId" @after="() => $emit('loaded')"/> -</x-column> + <XTimeline v-if="column.listId" ref="timeline" src="list" :list="column.listId" @after="() => $emit('loaded')"/> +</XColumn> </template> <script lang="ts"> -import Vue from 'vue'; +import { defineComponent } from 'vue'; import { faListUl, faCog } from '@fortawesome/free-solid-svg-icons'; import XColumn from './column.vue'; import XTimeline from '../timeline.vue'; +import * as os from '@/os'; -export default Vue.extend({ +export default defineComponent({ components: { XColumn, XTimeline, @@ -59,8 +60,8 @@ export default Vue.extend({ methods: { async setList() { - const lists = await this.$root.api('users/lists/list'); - const { canceled, result: list } = await this.$root.dialog({ + const lists = await os.api('users/lists/list'); + const { canceled, result: list } = await os.dialog({ title: this.$t('selectList'), type: null, select: { @@ -72,7 +73,7 @@ export default Vue.extend({ showCancelButton: true }); if (canceled) return; - Vue.set(this.column, 'listId', list.id); + this.column.listId = list.id; this.$store.commit('deviceUser/updateDeckColumn', this.column); }, |