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 rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
  <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>

  <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" />


  <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.id === thread.authorID || user.admin ) && thread.state !== "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.state == "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 <% 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);
    }

    function dots(id) {
      document.getElementById('message-' + id).querySelector(".dots-menu").classList.toggle('active')
    }
  </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 type="module">
    const textarea = document.getElementById("textarea");
    const simplemde = new SimpleMDE({
      autosave: {
        enabled: true,
        uniqueId: "thread-<%= thread.id %>",
        delay: 1000,
      },
      element: textarea,
      spellChecker: false      
    });

    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>
  <% }%>
  <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") %>`
Added markdown editor 2022-09-16 21:57:27 +03:00			`<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>`
Added markdown to editors 2022-09-17 21:36:33 +03:00			`<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">`
			`<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>`
Added markdown editor 2022-09-16 21:57:27 +03:00
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" />`

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>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`</div>`
			`<div style="text-align:center;padding:8px">`
/undelete depr, added thread.state 2022-09-21 23:54:48 +03:00			`<% if ((user.id === thread.authorID \|\| user.admin ) && thread.state !== "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>`
/undelete depr, added thread.state 2022-09-21 23:54:48 +03:00			`<% } else if (thread.state == "DELETED") { %>`
new theme is fixed in everypage 2022-08-29 16:16:44 +03:00			`<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
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
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">`
Major update named as minor! Forum Setup page, edit forum config w/api ban user's all ips, secretmodel deleted, /undelete is disabled and better themes if user reacted a message, view it fixs for reactions of messages discord auth in config.json 2022-09-23 23:10: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>`
Major update named as minor! Forum Setup page, edit forum config w/api ban user's all ips, secretmodel deleted, /undelete is disabled and better themes if user reacted a message, view it fixs for reactions of messages discord auth in config.json 2022-09-23 23:10: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);`
			`}`

			`function dots(id) {`
			`document.getElementById('message-' + id).querySelector(".dots-menu").classList.toggle('active')`
			`}`
			`</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
			`<form id="send" style="width:100%">`
			`<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>`
			`<script type="module">`
Added markdown to editors 2022-09-17 21:36:33 +03:00			`const textarea = document.getElementById("textarea");`
			`const simplemde = new SimpleMDE({`
			`autosave: {`
			`enabled: true,`
			`uniqueId: "thread-<%= thread.id %>",`
			`delay: 1000,`
			`},`
			`element: textarea,`
Better 2022-09-17 21:43:04 +03:00			`spellChecker: false`
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			`})`
Added markdown to editors 2022-09-17 21:36:33 +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 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>`