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
|
/**
* @copyright 2018 Christoph Wurst <christoph@winzerhof-wurst.at>
*
* @author 2018 Christoph Wurst <christoph@winzerhof-wurst.at>
*
* @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 uniq from 'lodash/fp/uniq'
import { translate as t, translatePlural as n } from '@nextcloud/l10n'
import { generateFilePath } from '@nextcloud/router'
import Logger from '../logger'
/**
* @todo use Notification.requestPermission().then once all browsers support promise API
*
* @returns {Promise}
*/
const request = () => {
if (!('Notification' in window)) {
Logger.info('browser does not support desktop notifications')
return Promise.reject(new Error('browser does not support desktop notifications'))
} else if (Notification.permission === 'granted') {
return Promise.resolve()
} else if (Notification.permission === 'denied') {
Logger.info('desktop notifications are denied')
return Promise.reject(new Error('desktop notifications are denied'))
}
Logger.info('requesting permissions to show desktop notifications')
return Notification.requestPermission()
}
const showNotification = (title, body, icon) => {
request().then(() => {
if (document.querySelector(':focus') !== null) {
Logger.debug('browser is active. notification request is ignored')
}
})
const notification = new Notification(title, {
body,
icon,
})
notification.onclick = () => {
window.focus()
}
}
const getNotificationBody = (messages) => {
const labels = messages.filter((m) => m.from.length > 0).map((m) => m.from[0].label)
let from = uniq(labels)
if (from.length > 2) {
from = from.slice(0, 2)
from.push('…')
}
// TODO: just use `n`?!
if (messages.length === 1) {
return t('mail', '{from}\n{subject}', {
from: from.join(),
subject: messages[0].subject,
})
} else {
return n('mail', '%n new message \nfrom {from}', '%n new messages \nfrom {from}', messages.length, {
from: from.join(),
})
}
}
export const showNewMessagesNotification = (messages) => {
showNotification(
t('mail', 'Nextcloud Mail'),
getNotificationBody(messages),
generateFilePath('mail', 'img', 'mail-notification.png')
)
}
|