Commit 707b786ad8b53851c240262677d2e164cf75bf59
teach connection thing in corner to blink when new messages are saved
mixmix committed on 9/19/2018, 3:14:04 AMParent: fd8bb1c95ab59a206713bc1211f1c9c3f72e8564
Files changed
| app/html/menu.js | changed |
| app/html/menu.mcss | changed |
| app/html/menu.js | |||
|---|---|---|---|
| @@ -1,13 +1,15 @@ | |||
| 1 | 1 … | const nest = require('depnest') | |
| 2 | 2 … | const { h, Value, when } = require('mutant') | |
| 3 … | +const pull = require('pull-stream') | ||
| 3 | 4 … | ||
| 4 | 5 … | exports.gives = nest('app.html.menu') | |
| 5 | 6 … | ||
| 6 | 7 … | exports.needs = nest({ | |
| 7 | 8 … | 'app.html.menuItem': 'map', | |
| 8 | 9 … | 'app.sync.goTo': 'first', | |
| 9 | - 'sbot.obs.connection': 'first' | ||
| 10 … | + 'sbot.obs.connection': 'first', | ||
| 11 … | + 'sbot.pull.stream': 'first' | ||
| 10 | 12 … | }) | |
| 11 | 13 … | ||
| 12 | 14 … | exports.create = function (api) { | |
| 13 | 15 … | var _menu | |
| @@ -16,9 +18,36 @@ | |||
| 16 | 18 … | if (_menu) return _menu | |
| 17 | 19 … | ||
| 18 | 20 … | const hoverClass = Value('') | |
| 19 | 21 … | const connectionClass = when(api.sbot.obs.connection, '', '-disconnected') | |
| 22 … | + const newMessageClass = Value('') | ||
| 20 | 23 … | ||
| 24 … | + var timeOut | ||
| 25 … | + pull( | ||
| 26 … | + api.sbot.pull.stream(sbot => { | ||
| 27 … | + const query = [{ | ||
| 28 … | + $filter: { | ||
| 29 … | + timestamp: { $gt: 0 } | ||
| 30 … | + } | ||
| 31 … | + }, { | ||
| 32 … | + $map: { | ||
| 33 … | + author: ['value', 'author'] | ||
| 34 … | + } | ||
| 35 … | + }] | ||
| 36 … | + return sbot.query.read({ live: true, old: false, query }) | ||
| 37 … | + }), | ||
| 38 … | + // pull.filter(a => a !== myKey), // could filter out my own messages | ||
| 39 … | + pull.drain(m => { | ||
| 40 … | + if (timeOut) return | ||
| 41 … | + | ||
| 42 … | + newMessageClass.set('-newMsg') | ||
| 43 … | + timeOut = setTimeout(() => { | ||
| 44 … | + newMessageClass.set('') | ||
| 45 … | + timeOut = null | ||
| 46 … | + }, 200) | ||
| 47 … | + }) | ||
| 48 … | + ) | ||
| 49 … | + | ||
| 21 | 50 … | const menuItems = api.app.html.menuItem(api.app.sync.goTo).map(item => { | |
| 22 | 51 … | // Remove custom order from dependencies that give app.html.menuItem | |
| 23 | 52 … | item.style.order = null | |
| 24 | 53 … | return item | |
| @@ -28,9 +57,9 @@ | |||
| 28 | 57 … | ) | |
| 29 | 58 … | ||
| 30 | 59 … | // TODO: move goTo out into each menuItem | |
| 31 | 60 … | _menu = h('Menu', { | |
| 32 | - classList: [ hoverClass, connectionClass ], | ||
| 61 … | + classList: [ hoverClass, connectionClass, newMessageClass ], | ||
| 33 | 62 … | 'ev-mouseover': () => hoverClass.set('-open'), | |
| 34 | 63 … | 'ev-mouseout': () => hoverClass.set('') | |
| 35 | 64 … | }, [ | |
| 36 | 65 … | h('div', sortedMenuItems) | |
Built with git-ssb-web