akf-forum/views/thread.ejs

91 lines
2.4 KiB
Text
Raw Normal View History

2022-03-13 16:16:46 +03:00
<!DOCTYPE html>
<html lang="en">
2022-04-06 21:38:25 +03:00
<%- include("extra/header", { title : thread.title }) %>
2022-03-26 23:28:10 +03:00
2022-04-03 21:01:55 +03:00
<body>
2022-03-26 23:28:10 +03:00
2022-04-03 21:01:55 +03:00
<%- include("extra/navbar", {user}) %>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<h1 style="font-size: 35px;">
<%= thread.title %>
</h1>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<h2>By <a style="color: #bcbcbc;" href=<%="/users/" + thread.author.id %>> <%= thread.author.name %></a>
<img class="yuvarlak" src=<%= thread.author.avatar %> alt=<%= thread.author.name %>>
</h2>
<hr>
<% messages.forEach(message=>{ %>
2022-04-06 21:14:46 +03:00
<% if (message){ %>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<div id="message-<%= message.id %>" style="border: 2px solid #444444; padding: 10px;">
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<h3 style="float:right;">
<%=new Date(message.time).toLocaleString() %>
</h3>
<h2>
<img class="yuvarlak" src=<%=message.author.avatar %> alt=<%= message.author.name %>>
<a style="color: #bcbcbc;" href=<%="/users/" + message.author.id %>> <%= message.author.name %></a>:
</h2>
<h2>
<%= message.content %>
</h2>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<br>
<% if (user){ %>
<form style="display:inline;" action="/message/<%= message.id %>/delete/" method="post">
</a><button type="submit">DELETE</button>
</form>
<form style="float: right;" action="/message/<%= message.id %>/react/" method="POST">
2022-03-13 16:16:46 +03:00
2022-03-26 23:28:10 +03:00
<h3 style="display:inline;">
<%= Object.values(message.react).filter(Boolean).length - Object.values(message.react).filter(x=>
!x).length %>
</h3>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<button style="display:inline;" name="like" type="submit">+🔼</button>
<button style="display:inline;" name="dislike" type="submit">-🔽</button>
2022-03-26 23:28:10 +03:00
</form>
2022-04-03 21:01:55 +03:00
<% } %>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
</div>
2022-03-13 16:16:46 +03:00
2022-04-06 21:14:46 +03:00
<% } else { %>
<div id="deleted-message" style="border: 2px solid #444444; padding: 10px;">
<h1>DELETED MESSAGE</h1>
</div>
<% } %>
<br>
2022-04-03 21:01:55 +03:00
<% }); %>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<hr>
2022-03-21 23:53:22 +03:00
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<form action="/message" method="POST">
<textarea rows="4" cols="133" name="content"></textarea>
2022-04-03 21:01:55 +03:00
<input name="threadID" type="hidden" value="<%= thread.id %>"></input>
<br>
<% if (user){ %>
<button type="submit">Send!</button>
<%} else {%>
<button disabled>Login for send</button>
<% }%>
</form>
2022-03-13 16:16:46 +03:00
2022-04-03 21:01:55 +03:00
<%- include("extra/footer") %>
</body>
2022-03-13 16:16:46 +03:00
</html>