Files
buuh/examples/mailbox/elements/email-list.js
T
2016-05-21 15:32:01 +09:00

36 lines
1.0 KiB
JavaScript

const dateformat = require('dateformat')
const choo = require('../../../')
module.exports = function (params, state, send) {
const mailbox = params.mailbox
const messages = state[mailbox + ':messages']
return choo.view`
<div>
<div class="db cf w-100">
<div class="fl mb3 w-25 mt0 b">Date</th>
<div class="fl mb3 w-25 mt0 b">Subject</th>
<div class="fl mb3 w-25 mt0 b">From</th>
<div class="fl mb3 w-25 mt0 b">To</th>
</div>
${messages.map(function (msg) {
return createMessage(msg, mailbox)
})}
</div>
`
}
function createMessage (message, mailbox) {
return choo.view`
<div class="db cf w-100">
<a href="${'/' + mailbox + '/' + message.id}">
<div class="fl mb3 w-25 f6 link">
${dateformat(message.date, 'mmmm dS')}
</div>
<div class="fl mb3 w-25 f6 link">${message.subject}</div>
<div class="fl mb3 w-25 f6 link">${message.from}</div>
<div class="fl mb3 w-25 f6 link">${message.to}</div>
</a>
</div>
`
}