in database/scripts/main.js [260:281]
var fetchPosts = function(postsRef, sectionElement) {
postsRef.on('child_added', function(data) {
var author = data.val().author || 'Anonymous';
var containerElement = sectionElement.getElementsByClassName('posts-container')[0];
containerElement.insertBefore(
createPostElement(data.key, data.val().title, data.val().body, author, data.val().uid, data.val().authorPic),
containerElement.firstChild);
});
postsRef.on('child_changed', function(data) {
var containerElement = sectionElement.getElementsByClassName('posts-container')[0];
var postElement = containerElement.getElementsByClassName('post-' + data.key)[0];
postElement.getElementsByClassName('mdl-card__title-text')[0].innerText = data.val().title;
postElement.getElementsByClassName('username')[0].innerText = data.val().author;
postElement.getElementsByClassName('text')[0].innerText = data.val().body;
postElement.getElementsByClassName('star-count')[0].innerText = data.val().starCount;
});
postsRef.on('child_removed', function(data) {
var containerElement = sectionElement.getElementsByClassName('posts-container')[0];
var post = containerElement.getElementsByClassName('post-' + data.key)[0];
post.parentElement.removeChild(post);
});
};