holm/homer
1
0
Fork 0
forked from extern/homer
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactors created function (splits logic for getting message) and adds timeout according to refreshInterval field

Browse Source
This commit is contained in:
luixal 2021-01-07 21:23:13 +01:00
parent 6d29bc27e7
commit 1ddf394176
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/configuration.md
View File

@ -69,12 +69,14 @@ message:
# mapping: # allows to map fields from the remote format to the one expected by Homer
# title: 'id' # use value from field 'id' as title
# content: 'value' # value from field 'value' as content
# refreshInterval: 10000 # time interval to refresh message
#
# Real example using chucknorris.io for showing Chuck Norris facts as messages:
# url: https://api.chucknorris.io/jokes/random
# mapping:
# title: 'id'
# content: 'value'
# refreshInterval: 10000
style: "is-warning"
title: "Optional message!"
icon: "fa fa-exclamation-triangle"

29
src/components/Message.vue
View File

@ -29,20 +29,27 @@ export default {
created: async function () {
// Look for a new message if an endpoint is provided.
this.message = Object.assign({}, this.item);
if (this.item && this.item.url) {
let fetchedMessage = await this.getMessage(this.item.url);
if (this.item.mapping) fetchedMessage = this.mapRemoteMessage(fetchedMessage);
// keep the original config value if no value is provided by the endpoint
for (const prop of ["title", "style", "content"]) {
if (prop in fetchedMessage && fetchedMessage[prop] !== null) {
this.message[prop] = fetchedMessage[prop];
}
}
}
await this.getMessage();
this.show = this.message.title || this.message.content;
},
methods: {
getMessage: function (url) {
getMessage: async function() {
if (this.item && this.item.url) {
let fetchedMessage = await this.downloadMessage(this.item.url);
if (this.item.mapping) fetchedMessage = this.mapRemoteMessage(fetchedMessage);
// keep the original config value if no value is provided by the endpoint
for (const prop of ["title", "style", "content"]) {
if (prop in fetchedMessage && fetchedMessage[prop] !== null) {
this.message[prop] = fetchedMessage[prop];
}
}
}
console.log(this.item.refreshInterval);
if (this.item.refreshInterval) setTimeout(this.getMessage, this.item.refreshInterval);
},
downloadMessage: function (url) {
return fetch(url).then(function (response) {
if (response.status != 200) {
return;