Dockery/Homer
1
0
Fork 0
mirror of https://github.com/bastienwirtz/homer.git synced 2025-12-17 13:49:51 +01:00
Code Issues Packages Projects Releases 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
Download Patch File Download Diff File Expand all files Collapse all files

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;