terriblehack/displaySubmissions.js at gh-pages · TerribleHack/terriblehack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
loadIssues({
  owner: 'terriblehack',
  repo: 'terriblehack',
  issue: 60,
  render: (data) => {
    const container = document.getElementById('projects');
    container.innerHTML = [];
    if (data.error) {
      container.innerHTML = data.error;
      return;
    }

    data.comments.forEach((comment) => {
      const submission = document.createElement('div');
      submission.classList.add('submission');

      const author = document.createElement('a');
      author.classList.add('author');
      author.setAttribute('href', comment.author.url);
      author.setAttribute('target', '_blank');
      author.setAttribute('title', `@${comment.author.login}`);
      author.setAttribute('style', `background-image: url('${comment.author.avatarUrl}')`);
      submission.appendChild(author);

      const content = document.createElement('div');
      content.classList.add('content')
      content.innerHTML = comment.body;
      submission.appendChild(content);

      [...submission.querySelectorAll('script')].forEach((node) => node.parentElement.removeChild(node));
      [...submission.querySelectorAll('a')].forEach((node) => node.setAttribute('target', '_blank'));

      container.appendChild(submission);
    });
  },
});