function main () {
return header([
h1([
a({attrs: {href: '/#'}}, 'Ma cave à vin !')
])
])
}
const EditorHeader = ({ sel, contents, markdownPreview, selRev }) => {
const parts = sel ? sel.split('|') : []
const filename = parts[parts.length - 1]
return header('.editor-header', [
h2('.crumbs', parts.join(' ❭ ')),
EditorHeaderButtons({ sel, contents, filename, markdownPreview }),
EditorTimeline({ contents, selRev })
])
}
function renderHeader() {
return header('.header', [
h1('todos'),
input('.new-todo', {
type: 'text',
value: '',
attributes: {placeholder: 'What needs to be done?'},
autofocus: true,
name: 'newTodo'
})
]);
}
render = ([content]) => {
return div([
header([
h1('HapiCycle')
]),
div({class: classes(styles.page)}, [
content
]),
footer({class: classes(styles.container)}, [
small([
'© ' + new Date().getFullYear() + ' YourApp ',
span({class: classes(styles.pullRight)}, `v${VERSION}-${BRANCH} (${ENV})`)
])
])
])
},
function renderHeader() {
return header('.header', [
h1('todos'),
input('.new-todo', {
props: {
type: 'text',
placeholder: 'What needs to be done?',
autofocus: true,
name: 'newTodo'
},
hook: {
update: (oldVNode, {elm}) => {
elm.value = '';
},
},
})
]);
}
function view({user}) {
return div('.user-card', [
header([
span([
h3(user.username)
]),
span('.edit-user', 'edit'),
span('.detele-user', 'delete')
]),
section('.user-small-profile', [
aside([
span('profilepic')
]),
div('.user-info', [
span('role:'),
span('posts:'),
span('comments:')
])
])
])
}