newsfeed: showAsList implemented.

This commit is contained in:
Robert Ewald 2021-06-03 11:40:18 +02:00
parent aa3a3bdf16
commit 3e96e8b3f5
3 changed files with 59 additions and 47 deletions

View File

@ -12,3 +12,12 @@ iframe.newsfeed-fullarticle {
bottom: inherit; bottom: inherit;
top: -90px; top: -90px;
} }
.newsfeed-list {
list-style: none;
}
.newsfeed-list li {
text-align: justify;
margin-bottom: 0.5em;
}

View File

@ -129,6 +129,10 @@ Module.register("newsfeed", {
} }
const item = this.newsItems[this.activeItem]; const item = this.newsItems[this.activeItem];
const items = this.newsItems.map(function (item) {
item.publishDate = moment(new Date(item.pubdate)).fromNow();
return item;
});
return { return {
loaded: true, loaded: true,
@ -137,7 +141,7 @@ Module.register("newsfeed", {
publishDate: moment(new Date(item.pubdate)).fromNow(), publishDate: moment(new Date(item.pubdate)).fromNow(),
title: item.title, title: item.title,
description: item.description, description: item.description,
items: this.newsItems items: items
}; };
}, },
@ -247,7 +251,6 @@ Module.register("newsfeed", {
this.sendNotification("NEWS_FEED_UPDATE", { items: updatedItems }); this.sendNotification("NEWS_FEED_UPDATE", { items: updatedItems });
} }
Log.warn(newsItems);
this.newsItems = newsItems; this.newsItems = newsItems;
}, },

View File

@ -1,9 +1,9 @@
{% if loaded %} {% if loaded %}
{% if config.showAsList %} {% if config.showAsList %}
<ul class="newsfeed-list"> <ul class="newsfeed-list">
{% for item in items %} {% for item in items %}
<li> <li>
{% if (config.showSourceTitle and item.sourceTitle) or config.showPublishDate %} {% if (config.showSourceTitle and item.sourceTitle) or config.showPublishDate %}
<div class="newsfeed-source light small dimmed"> <div class="newsfeed-source light small dimmed">
{% if item.sourceTitle and config.showSourceTitle %} {% if item.sourceTitle and config.showSourceTitle %}
{{ item.sourceTitle }}{% if config.showPublishDate %}, {% else %}: {% endif %} {{ item.sourceTitle }}{% if config.showPublishDate %}, {% else %}: {% endif %}
@ -25,8 +25,8 @@
</div> </div>
</div> </div>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
{% else %} {% else %}
<div> <div>
{% if (config.showSourceTitle and sourceTitle) or config.showPublishDate %} {% if (config.showSourceTitle and sourceTitle) or config.showPublishDate %}
@ -50,7 +50,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% endif %} {% endif %}
{% elseif error %} {% elseif error %}
<div class="small dimmed"> <div class="small dimmed">
{{ "MODULE_CONFIG_ERROR" | translate({MODULE_NAME: "Newsfeed", ERROR: error}) | safe }} {{ "MODULE_CONFIG_ERROR" | translate({MODULE_NAME: "Newsfeed", ERROR: error}) | safe }}