in performance-monitoring-start/src/index.js [364:392]
function displayMessage(id, timestamp, name, text, picUrl, imageUrl) {
var div = document.getElementById(id) || createAndInsertMessage(id, timestamp);
// profile picture
if (picUrl) {
div.querySelector('.pic').style.backgroundImage = 'url(' + addSizeToGoogleProfilePic(picUrl) + ')';
}
div.querySelector('.name').textContent = name;
var messageElement = div.querySelector('.message');
if (text) { // If the message is text.
messageElement.textContent = text;
// Replace all line breaks by <br>.
messageElement.innerHTML = messageElement.innerHTML.replace(/\n/g, '<br>');
} else if (imageUrl) { // If the message is an image.
var image = document.createElement('img');
image.addEventListener('load', function() {
messageListElement.scrollTop = messageListElement.scrollHeight;
});
image.src = imageUrl + '&' + new Date().getTime();
messageElement.innerHTML = '';
messageElement.appendChild(image);
}
// Show the card fading-in and scroll to view the new message.
setTimeout(function() {div.classList.add('visible')}, 1);
messageListElement.scrollTop = messageListElement.scrollHeight;
messageInputElement.focus();
}