Method insertPageLoader

src/timeline-component.ts:81–107

(insertAfter: IssueComment, count: number, callback: () => void)

  }

  public insertPageLoader(insertAfter: IssueComment, count: number, callback: () => void) {
    const { element: insertAfterElement } = this.timeline.find(x => x.comment.id >= insertAfter.id)!;
    insertAfterElement.insertAdjacentHTML('afterend', `
      <div class="page-loader">
        <div class="zigzag"></div>
        <button type="button" class="btn btn-outline btn-large">
          ${count} hidden items<br/>
          <span>Load more...</span>
        </button>
      </div>
    `);
    const element = insertAfterElement.nextElementSibling!;
    const button = element.lastElementChild! as HTMLButtonElement;
    const statusSpan = button.lastElementChild!;
    button.onclick = callback;

    return {
      setBusy() {
        statusSpan.textContent = 'Loading...';
        button.disabled = true;
      },
      remove() {
        button.onclick = null;
        element.remove();
      }
    };
  }

  private renderCount() {
    this.countAnchor.textContent = `${this.count} Comment${this.count === 1 ? '' : 's'}`;