akf-forum/views/thread.ejs

<!DOCTYPE html>
<html lang="en">

<%- include("extra/meta", {title: thread.title }) %>


<body>
  <%- include("extra/navbar") %>
  <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>

  <link rel="stylesheet" href="/css/thread.css" />
  <link rel="stylesheet" href="/css/pages.css" />

  <% if (user){ %>
  <script type="module" src="/js/thread.js"></script>
  <% }; %>

  <div style="text-align:center;padding:8px">
    <div class="title" id="title"><%= thread.title %></div>
    <div class="date">
      <%= new Date(thread.time).toLocaleString() %> • Views: <%= thread.views %>%>
    </div>
    <div class="date">
      <a style="color: var(--reaction-hover);" href="/users/<%= thread.author.id %>"><%= thread.author.name %></a> <%= "• "+(thread.edited  ? "Edited" : "Not edited")%>
    </div>
  </div>
  <div style="text-align:center;padding:8px">
    <% if (user && !thread.deleted){ %>

    <a onclick="delete_thread('<%= thread.id %>')" class="btn-outline-primary">DELETE</a>
    <a onclick="edit_thread('<%= thread.id %>')" class="btn-outline-primary">EDIT</a>
    <% } else if (thread.deleted) { %>
    <h3 style="display:inline;">This thread has been deleted</h3>
    <a onclick="undelete_thread('<%= thread.id %>')" class="btn-primary">UNDELETE</a>

    <% }; %>
  </div>

  <div id="messages">

    <% messages.filter(Boolean).forEach(message=>{ %>

    <div class="message" id="message-<%= message.id %>">
      <div class="left">
        <img src="<%= message.author.avatar %>" />
        <div class="username"><a href="/users/<%=message.authorID %>"><%=message.author.name %></a></div>
        <div class="date">
          <%= new Date(message.time).toLocaleDateString() %>
        </div>
        <div class="date">
          <%= new Date(message.time).toLocaleTimeString() %>
        </div>
      </div>

      <div class="content"><%- message.content %></div>
      <% if(user){ %>
      <% if(user.id === message.authorID || user.admin){ %>

      <div class="dots" onclick="dots('<%=message.id %>')">
        <% if (message.deleted){ %>
        <i class='bx bx-trash bx-sm' id="deleted" style="color: var(--important);"></i>
        <% } %>
        <% if (message.edited){ %>
        <i class='bx bx-pencil bx-sm' id="edited" style="color: GREEN;"></i>
        <% } %>
        <i class='bx bx-dots-horizontal-rounded'></i>
      </div>

      <div class="dots-menu">
        <% if (!message.deleted){ %>
        <a onclick="delete_message('<%=message.id %>');">Delete</a>
        <a onclick="edit_message('<%=message.id %>');">Edit</a>
        <% }else { %>
        <a onclick="undelete_message('<%=message.id %>');">Undelete</a>
        <% } %>
      </div>
      <% } %>

      <div class="reactions">
        <div>
          <i onclick='react("<%= message.id %>","like");' class='bx bx-like'></i>
          <div id="like"><%=message.react.like.length %></div>
        </div>
        <div>
          <i onclick='react("<%= message.id %>","dislike");' class='bx bx-dislike'></i>
          <div id="dislike"><%=message.react.dislike.length %></div>
        </div>
      </div>
      <% }; %>

    </div>

    <% }); %>
  </div>
  <% if (user){ %>

  <div class="message" id="send-div">
    <form id="send" style="width:100%">
      <textarea rows="4" name="content"></textarea>
      <input name="threadID" type="hidden" value="<%= thread.id %>"></input>
      <input name="page" type="hidden" value="<%= page %>"></input>
      <button class="btn-primary">Send!</button>

    </form>

  </div>
  <script type="module">
    import request from "../../js/request.js";

    document.getElementById("send").addEventListener("submit", async e => {

      e.preventDefault();

      const data = new FormData(e.target);

      const res = await request("/api/messages", "POST", {
        threadID: "<%= thread.id %>",
        content: data.get("content")
      })

      let tp = Number("<%= thread.pages %>")
      let tm = Number("<%= thread.count %>")
      if (tp * 10 === tm) tp++;
      if (res) location.href = `/threads/${data.get("threadID")}?page=${tp-1}`;


    });
  </script>
  <% }%>
  <div class="pagination">
    <div class="back">
      <% if (page > 0){ %>
      <a href="<%= thread.getLink() %>?page=<%= page-1 %>" class='bx bxs-chevron-left'></a>
      <% } %>
    </div>

    <div class="numbers">
      <% for(let i=0; i < thread.pages; i++){ %>
      <a class="number <%= i==page?'active':'' %>" href="<%= thread.getLink() %>?page=<%= i %>"><%= i+1 %></a>
      <% } %>
    </div>

    <div class="after">
      <% if (thread.pages-1 > page) { %>
      <a href="<%= thread.getLink() %>?page=<%= page +1 %>" class='bx bxs-chevron-right'></a>
      <% } %>
    </div>

  </div>

  <script>
    document.getElementById("message-<%= scroll %>").scrollIntoView();

    function dots(id) {
      document.getElementById('message-' + id).querySelector(".dots-menu").classList.toggle('active')
    }
  </script>

