const vtree$ = prop$.map(props =>
div(`.${props.team}-pitchers-container .col-md-3`, [
h4(`.${props.team}-pitcher-header .first-letter`, `${props.team} Pitcher`),
ul('.pitcher-list .list-group', [
li('.pitcher .list-group-item', props.pitcher)
])
]));
const vtree$ = prop$.map(props =>
div(`.${props.team}-rbi-hitters-container .col-md-3`, [
h4(`.${props.team}-rbi-header .first-letter`, `${props.team} RBI Hitters`),
ul('.rbi-hitters-list .list-group', props.rbiHitters.map(hitter =>
li('.rbi-hitter .list-group-item', hitter)
))
]));
const vtree$ = user$.map(user =>
div('.users', [
button('.get-random', 'Get random user'),
user === null ? null : div('.user-details', [
h1('.user-name', user.name),
h4('.user-email', user.email),
a('.user-website', {href: user.website}, user.website)
])
])
const vdom$ = number$.map(number =>
div('.p2.measure', [
h4(`Current count: ${number}`),
button('.btn.Increment', 'Increment'),
button('.btn.Decrement', { style: { marginLeft: '10px' } }, 'Decrement'),
br(),
br(),
button('.btn.Home', 'Home')
])
const uservdom$ = user$.map(user =>
div('.users', [
p([
a({href: 'https://github.com/cyclejs/examples/tree/master/http-random-user',
style: {'font-size': '10px'}}, 'https://github.com/cyclejs/examples/tree/master/http-random-user')
]),
button('.get-random', 'Get random user'),
user === null ? null : div('.user-details', [
h1('.user-name', user.name),
h4('.user-email', user.email),
a('.user-website', {href: user.website}, user.website)
])
])
function app(sources) {
return {
DOM: Rx.Observable.just(
h3('.top-most', [
sources.DOM.isolateSink(Rx.Observable.just(
div('.foo', [
h4('.bar', 'Wrong')
])
), 'ISOLATION'),
h2('.bar', 'Correct'),
])
)
};
}
function main () {
return footer(`.${styles.root}`, [
div(`.${styles.aPropos}`, [
h4('Qui sommes-nous ?'),
p([
i('.fa.fa-twitter'),
'Le projet principalement maintenu par ',
a(
{attrs: {href: 'http://twitter.com/pierremartin'}},
'Pierre Martin'
)
]),
p([
i('.fa.fa-github'),
'Le code source est disponible sur ',
a(
{attrs: {href: 'http://github.com/real34/ma-cave'}},
'Github'
)
])
])
])
}
export default ({ DOM }) => {
Button(DOM.select('.Home')).forEach(() => {
window.location.href = '/';
});
Button(DOM.select('.Github')).forEach(() => {
window.location.href = 'https://github.com/edge/cyc';
});
return {
DOM: Observable.just(
div('.p2.measure', [
h2('About'),
h4([
i('cyc'), ' is a Cycle.js boilerplate built with convenience and speed in mind.'
]),
br(),
button('.btn.Home', 'Home'), ' ',
button('.btn.Github', 'Github'),
])
)
};
}
emails.map(({ id, mailTitle, mailMessage }) => li(
a({ href: buildUrl('inbox.message', { id }) }, [
h4(mailTitle),
p(mailMessage)
])
))