summaryrefslogtreecommitdiff
path: root/xP/public/xP.js
diff options
context:
space:
mode:
authorPřemysl Eric Janouch <p@janouch.name>2022-09-11 19:10:09 +0200
committerPřemysl Eric Janouch <p@janouch.name>2022-09-11 19:10:41 +0200
commit36f77e74fb6dcb0ac17b327cd1ca09467005ebf0 (patch)
tree86e3ed530adaf20e9cc238b88816bc7a9d115686 /xP/public/xP.js
parent23deca45c9c181071782caa8029806732fab7873 (diff)
downloadxK-36f77e74fb6dcb0ac17b327cd1ca09467005ebf0.tar.gz
xK-36f77e74fb6dcb0ac17b327cd1ca09467005ebf0.tar.xz
xK-36f77e74fb6dcb0ac17b327cd1ca09467005ebf0.zip
xP: change the favicon when highlighted
Diffstat (limited to 'xP/public/xP.js')
-rw-r--r--xP/public/xP.js35
1 files changed, 33 insertions, 2 deletions
diff --git a/xP/public/xP.js b/xP/public/xP.js
index 89c8e1c..ea4b288 100644
--- a/xP/public/xP.js
+++ b/xP/public/xP.js
@@ -156,6 +156,33 @@ function beep() {
oscillator.stop(audioContext.currentTime + 0.1)
}
+let iconLink = undefined
+let iconState = undefined
+
+function updateIcon(highlighted) {
+ if (iconState === highlighted)
+ return
+
+ iconState = highlighted
+ let canvas = document.createElement('canvas')
+ canvas.width = 32
+ canvas.height = 32
+
+ let ctx = canvas.getContext('2d')
+ ctx.arc(16, 16, 12, 0, 2 * Math.PI)
+ ctx.fillStyle = highlighted ? '#ff5f00' : '#ccc'
+ ctx.fill()
+
+ if (iconLink === undefined) {
+ iconLink = document.createElement('link')
+ iconLink.type = 'image/png'
+ iconLink.rel = 'icon'
+ document.getElementsByTagName('head')[0].appendChild(iconLink)
+ }
+
+ iconLink.href = canvas.toDataURL();
+}
+
// ---- Event processing -------------------------------------------------------
let rpc = new RelayRpc(proxy)
@@ -327,7 +354,6 @@ rpc.addEventListener('BufferLine', event => {
}
}
- // TODO: Find some way of highlighting the tab in a browser.
// TODO: Also highlight on unseen private messages, like xC does.
if (line.isHighlight) {
beep()
@@ -386,13 +412,16 @@ let Toolbar = {
let BufferList = {
view: vnode => {
+ let highlighted = false
let items = Array.from(buffers, ([name, b]) => {
let classes = [], displayName = name
if (name == bufferCurrent) {
classes.push('current')
} else {
- if (b.highlighted)
+ if (b.highlighted) {
classes.push('highlighted')
+ highlighted = true
+ }
if (b.newMessages) {
classes.push('activity')
displayName += ` (${b.newMessages})`
@@ -403,6 +432,8 @@ let BufferList = {
class: classes.join(' '),
}, displayName)
})
+
+ updateIcon(highlighted)
return m('.list', {}, items)
},
}