</body>

</html>
Fixing git 2022-03-13 16:16:46 +03:00			`<!DOCTYPE html>`
			`<html lang="en">`

thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<%- include("extra/meta", {title: thread.title }) %>`
Added include to ejs files 2022-03-26 23:28:10 +03:00
Better rendering for messages 2022-08-11 17:55:48 +03:00
Update thread.ejs 2022-08-28 20:36:39 +03:00			`<body>`
[WIP] Threads page is converting to new theme 2022-08-26 22:09:02 +03:00			`<%- include("extra/navbar") %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>`

[WIP] Threads page is converting to new theme 2022-08-26 22:09:02 +03:00			`<link rel="stylesheet" href="/css/thread.css" />`
Pages for threads and users pages, and lib/ 2022-09-01 15:19:12 +03:00			`<link rel="stylesheet" href="/css/pages.css" />`

bcrypt fix + forms to a 2022-08-27 14:08:28 +03:00			`<% if (user){ %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<script type="module" src="/js/thread.js"></script>`
			`<% }; %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div style="text-align:center;padding:8px">`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<div class="title" id="title"><%= thread.title %></div>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div class="date">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<%= new Date(thread.time).toLocaleString() %> • Views: <%= thread.views %>%>`
			`</div>`
			`<div class="date">`
			`<a style="color: var(--reaction-hover);" href="/users/<%= thread.author.id %>"><%= thread.author.name %></a> <%= "• "+(thread.edited ? "Edited" : "Not edited")%>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`<div style="text-align:center;padding:8px">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<% if (user && !thread.deleted){ %>`

			`<a onclick="delete_thread('<%= thread.id %>')" class="btn-outline-primary">DELETE</a>`
			`<a onclick="edit_thread('<%= thread.id %>')" class="btn-outline-primary">EDIT</a>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% } else if (thread.deleted) { %>`
			`<h3 style="display:inline;">This thread has been deleted</h3>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<a onclick="undelete_thread('<%= thread.id %>')" class="btn-primary">UNDELETE</a>`

new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% }; %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<div id="messages">`
Fixing git 2022-03-13 16:16:46 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% messages.filter(Boolean).forEach(message=>{ %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<div class="message" id="message-<%= message.id %>">`
			`<div class="left">`
Added avatar upload 2022-09-09 16:29:36 +03:00			`<img src="<%= message.author.avatar %>" />`
Delete thread button for threads page 2022-08-31 16:25:35 +03:00			`<div class="username"><a href="/users/<%=message.authorID %>"><%=message.author.name %></a></div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<div class="date">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<%= new Date(message.time).toLocaleDateString() %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`<div class="date">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<%= new Date(message.time).toLocaleTimeString() %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`</div>`
Update thread.ejs 2022-08-28 20:36:39 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<div class="content"><%- message.content %></div>`
			`<% if(user){ %>`
Delete thread button for threads page 2022-08-31 16:25:35 +03:00			`<% if(user.id === message.authorID \|\| user.admin){ %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<div class="dots" onclick="dots('<%=message.id %>')">`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% if (message.deleted){ %>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<i class='bx bx-trash bx-sm' id="deleted" style="color: var(--important);"></i>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% } %>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% if (message.edited){ %>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<i class='bx bx-pencil bx-sm' id="edited" style="color: GREEN;"></i>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% } %>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<i class='bx bx-dots-horizontal-rounded'></i>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
Update thread.ejs 2022-08-28 21:09:15 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<div class="dots-menu">`
			`<% if (!message.deleted){ %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<a onclick="delete_message('<%=message.id %>');">Delete</a>`
			`<a onclick="edit_message('<%=message.id %>');">Edit</a>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<% }else { %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<a onclick="undelete_message('<%=message.id %>');">Undelete</a>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<% } %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`<% } %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<div class="reactions">`
			`<div>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<i onclick='react("<%= message.id %>","like");' class='bx bx-like'></i>`
			`<div id="like"><%=message.react.like.length %></div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`<div>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<i onclick='react("<%= message.id %>","dislike");' class='bx bx-dislike'></i>`
			`<div id="dislike"><%=message.react.dislike.length %></div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`</div>`
			`<% }; %>`

Update thread.ejs 2022-08-28 20:36:39 +03:00			`</div>`

new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% }); %>`
Update thread.ejs 2022-08-28 20:36:39 +03:00			`</div>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% if (user){ %>`

Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<div class="message" id="send-div">`
Update thread.ejs 2022-08-31 15:28:52 +03:00			`<form id="send" style="width:100%">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<textarea rows="4" name="content"></textarea>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<input name="threadID" type="hidden" value="<%= thread.id %>"></input>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<input name="page" type="hidden" value="<%= page %>"></input>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<button class="btn-primary">Send!</button>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`</form>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`</div>`
			`<script type="module">`
			`import request from "../../js/request.js";`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`document.getElementById("send").addEventListener("submit", async e => {`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`e.preventDefault();`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`const data = new FormData(e.target);`

			`const res = await request("/api/messages", "POST", {`
			`threadID: "<%= thread.id %>",`
			`content: data.get("content")`
			`})`

			`let tp = Number("<%= thread.pages %>")`
			`let tm = Number("<%= thread.count %>")`
			`if (tp * 10 === tm) tp++;`
			if (res) location.href = `/threads/${data.get("threadID")}?page=${tp-1}`;


			`});`
			`</script>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% }%>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div class="pagination">`
			`<div class="back">`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% if (page > 0){ %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<a href="<%= thread.getLink() %>?page=<%= page-1 %>" class='bx bxs-chevron-left'></a>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<% } %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div class="numbers">`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% for(let i=0; i < thread.pages; i++){ %>`
			`<a class="number <%= i==page?'active':'' %>" href="<%= thread.getLink() %>?page=<%= i %>"><%= i+1 %></a>`
			`<% } %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`
[WIP] Threads page is converting to new theme 2022-08-26 22:09:02 +03:00
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div class="after">`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% if (thread.pages-1 > page) { %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<a href="<%= thread.getLink() %>?page=<%= page +1 %>" class='bx bxs-chevron-right'></a>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% } %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`</div>`

			`<script>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`document.getElementById("message-<%= scroll %>").scrollIntoView();`

thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`function dots(id) {`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`document.getElementById('message-' + id).querySelector(".dots-menu").classList.toggle('active')`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`}`
			`</script>`
[WIP] Threads page is converting to new theme 2022-08-26 22:09:02 +03:00
			`</body>`
Fixing git 2022-03-13 16:16:46 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`</html>`