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 # mapping: # allows to map fields from the remote format to the one expected by Homer
# title: 'id' # use value from field 'id' as title # title: 'id' # use value from field 'id' as title
# content: 'value' # value from field 'value' as content # 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: # Real example using chucknorris.io for showing Chuck Norris facts as messages:
# url: https://api.chucknorris.io/jokes/random # url: https://api.chucknorris.io/jokes/random
# mapping: # mapping:
# title: 'id' # title: 'id'
# content: 'value' # content: 'value'
# refreshInterval: 10000
style: "is-warning" style: "is-warning"
title: "Optional message!" title: "Optional message!"
icon: "fa fa-exclamation-triangle" icon: "fa fa-exclamation-triangle"

15
src/components/Message.vue
View File

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