odin-codespace/nodejs-mini-message-board/src/views/index.ejs

33 lines
838 B
Text

<%- include('header') %>
<div class="container msg-feed">
<div class="headline">
<h1><a href="new">Join the chat!</a></h1>
</div>
<% msgs.forEach((msg) => { %>
<div class="card">
<div class="card-metadata">
<h3>@<%= msg.username %></h3>
<div class="metadata-right">
<span><%= dateParser(msg.date) %></span>
<% if (comments[msg.id]) { %>
<span class="material-symbols-outlined" onClick="test(event)" data-message-id="<%= msg.id %>">
comment
</span>
<% } else { %>
<span class="material-symbols-outlined" onClick="test(event)" data-message-id="<%= msg.id %>">
mode_comment
</span>
<% } %>
</div>
</div>
<div class="card-message">
<p><%= msg.message %></p>
</div>
</div>
<% }); %>
</div>
<%- include('footer') %>