akf-forum/views/thread.ejs

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

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


<body>
  <%- include("extra/navbar") %>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
  <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
  <link rel="stylesheet" href="/libs/simplemde/simplemde.min.css">
  <script src="/libs/simplemde/simplemde.min.js"></script>

  <div style="text-align:center;padding:8px">
    <a href="/categories/<%= thread.categoryID %>" class="title" id="title"><%= thread.title %></a>
    <div class="date">
      <%= new Date(thread.time).toLocaleString() %> • Views: <%= thread.views %>
    </div>
    <div class="date">
      <a style="color: var(--anti);" 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 && (user.id === thread.authorID || user.admin ) && !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) { %>
    <h4 class="title" style="display:inline; font-size: 20px;">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.author.id %>"><%=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" modal="#modal-<%=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" id="modal-<%=message.id %>">
        <% 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 <% if (message.react.like.includes(user?.id)) { %> style="color: var(--main)" <% } %>>
          <i onclick='react("<%= message.id %>","like");' class='bx bx-like'></i>
          <div id="like"><%=message.react.like.length %></div>
        </div>
        <div <% if (message.react.dislike.includes(user?.id)) { %> style="color: var(--main)" <% } %>>
          <i onclick='react("<%= message.id %>","dislike");' class='bx bx-dislike'></i>
          <div id="dislike"><%=message.react.dislike.length %></div>
        </div>
      </div>
      <% }; %>

    </div>

    <% }); %>
  </div>

  <script>
    const converter = new showdown.Converter();
    for (const message of document.querySelectorAll(".message")) {
      const content = message.querySelector(".content");
      content.innerHTML = converter.makeHtml(content.rawText = content.innerHTML);
    }
  </script>
  <script src="/js/modal.js"></script>
  <% if (user){ %>
  <script type="module" src="/js/thread.js"></script>

  <div class="message" id="send-div">

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

  </div>

  <script src="/js/editor.js"></script>

  <script type="module">
    const simplemde = editor("thread-<%= thread.id %>");

    import request from "../../js/request.js";

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

      e.preventDefault();
      const res = await request("/api/messages", "POST", {
        threadID: "<%= thread.id %>",
        content: simplemde.value()
      })
      simplemde.clearAutosavedValue();
      let tp = Number("<%= thread.pages %>")
      let tm = Number("<%= thread.count %>")
      if (tp * 10 === tm) tp++;
      if (res) location.href = `/threads/<%= thread.id %>?page=${tp-1}`;
    });
  </script>
  <style>
    .fa {
      color: var(--main);
    }
  </style>


  <% }%>
  <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>
  <%- include("extra/footer") %>

</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") %>`
page support for categories, and one css file 2023-05-24 15:40:09 +03:00			`<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>`
			`<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>`
			`<link rel="stylesheet" href="/libs/simplemde/simplemde.min.css">`
			`<script src="/libs/simplemde/simplemde.min.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">`
Added footer everywhere 2022-09-17 00:51:52 +03:00			`<a href="/categories/<%= thread.categoryID %>" class="title" id="title"><%= thread.title %></a>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00			`<div class="date">`
Fix for threads page, black theme 2022-09-16 23:51:16 +03:00			`<%= new Date(thread.time).toLocaleString() %> • Views: <%= thread.views %>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`</div>`
			`<div class="date">`
