Function onNewMessage

functions/public/scripts/main.ts:151–164

(snap: DataSnapshot)

// This is called when a new Message has been added to the realtime Database.
const onNewMessage = function(snap: DataSnapshot) {
  const text = snap.val().text;
  const name = snap.val().author.name;
  const messageElement = document.createElement('div');
  messageElement.classList.add('message-element');
  const authorContainer = document.createElement('div');
  authorContainer.innerText = name;
  authorContainer.classList.add('author-container');
  const textContainer = document.createElement('div');
  textContainer.innerText = text;
  messageElement.appendChild(authorContainer);
  messageElement.appendChild(textContainer);
  messageContainer.insertBefore(messageElement, messageContainer.firstChild);
};

signInButton.addEventListener('click', signIn);
signOutButton.addEventListener('click', signUserOut);