diff options
| author | Přemysl Eric Janouch <p@janouch.name> | 2022-09-12 03:48:12 +0200 |
|---|---|---|
| committer | Přemysl Eric Janouch <p@janouch.name> | 2022-09-12 03:49:29 +0200 |
| commit | 8968100a28256084b444899128a775b794b155e1 (patch) | |
| tree | 5ced596c0b52ad0ddc9882bedcdea09c71e054ed /xP | |
| parent | 3b6c29d676c569a7081dc9322b49ce80ba6fe2f2 (diff) | |
| download | xK-8968100a28256084b444899128a775b794b155e1.tar.gz xK-8968100a28256084b444899128a775b794b155e1.tar.xz xK-8968100a28256084b444899128a775b794b155e1.zip | |
xP: improve favicon behaviour
Make it black when disconnected, and orange when the document
is hidden but the current tab is highlighted.
Diffstat (limited to 'xP')
| -rw-r--r-- | xP/public/xP.js | 37 |
1 files changed, 25 insertions, 12 deletions
diff --git a/xP/public/xP.js b/xP/public/xP.js index d3b2d16..3344a1f 100644 --- a/xP/public/xP.js +++ b/xP/public/xP.js @@ -170,7 +170,11 @@ function updateIcon(highlighted) { let ctx = canvas.getContext('2d') ctx.arc(16, 16, 12, 0, 2 * Math.PI) - ctx.fillStyle = highlighted ? '#ff5f00' : '#ccc' + ctx.fillStyle = '#000' + if (highlighted === true) + ctx.fillStyle = '#ff5f00' + if (highlighted === false) + ctx.fillStyle = '#ccc' ctx.fill() if (iconLink === undefined) { @@ -305,6 +309,8 @@ rpc.addEventListener('BufferActivate', event => { bufferCurrent = e.bufferName bufferLog = undefined bufferAutoscroll = true + if (b !== undefined && document.visibilityState !== 'hidden') + b.highlighted = false let textarea = document.getElementById('input') if (textarea === null) @@ -341,7 +347,8 @@ rpc.addEventListener('BufferLine', event => { return } - let visible = !document.hidden && bufferLog === undefined && + let visible = document.visibilityState !== 'hidden' && + bufferLog === undefined && (e.bufferName == bufferCurrent || e.leakToActive) b.lines.push({...line}) if (!(visible || e.leakToActive) || @@ -446,15 +453,13 @@ let BufferList = { let classes = [], displayName = name if (name == bufferCurrent) { classes.push('current') - } else { - if (b.highlighted) { - classes.push('highlighted') - highlighted = true - } - if (b.newMessages) { - classes.push('activity') - displayName += ` (${b.newMessages})` - } + } else if (b.newMessages) { + classes.push('activity') + displayName += ` (${b.newMessages})` + } + if (b.highlighted) { + classes.push('highlighted') + highlighted = true } return m('.item', { onclick: event => bufferActivate(name), @@ -462,7 +467,7 @@ let BufferList = { }, displayName) }) - updateIcon(highlighted) + updateIcon(rpc.ws === undefined ? null : highlighted) return m('.list', {}, items) }, } @@ -813,6 +818,14 @@ let Main = { window.addEventListener('load', () => m.mount(document.body, Main)) +document.addEventListener('visibilitychange', event => { + let b = buffers.get(bufferCurrent) + if (b !== undefined && document.visibilityState !== 'hidden') { + b.highlighted = false + m.redraw() + } +}) + document.addEventListener('keydown', event => { if (rpc.ws == undefined || !hasShortcutModifiers(event)) return |