Black Theme Fixes 2022-09-09 17:38:13 +03:00			`<a style="color: var(--anti);" 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>`
Modal.js 2022-09-27 21:34:13 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
Modal.js 2022-09-27 21:34:13 +03:00
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<div style="text-align:center;padding:8px">`
Added virtuals for delete 2022-10-09 20:10:19 +03:00			`<% if (user && (user.id === thread.authorID \|\| user.admin ) && !thread.deleted){ %>`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<a onclick="delete_thread('<%= thread.id %>')" class="btn-outline-primary">DELETE</a>`
			`<a onclick="edit_thread('<%= thread.id %>')" class="btn-outline-primary">EDIT</a>`
Added virtuals for delete 2022-10-09 20:10:19 +03:00			`<% } else if (thread.deleted) { %>`
Modal.js 2022-09-27 21:34:13 +03:00			`<h4 class="title" style="display:inline; font-size: 20px;">This thread has been deleted</h3>`
page support for categories, and one css file 2023-05-24 15:40:09 +03:00			`<a onclick="undelete_thread('<%= thread.id %>')" class="btn-primary">UNDELETE</a>`
			`<% }; %>`
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 %>" />`
Modal.js 2022-09-27 21:34:13 +03:00			`<div class="username"><a href="/users/<%=message.author.id %>"><%=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
Added markdown editor 2022-09-16 21:57:27 +03:00			`<div class="content"><%= message.content %></div>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<% 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
Modal.js 2022-09-27 21:34:13 +03:00			`<div class="dots" modal="#modal-<%=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
Modal.js 2022-09-27 21:34:13 +03:00			`<div class="dots-menu" id="modal-<%=message.id %>">`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<% 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">`
Modal.js 2022-09-27 21:34:13 +03:00			`<div <% if (message.react.like.includes(user?.id)) { %> style="color: var(--main)" <% } %>>`
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>`
Modal.js 2022-09-27 21:34:13 +03:00			`<div <% if (message.react.dislike.includes(user?.id)) { %> style="color: var(--main)" <% } %>>`
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>`
Added markdown editor 2022-09-16 21:57:27 +03:00
			`<script>`
			`const converter = new showdown.Converter();`
			`for (const message of document.querySelectorAll(".message")) {`
			`const content = message.querySelector(".content");`
			`content.innerHTML = converter.makeHtml(content.rawText = content.innerHTML);`
			`}`
			`</script>`
Modal.js 2022-09-27 21:34:13 +03:00			`<script src="/js/modal.js"></script>`
Page is OK! Edits, About me, ip ban 2022-08-29 19:31:59 +03:00			`<% if (user){ %>`
Added markdown editor 2022-09-16 21:57:27 +03:00			`<script type="module" src="/js/thread.js"></script>`
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 class="message" id="send-div">`
Added markdown to editors 2022-09-17 21:36:33 +03:00
Modal.js 2022-09-27 21:34:13 +03:00			`<form id="send" style="width:100%">`
Added markdown to editors 2022-09-17 21:36:33 +03:00			`<textarea rows="4" id="textarea"></textarea>`
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>`
			`</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>`
page support for categories, and one css file 2023-05-24 15:40:09 +03:00
			`<script src="/js/editor.js"></script>`

Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`<script type="module">`
page support for categories, and one css file 2023-05-24 15:40:09 +03:00			`const simplemde = editor("thread-<%= thread.id %>");`
Added markdown to editors 2022-09-17 21:36:33 +03:00
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`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();`
			`const res = await request("/api/messages", "POST", {`
			`threadID: "<%= thread.id %>",`
Added markdown to editors 2022-09-17 21:36:33 +03:00			`content: simplemde.value()`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`})`
Modal.js 2022-09-27 21:34:13 +03:00			`simplemde.clearAutosavedValue();`
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`let tp = Number("<%= thread.pages %>")`
			`let tm = Number("<%= thread.count %>")`
			`if (tp * 10 === tm) tp++;`
Added markdown editor 2022-09-16 21:57:27 +03:00			if (res) location.href = `/threads/<%= thread.id %>?page=${tp-1}`;
Better edits, already deleted, global ratelimit 2022-09-01 14:02:47 +03:00			`});`
			`</script>`
page support for categories, and one css file 2023-05-24 15:40:09 +03:00			`<style>`
			`.fa {`
			`color: var(--main);`
			`}`
			`</style>`
Added themes api way, and bootstrap theme,useredit 2023-05-09 13:28:45 +03:00

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>`
Added footer everywhere 2022-09-17 00:51:52 +03:00			`<%- include("extra/footer") %>`
thread converted to new theme, page support 2022-08-29 00:58:34 +03:00
[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>`