Function startDatabaseQueries

database/scripts/main.ts:427–498

* Starts listening for new posts and populates posts lists.

()

 * Starts listening for new posts and populates posts lists.
 */
function startDatabaseQueries() {
  const myUserId = auth.currentUser!.uid;
  const topUserPostsRef = query(
    ref(database, 'user-posts/' + myUserId + '/starCount'),
    orderByChild('starCount'),
  );
  const recentPostsRef = query(ref(database, 'posts'), limitToLast(100));
  const userPostsRef = ref(database, 'user-posts/' + myUserId);

  const fetchPosts = function (postsRef: Query, sectionElement: HTMLElement) {
    onChildAdded(postsRef, function (data) {
      const author = data.val().author || 'Anonymous';
      const 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,
      );
    });

    onChildChanged(postsRef, function (data) {
      const containerElement =
        sectionElement.getElementsByClassName('posts-container')[0];
      const postElement = containerElement.getElementsByClassName(
        'post-' + data.key,
      )[0];
      const title = postElement.getElementsByClassName(
        'mdl-card__title-text',
      )[0] as HTMLHeadingElement;
      const text = postElement.getElementsByClassName(
        'text',
      )[0] as HTMLDivElement;
      const username = postElement.getElementsByClassName(
        'username',
      )[0] as HTMLDivElement;
      const starCount = postElement.getElementsByClassName(
        'star-count',
      )[0] as HTMLDivElement;

      title.innerText = data.val().title;
      username.innerText = data.val().author;
      text.innerText = data.val().body;
      starCount.innerText = data.val().starCount;
    });

    onChildRemoved(postsRef, function (data) {
      const containerElement =
        sectionElement.getElementsByClassName('posts-container')[0];
      const post = containerElement.getElementsByClassName(
        'post-' + data.key,
      )[0];