git ssb

1
var h = require('hyperscript')
2
var route = require('./views')
3
var avatar = require('./avatar')
4
5
var compose = require('./compose')
6
7
var id = require('./keys').id
8
9
document.head.appendChild(h('style', require('./style.css.json')))
10
11
var screen = h('div#screen')
12
13
var search = h('input.search', {placeholder: 'Search'})
14
15
var nav = h('div.navbar',
16
  h('div.internal',
17
    h('li', h('a', {href: '/'}, h('h1', 'ssblist'))),
18
    h('li', h('a', {href: '#' + id}, h('span.avatar--small', avatar.image(id)))),
19
    h('li', h('a', {href: '#' + id}, avatar.name(id))),
20
    h('li', h('a', 'New Listing', {
21
      onclick: function () {
22
        if (document.getElementById('composer')) { return }
23
        else {
24
          var currentScreen = document.getElementById('screen')
25
          var opts = {}
26
          opts.type = 'post'
27
          opts.label = {type: 'label', label: 'ssblist'}
28
          var composer = h('div.content#composer', h('div.message', compose(opts)))
29
          if (currentScreen.firstChild.firstChild) {
30
            currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild)
31
          } else {
32
            currentScreen.firstChild.appendChild(composer)
33
          }
34
        }
35
      }
36
    })),
37
    /*h('li', h('a', 'New Wiki', {
38
      onclick: function () {
39
        if (document.getElementById('composer')) { return }
40
        else {
41
          var currentScreen = document.getElementById('screen')
42
          var opts = {}
43
          opts.type = 'wiki'
44
          var composer = h('div.content#composer', h('div.message', compose(opts)))
45
          if (currentScreen.firstChild.firstChild) {
46
            currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild)
47
          } else {
48
            currentScreen.firstChild.appendChild(composer)
49
          }
50
        }
51
      }
52
    })),*/
53
    h('li', h('a', {href: '#' }, 'All')),
54
    //h('li', h('a', {href: '#private' }, 'Private')),
55
    h('li', h('a', {href: '#friends/' + id }, 'Friends')),
56
    /*h('li', h('a', {href: '#wall/' + id }, 'Wall')),
57
    h('li', h('a', {href: '#queue'}, 'Queue')),*/
58
    h('li', h('a', {href: '#key' }, 'Key')),
59
    /*h('li.right', h('a', {href: '#about'}, '?')),*/
60
    h('form.search', { 
61
      onsubmit: function (e) {
62
        if (search.value[0] == '#')
63
          window.location.hash = '#' + search.value
64
        else
65
          window.location.hash = '?' + search.value
66
        e.preventDefault()
67
      }},
68
      search
69
    )
70
  )
71
)
72
document.body.appendChild(nav)
73
document.body.appendChild(screen)
74
route()
75
76
window.onhashchange = function () {
77
  var oldscreen = document.getElementById('screen')
78
  var newscreen = h('div#screen')
79
  oldscreen.parentNode.replaceChild(newscreen, oldscreen)
80
  route()
81
}
82
83