2018-08-16 22:30:59 +00:00
|
|
|
/*
|
2021-02-04 22:04:35 +00:00
|
|
|
* Copyright (c) 2010-2021 Tim Düsterhus.
|
2018-08-16 22:30:59 +00:00
|
|
|
*
|
|
|
|
* Use of this software is governed by the Business Source License
|
|
|
|
* included in the LICENSE file.
|
|
|
|
*
|
2021-02-04 22:04:35 +00:00
|
|
|
* Change Date: 2025-02-04
|
2018-08-16 22:30:59 +00:00
|
|
|
*
|
|
|
|
* On the date above, in accordance with the Business Source
|
|
|
|
* License, use of this software will be governed by version 2
|
|
|
|
* or later of the General Public License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
define([], function () {
|
|
|
|
'use strict'
|
|
|
|
|
|
|
|
const DEPENDENCIES = ['UiMessageStream']
|
|
|
|
class ReadMarker {
|
|
|
|
constructor(messageStream) {
|
|
|
|
this.messageStream = messageStream
|
|
|
|
}
|
|
|
|
|
|
|
|
bootstrap() {
|
|
|
|
document.addEventListener(
|
|
|
|
'visibilitychange',
|
|
|
|
this.onVisibilitychange.bind(this)
|
2020-11-01 16:41:19 +00:00
|
|
|
)
|
2018-08-16 22:30:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
onVisibilitychange() {
|
|
|
|
if (document.hidden) {
|
|
|
|
const ul = elBySel('ul', this.messageStream.stream)
|
|
|
|
let lc = ul.lastElementChild
|
|
|
|
|
|
|
|
// delete previous markers
|
|
|
|
Array.prototype.forEach.call(
|
|
|
|
document.querySelectorAll('.readMarker'),
|
|
|
|
(marker) => {
|
|
|
|
marker.classList.remove('readMarker')
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
if (lc) {
|
|
|
|
lc.classList.add('readMarker')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
ReadMarker.DEPENDENCIES = DEPENDENCIES
|
|
|
|
|
|
|
|
return ReadMarker
|
|
|
|
})
|