var h = require('hyperscript') var route = require('./views') var avatar = require('./avatar') var compose = require('./compose') var id = require('./keys').id document.head.appendChild(h('style', require('./style.css.json'))) var screen = h('div#screen') var search = h('input.search', {placeholder: 'Search'}) var nav = h('div.navbar', h('div.internal', h('li', h('a', {href: '#' + id}, h('span.avatar--small', avatar.image(id)))), h('li', h('a', {href: '#' + id}, avatar.name(id))), h('li', h('a', 'New Post', { onclick: function () { if (document.getElementById('composer')) { return } else { var currentScreen = document.getElementById('screen') var opts = {} opts.type = 'post' var composer = h('div.content#composer', h('div.message', compose(opts))) if (currentScreen.firstChild.firstChild) { currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild) } else { currentScreen.firstChild.appendChild(composer) } } } })), h('li', h('a', 'New Wiki', { onclick: function () { if (document.getElementById('composer')) { return } else { var currentScreen = document.getElementById('screen') var opts = {} opts.type = 'wiki' var composer = h('div.content#composer', h('div.message', compose(opts))) if (currentScreen.firstChild.firstChild) { currentScreen.firstChild.insertBefore(composer, currentScreen.firstChild.firstChild) } else { currentScreen.firstChild.appendChild(composer) } } } })), h('li', h('a', {href: '#' }, 'All')), h('li', h('a', {href: '#private' }, 'Private')), h('li', h('a', {href: '#friends/' + id }, 'Friends')), h('li', h('a', {href: '#wall/' + id }, 'Wall')), h('li', h('a', {href: '#queue'}, 'Queue')), h('li', h('a', {href: '#key' }, 'Key')), h('li.right', h('a', {href: '#about'}, '?')), h('form.search', { onsubmit: function (e) { if (search.value[0] == '#') window.location.hash = '#' + search.value else window.location.hash = '?' + search.value e.preventDefault() }}, search ) ) ) document.body.appendChild(nav) document.body.appendChild(screen) route() window.onhashchange = function () { var oldscreen = document.getElementById('screen') var newscreen = h('div#screen') oldscreen.parentNode.replaceChild(newscreen, oldscreen) route() }