views/partials/comments.ejs


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
37
38
39
40
41

<table id="comments">
  <script class="template" type="text/html">
    <tr>
      <td class="user">
        <a href="/profile/{{username}}"><div class="avatar" style="background-image:url({{image}})"></div></a>
        <a href="/profile/{{username}}">{{username}}</a>
      </td>
      <td colspan="2" class="comment">
        <div class="body">
          <span class="contents">{{comment}}</span>
          <div class="date" title="{{id}}">
            {{date}} {{time}}<br>
          </div>
          <div class="edit-links">
            <a href="/comment/{{id}}/edit">edit</a> &middot;
            <a href="#" data-id="{{id}}" class='remove'>remove</a>
            <!-- 
               &middot;
              <a href="/comment/{{id}}/reply">reply</a>
            -->
          </div>
        </div>
      </td>
    </tr>
  </script>

  <tr id="comment_form">
    <td></td>
    <td colspan="2">
      <form>
        <textarea required name="comment" placeholder="Add a comment"></textarea>
        <div class="inputs">
          <input name="files" type="file" multiple>
          <input type="submit" value="POST" />
          <div class="loader"></div>
        </div>
        <div class='errors'></div>
      </form>
    </td>
  </tr>
</table>