LogalDeveloper/owncast
0
Fork 0
Code Activity

Remove ES6 arrow functions

Browse Source
This commit is contained in:
Gabe Kangas
2020-06-14 13:04:04 -07:00
parent 5e1524d03e
commit c2d0d6e962
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/index.html
View File

@@ -53,7 +53,7 @@
<div id="video-container" class="flex shadow-md"> <div id="video-container" class="flex shadow-md">
<video <video
class="video-js vjs-theme-fantasy" class="video-js"
id="video" id="video"
preload="auto" preload="auto"
controls controls

28
webroot/js/message.js
View File

@@ -63,15 +63,15 @@ class Messaging {
this.formMessageInput = document.querySelector("#message-body-form"); this.formMessageInput = document.querySelector("#message-body-form");
} }
init() { init() {
this.tagChatToggle.addEventListener("click", this.handleChatToggle); this.tagChatToggle.addEventListener("click", this.handleChatToggle.bind(this));
this.textUserInfoDisplay.addEventListener("click", this.handleShowChangeNameForm); this.textUserInfoDisplay.addEventListener("click", this.handleShowChangeNameForm.bind(this));
this.btnUpdateUserName.addEventListener("click", this.handleUpdateUsername); this.btnUpdateUserName.addEventListener("click", this.handleUpdateUsername.bind(this));
this.btnCancelUpdateUsername.addEventListener("click", this.handleHideChangeNameForm); this.btnCancelUpdateUsername.addEventListener("click", this.handleHideChangeNameForm.bind(this));
this.inputChangeUserName.addEventListener("keydown", this.handleUsernameKeydown); this.inputChangeUserName.addEventListener("keydown", this.handleUsernameKeydown.bind(this));
this.formMessageInput.addEventListener("keydown", this.handleMessageInputKeydown); this.formMessageInput.addEventListener("keydown", this.handleMessageInputKeydown.bind(this));
this.btnSubmitMessage.addEventListener("click", this.handleSubmitChatButton); this.btnSubmitMessage.addEventListener("click", this.handleSubmitChatButton.bind(this));
this.initLocalStates(); this.initLocalStates();
} }
@@ -93,7 +93,7 @@ class Messaging {
this.tagAppContainer.className = this.chatDisplayed ? "flex" : "flex no-chat"; this.tagAppContainer.className = this.chatDisplayed ? "flex" : "flex no-chat";
} }
handleChatToggle = () => { handleChatToggle() {
this.chatDisplayed = !this.chatDisplayed; this.chatDisplayed = !this.chatDisplayed;
if (this.chatDisplayed) { if (this.chatDisplayed) {
setLocalStorage(this.keyChatDisplayed, this.chatDisplayed); setLocalStorage(this.keyChatDisplayed, this.chatDisplayed);
@@ -102,15 +102,15 @@ class Messaging {
} }
this.displayChat(); this.displayChat();
} }
handleShowChangeNameForm = () => { handleShowChangeNameForm() {
this.textUserInfoDisplay.style.display = "none"; this.textUserInfoDisplay.style.display = "none";
this.tagUserInfoChanger.style.display = "flex"; this.tagUserInfoChanger.style.display = "flex";
} }
handleHideChangeNameForm = () => { handleHideChangeNameForm() {
this.textUserInfoDisplay.style.display = "flex"; this.textUserInfoDisplay.style.display = "flex";
this.tagUserInfoChanger.style.display = "none"; this.tagUserInfoChanger.style.display = "none";
} }
handleUpdateUsername = () => { handleUpdateUsername() {
var newValue = this.inputChangeUserName.value; var newValue = this.inputChangeUserName.value;
newValue = newValue.trim(); newValue = newValue.trim();
// do other string cleanup? // do other string cleanup?
@@ -123,7 +123,7 @@ class Messaging {
this.handleHideChangeNameForm(); this.handleHideChangeNameForm();
} }
handleUsernameKeydown = event => { handleUsernameKeydown(event) {
if (event.keyCode === 13) { // enter if (event.keyCode === 13) { // enter
this.handleUpdateUsername(); this.handleUpdateUsername();
} else if (event.keyCode === 27) { // esc } else if (event.keyCode === 27) { // esc
@@ -131,7 +131,7 @@ class Messaging {
} }
} }
handleMessageInputKeydown = event => { handleMessageInputKeydown(event) {
var okCodes = [37,38,39,40,16,91,18,46,8]; var okCodes = [37,38,39,40,16,91,18,46,8];
var value = this.formMessageInput.value.trim(); var value = this.formMessageInput.value.trim();
var numCharsLeft = this.maxMessageLength - value.length; var numCharsLeft = this.maxMessageLength - value.length;
@@ -161,7 +161,7 @@ class Messaging {
this.tagMessageFormWarning.innerText = ""; this.tagMessageFormWarning.innerText = "";
} }
} }
handleSubmitChatButton = event => { handleSubmitChatButton(event) {
var value = this.formMessageInput.value.trim(); var value = this.formMessageInput.value.trim();
if (value) { if (value) {
this.submitChat(value); this.submitChat(value);