nfp_sites/app/widgets/newsitem.js

71 lines
2.4 KiB
JavaScript
Raw Normal View History

2019-09-14 19:03:38 +00:00
const Fileinfo = require('./fileinfo')
2021-01-05 19:12:10 +00:00
const Newsitem = {
oninit: function(vnode) {
2021-02-05 11:50:01 +00:00
if (vnode.attrs.media) {
this.srcsetJpeg = vnode.attrs.media.small_url + ' 500w, '
+ vnode.attrs.media.medium_url + ' 800w '
if (vnode.attrs.media.small_url_avif) {
this.srcsetAvif = vnode.attrs.media.small_url_avif + ' 500w, '
+ vnode.attrs.media.medium_url_avif + ' 800w '
} else {
this.srcsetAvif = null
}
this.coverSizes = '(max-width: 639px) calc(100vw - 40px), '
+ '(max-width: 1000px) 300px, '
+ '400px'
2021-01-05 19:12:10 +00:00
}
},
2019-09-14 19:03:38 +00:00
view: function(vnode) {
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
2021-01-05 19:12:10 +00:00
? m(m.route.Link, {
class: 'cover',
href: '/article/' + vnode.attrs.path,
},
m('picture', [
this.srcsetAvif ? m('source', {
srcset: this.srcsetAvif,
sizes: this.coverSizes,
type: 'image/avif',
}) : null,
m('img', {
srcset: this.srcsetJpeg,
sizes: this.coverSizes,
alt: 'Image for news item ' + vnode.attrs.name,
src: vnode.attrs.media.small_url }),
])
)
2019-10-01 03:45:44 +00:00
: null,
m('div.entrycontent', {
class: vnode.attrs.media ? '' : 'extrapadding',
}, [
2019-09-14 19:03:38 +00:00
(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 })
2019-09-14 19:03:38 +00:00
})
: 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),
2019-10-02 18:47:20 +00:00
' by ' + (vnode.attrs.staff && vnode.attrs.staff.fullname || 'Admin'),
]),
2019-09-14 19:03:38 +00:00
]),
]),
])
},
}
module.exports = Newsitem