nfp_sites/app/widgets/newsitem.js

const Fileinfo = require('./fileinfo')

const Newsitem = {  
  view: function(vnode) {
    var pixelRatio = window.devicePixelRatio || 1
    var jpegImage = pixelRatio > 1 ? vnode.attrs.media.medium_url : vnode.attrs.media.small_url
    var avifImage = pixelRatio > 1 ? vnode.attrs.media.medium_url_avif : vnode.attrs.media.small_url_avif
    return m('newsitem', [
      m(m.route.Link,
        { href: '/article/' + vnode.attrs.path, class: 'title' },
        m('h3', [vnode.attrs.name])
      ),
      m('div.newsitemcontent', [
        vnode.attrs.media
          ? m('a.cover', {
              href: '/article/' + vnode.attrs.path,
            },
            m('picture', [
              avifImage ? m('source', {
                srcset: avifImage,
                type: 'image/avif',
              }) : null,
              m('img', { alt: 'Image for news item ' + vnode.attrs.name, src: jpegImage })
            ]))
          : null,
        m('div.entrycontent', {
          class: vnode.attrs.media ? '' : 'extrapadding',
        }, [
          (vnode.attrs.description
              ? m('.fr-view', m.trust(vnode.attrs.description))
              : null),
          (vnode.attrs.files && vnode.attrs.files.length
            ? vnode.attrs.files.map(function(file) {
                return m(Fileinfo, { file: file, trim: true })
              })
            : null),
          m('span.entrymeta', [
            'Posted ',
            (vnode.attrs.parent ? 'in' : ''),
            (vnode.attrs.parent ? m(m.route.Link, { href: '/page/' + vnode.attrs.parent.path }, vnode.attrs.parent.name) : null),
            'at ' + (vnode.attrs.published_at.replace('T', ' ').split('.')[0]).substr(0, 16),
            ' by ' + (vnode.attrs.staff && vnode.attrs.staff.fullname || 'Admin'),
          ]),
        ]),
      ]),
    ])
  },
}

module.exports = Newsitem