Function createPostElement

database/scripts/main.ts:175–327

* Creates a post element.

(
  postId: string,
  title: string,
  text: string,
  author?: string,
  authorId?: string,
  authorPic?: string,
)

 * Creates a post element.
 */
function createPostElement(
  postId: string,
  title: string,
  text: string,
  author?: string,
  authorId?: string,
  authorPic?: string,
) {
  const uid = auth.currentUser!.uid;

  const html =
    '<div class="post post-' +
    postId +
    ' mdl-cell mdl-cell--12-col ' +
    'mdl-cell--6-col-tablet mdl-cell--4-col-desktop mdl-grid mdl-grid--no-spacing">' +
    '<div class="mdl-card mdl-shadow--2dp">' +
    '<div class="mdl-card__title mdl-color--light-blue-600 mdl-color-text--white">' +
    '<h4 class="mdl-card__title-text"></h4>' +
    '</div>' +
    '<div class="header">' +
    '<div>' +
    '<div class="avatar"></div>' +
    '<div class="username mdl-color-text--black"></div>' +
    '</div>' +
    '</div>' +
    '<span class="star">' +
    '<div class="not-starred material-icons">star_border</div>' +
    '<div class="starred material-icons">star</div>' +
    '<div class="star-count">0</div>' +
    '</span>' +
    '<div class="text"></div>' +
    '<div class="comments-container"></div>' +
    '<form class="add-comment" action="#">' +
    '<div class="mdl-textfield mdl-js-textfield">' +
    '<input class="mdl-textfield__input new-comment" type="text">' +
    '<label class="mdl-textfield__label">Comment...</label>' +
    '</div>' +
    '</form>' +
    '</div>' +
    '</div>';

  // Create the DOM element from the HTML.
  const div = document.createElement('div');
  div.innerHTML = html;
  const postElement = div.firstChild as HTMLElement;
  if (window.componentHandler) {
    window.componentHandler.upgradeElements(
      postElement.getElementsByClassName('mdl-textfield')[0],
    );
  }

  const addCommentForm = postElement.getElementsByClassName(
    'add-comment',
  )[0] as HTMLFormElement;
  const commentInput = postElement.getElementsByClassName(
    'new-comment',
  )[0] as HTMLInputElement;
  const star = postElement.getElementsByClassName(