git ssb

0+

ev / microbay



forked from Dominic / patchbay

Tree: be83388e349e11675d91cfaaf75f2c73b39d0041

Files: be83388e349e11675d91cfaaf75f2c73b39d0041 / modules / tabs.js

3878 bytesRaw
1var Tabs = require('hypertabs')
2var h = require('hyperscript')
3var pull = require('pull-stream')
4var u = require('../util')
5var keyscroll = require('../keyscroll')
6var open = require('open-external')
7
8function ancestor (el) {
9 if(!el) return
10 if(el.tagName !== 'A') return ancestor(el.parentElement)
11 return el
12}
13
14var plugs = require('../plugs')
15var screen_view = plugs.first(exports.screen_view = [])
16var search_box = plugs.first(exports.search_box = [])
17
18exports.message_render = []
19
20exports.app = function () {
21 var search
22 var tabs = Tabs(function (name) {
23 search.value = name
24 sessionStorage.selectedTab = tabs.selected
25 })
26// tabs.classList.add('screen')
27
28 search = search_box(function (path, change) {
29 if(tabs.has(path)) {
30 tabs.select(path)
31 return true
32 }
33 var el = screen_view(path)
34 if(el) {
35 el.scroll = keyscroll(el.querySelector('.scroller__content'))
36 tabs.add(path, el, change)
37 localStorage.openTabs = JSON.stringify(tabs.tabs)
38 return change
39 }
40 })
41
42 tabs.insertBefore(search, tabs.querySelector('.hypertabs__content'))
43
44 var saved = []
45 try { saved = JSON.parse(localStorage.openTabs) }
46 catch (_) { }
47
48 if(!saved || saved.length < 3)
49 saved = ['/public', '/private', '/notifications']
50
51 saved.forEach(function (path) {
52 var el = screen_view(path)
53 if (!el) return
54 el.scroll = keyscroll(el.querySelector('.scroller__content'))
55 if(el) tabs.add(path, el, false)
56 })
57
58 tabs.select(sessionStorage.selectedTab || saved[0] || '/public')
59
60 tabs.onclick = function (ev) {
61 var link = ancestor(ev.target)
62 if(!link) return
63 var path = link.hash.substring(1)
64
65 ev.preventDefault()
66 ev.stopPropagation()
67
68 //open external links.
69 //this ought to be made into something more runcible
70 if(open.isExternal(link.href)) return open(link.href)
71
72 if(tabs.has(path)) return tabs.select(path)
73
74 var el = screen_view(path)
75 if(el) {
76 el.scroll = keyscroll(el.querySelector('.scroller__content'))
77 tabs.add(path, el, !ev.ctrlKey)
78 localStorage.openTabs = JSON.stringify(tabs.tabs)
79 }
80
81 return false
82 }
83
84 window.addEventListener('keydown', function (ev) {
85 if (ev.target.nodeName === 'INPUT' || ev.target.nodeName === 'TEXTAREA')
86 return
87 switch(ev.keyCode) {
88
89 // scroll through tabs
90 case 72: // h
91 return tabs.selectRelative(-1)
92 case 76: // l
93 return tabs.selectRelative(1)
94
95 // scroll through messages
96 case 74: // j
97 return tabs.selectedTab.scroll(1)
98 case 75: // k
99 return tabs.selectedTab.scroll(-1)
100
101 // close a tab
102 case 88: // x
103 if (tabs.selected && tabs.selected[0] !== '/') {
104 var sel = tabs.selected
105 tabs.selectRelative(-1)
106 tabs.remove(sel)
107 localStorage.openTabs = JSON.stringify(tabs.tabs)
108 }
109 return
110
111 // activate the search field
112 case 191: // /
113 search.activate('?', ev)
114 return
115
116 // navigate to a feed
117 case 50: // 2
118 if (ev.shiftKey)
119 search.activate('@', ev)
120 return
121
122 // navigate to a channel
123 case 51: // 3
124 if (ev.shiftKey)
125 search.activate('#', ev)
126 return
127 }
128 })
129
130 // errors tab
131 var errorsContent = h('div.column.scroller__content')
132 var errors = h('div.column.scroller',
133 {style: {'overflow':'auto'}},
134 h('div.scroller__wrapper',
135 errorsContent
136 )
137 )
138
139 window.addEventListener('error', function (ev) {
140 var err = ev.error || ev
141 if(!tabs.has('errors'))
142 tabs.add('errors', errors, false)
143 var el = h('div.message',
144 h('strong', err.message),
145 h('pre', err.stack))
146 if (errorsContent.firstChild)
147 errorsContent.insertBefore(el, errorsContent.firstChild)
148 else
149 errorsContent.appendChild(el)
150 })
151
152 return tabs
153}
154
155

Built with git-ssb-web