buuh/examples/mailbox/elements/email-list.js

const dateformat = require('dateformat')
const html = require('../../../html')

module.exports = function (state, prev, send) {
  const params = state.params
  const mailbox = params.mailbox
  const messages = state[mailbox].messages
  return html`
    <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 html`
    <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>
  `
}