1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
/**
* @copyright 2023 Christopher Ng <chrng8@gmail.com>
*
* @author Christopher Ng <chrng8@gmail.com>
*
* @license AGPL-3.0-or-later
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
import Vue, { type ComponentInstance } from 'vue'
import { subscribe } from '@nextcloud/event-bus'
import { showError } from '@nextcloud/dialogs'
import { translate as t } from '@nextcloud/l10n'
import SetReminderActionsComponent from './components/SetReminderActions.vue'
import { getReminder } from './services/reminderService.js'
import { logger } from './shared/logger.js'
import type { FileAttributes } from './shared/types.js'
interface FileContext {
[key: string]: any
$file: JQuery<HTMLTableRowElement>
fileInfoModel: {
[key: string]: any
attributes: FileAttributes
}
}
interface EventPayload {
el: HTMLDivElement
context: FileContext
}
const handleOpen = async (payload: EventPayload) => {
const fileId = payload.context.fileInfoModel.attributes.id
const menuEl = payload.context.$file[0].querySelector('.fileactions .action-menu') as HTMLLinkElement
const linkEl = payload.el.querySelector('.action-setreminder-container .action-setreminder') as HTMLLinkElement
let dueDate: null | Date = null
let error: null | any = null
try {
dueDate = (await getReminder(fileId)).dueDate
} catch (e) {
error = e
logger.error(`Failed to load reminder for file with id: ${fileId}`, { error })
}
linkEl.addEventListener('click', (_event) => {
if (error) {
showError(t('files_reminders', 'Failed to load reminder'))
throw Error()
}
const mountPoint = document.createElement('div')
const SetReminderActions = Vue.extend(SetReminderActionsComponent)
const origDisplay = menuEl.style.display
menuEl.style.display = 'none'
menuEl.insertAdjacentElement('afterend', mountPoint)
const propsData = {
file: payload.context.fileInfoModel.attributes,
dueDate,
}
const actions = (new SetReminderActions({ propsData }) as ComponentInstance)
.$mount(mountPoint)
const cleanUp = () => {
actions.$destroy() // destroy popper
actions.$el.remove() // remove action menu button
menuEl.style.display = origDisplay
}
actions.$once('back', () => {
cleanUp()
menuEl.click() // reopen original actions menu
})
actions.$once('close', () => {
cleanUp()
})
}, {
once: true,
})
}
subscribe('files:action-menu:opened', handleOpen)
|
