git ssb

2+

mixmix / ticktack



Tree: fea2881ae175c88bac926fcff65d32598742e9a1

Files: fea2881ae175c88bac926fcff65d32598742e9a1 / app / html / lightbox.js

615 bytesRaw
1const nest = require('depnest')
2const { h, when, Value } = require('mutant')
3
4exports.gives = nest('app.html.lightbox')
5
6exports.create = (api) => {
7 return nest('app.html.lightbox', (content, isOpen) => {
8 if (typeof isOpen !== 'function') isOpen = Value(false)
9
10 const openMe = () => isOpen.set(true)
11 const closeMe = () => isOpen.set(false)
12
13 const lb = h('Lightbox', { className: when(isOpen, '-open', '-close'), 'ev-click': closeMe },
14 h('div.content', {'ev-click': (ev) => ev.stopPropagation()}, [
15 content
16 ]))
17
18 lb.open = openMe
19 lb.close = closeMe
20
21 return lb
22 })
23}
24

Built with git-ssb-web