add comments; use promise for fetching chat history for consistency

This commit is contained in:
Ginger Wong 2020-07-19 16:11:29 -07:00
parent 3f594abac8
commit b66a80f11e

View file

@ -86,7 +86,7 @@ class Owncast {
});
this.player.init();
// this.getChatHistory();
this.getChatHistory();
};
setConfigData(data) {
@ -201,6 +201,27 @@ class Owncast {
});
};
// fetch chat history
getChatHistory() {
fetch(URL_CHAT_HISTORY)
.then(response => {
if (!response.ok) {
throw new Error(`Network response was not ok ${response.ok}`);
}
return response.json();
})
.then(data => {
const formattedMessages = data.map(function (message) {
return new Message(message);
})
this.vueApp.messages = formattedMessages.concat(this.vueApp.messages);
})
.catch(error => {
this.handleNetworkingError(`Fetch getChatHistory: ${error}`);
});
}
// handle UI things from stream status result
updateStreamStatus(status = {}) {
if (!status) {
@ -231,16 +252,6 @@ class Owncast {
}
}
// if (status.online && !this.streamIsOnline) {
// } else if (!status.online && !this.streamStatus) {
// this.handleOfflineMode();
// } else if (!status.online && this.streamIsOnline) {
// // we've just flipped from online to offline
// clearInterval(this.streamDurationTimer);
// this.handleOfflineMode();
// }
// keep a local copy
this.streamStatus = status;
@ -268,8 +279,7 @@ class Owncast {
console.log(`>>> App Error: ${error}`)
};
// basically hide video and show underlying "poster"
// primarily called when video onEnded was called because some video has been buffered to play after stream has gone offline.
// stop status timer and disable chat after some time.
handleOfflineMode() {
clearInterval(this.streamDurationTimer);
this.vueApp.streamStatus = MESSAGE_OFFLINE;
@ -307,7 +317,7 @@ class Owncast {
// likely called some time after stream status has gone offline.
// disable chat after some time.
// basically hide video and show underlying "poster"
handlePlayerEnded() {
this.vueApp.playerOn = false;
};
@ -316,19 +326,5 @@ class Owncast {
// do something?
this.handleOfflineMode();
this.handlePlayerEnded();
// stop timers?
};
async getChatHistory() {
const response = await fetch(URL_CHAT_HISTORY);
const data = await response.json();
const messages = data.map(function (message) {
return new Message(message);
})
this.setChatHistory(messages);
}
setChatHistory(messages) {
this.vueApp.messages = messages.concat(this.vueApp.messages);
}
};