Files: 0655463e071d13cbb89dbb6968727e21229414e7 / index.js
2495 bytesRaw
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: '#' + id}, h('span.avatar--small', avatar.image(id)))), |
18 | h('li', h('a', {href: '#' + id}, avatar.name(id))), |
19 | h('li', h('a', 'New Post', { |
20 | onclick: function () { |
21 | if (document.getElementById('composer')) { return } |
22 | else { |
23 | var currentScreen = document.getElementById('screen') |
24 | var opts = {} |
25 | opts.type = 'post' |
26 | var composer = h('div.content#composer', h('div.message', compose(opts))) |
27 | if (currentScreen.firstChild.firstChild) { |
28 | currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild) |
29 | } else { |
30 | currentScreen.firstChild.appendChild(composer) |
31 | } |
32 | } |
33 | } |
34 | })), |
35 | h('li', h('a', 'New Wiki', { |
36 | onclick: function () { |
37 | if (document.getElementById('composer')) { return } |
38 | else { |
39 | var currentScreen = document.getElementById('screen') |
40 | var opts = {} |
41 | opts.type = 'wiki' |
42 | var composer = h('div.content#composer', h('div.message', compose(opts))) |
43 | if (currentScreen.firstChild.firstChild) { |
44 | currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild) |
45 | } else { |
46 | currentScreen.firstChild.appendChild(composer) |
47 | } |
48 | } |
49 | } |
50 | })), |
51 | h('li', h('a', {href: '#' }, 'All')), |
52 | h('li', h('a', {href: '#private' }, 'Private')), |
53 | h('li', h('a', {href: '#mentions' }, 'Mentions')), |
54 | h('li', h('a', {href: '#key' }, 'Key')), |
55 | h('li.right', h('a', {href: '#about'}, '?')), |
56 | h('form.search', { |
57 | onsubmit: function (e) { |
58 | if (search.value[0] == '#') |
59 | window.location.hash = '#' + search.value |
60 | else |
61 | window.location.hash = '?' + search.value |
62 | e.preventDefault() |
63 | }}, |
64 | search |
65 | ) |
66 | ) |
67 | ) |
68 | |
69 | document.body.appendChild(nav) |
70 | document.body.appendChild(screen) |
71 | route() |
72 | |
73 | window.onhashchange = function () { |
74 | var oldscreen = document.getElementById('screen') |
75 | var newscreen = h('div#screen') |
76 | oldscreen.parentNode.replaceChild(newscreen, oldscreen) |
77 | route() |
78 | } |
79 | |
80 |
Built with git-ssb-web