diff options
Diffstat (limited to 'src/client/ui/deck/notifications-column.vue')
| -rw-r--r-- | src/client/ui/deck/notifications-column.vue | 35 |
1 files changed, 15 insertions, 20 deletions
diff --git a/src/client/ui/deck/notifications-column.vue b/src/client/ui/deck/notifications-column.vue index 0c7f72d9f6..5feab8bab5 100644 --- a/src/client/ui/deck/notifications-column.vue +++ b/src/client/ui/deck/notifications-column.vue @@ -1,5 +1,5 @@ <template> -<XColumn :column="column" :is-stacked="isStacked" :menu="menu"> +<XColumn :column="column" :is-stacked="isStacked" :func="{ handler: func, title: $ts.notificationSetting }"> <template #header><Fa :icon="faBell" style="margin-right: 8px;"/>{{ column.name }}</template> <XNotifications :include-types="column.includingTypes"/> @@ -34,28 +34,23 @@ export default defineComponent({ data() { return { - menu: null, faBell } }, - created() { - this.menu = [{ - icon: faCog, - text: this.$ts.notificationSetting, - action: () => { - os.popup(import('@/components/notification-setting-window.vue'), { - includingTypes: this.column.includingTypes, - }, { - done: async (res) => { - const { includingTypes } = res; - updateColumn(this.column.id, { - includingTypes: includingTypes - }); - }, - }, 'closed'); - } - }]; - }, + methods: { + func() { + os.popup(import('@/components/notification-setting-window.vue'), { + includingTypes: this.column.includingTypes, + }, { + done: async (res) => { + const { includingTypes } = res; + updateColumn(this.column.id, { + includingTypes: includingTypes + }); + }, + }, 'closed'); + } + } }); </script> |