chat.ejs 967 B

123456789101112131415161718192021222324252627
  1. <div class="chats-container">
  2. <div class="chat-header">
  3. <a href="/" class="action">
  4. <img src="/img/back.png" />
  5. </a>
  6. <span class="chat-title"><%- title %></span>
  7. </div>
  8. <div class="message-list">
  9. <% if (empty) { %>
  10. <p class="empty-label">No messages</p>
  11. <% } %>
  12. <% messages.forEach(function(message) { %>
  13. <div class="message">
  14. <span class="message-username"><%- message.username %></span>
  15. <span class="message-text"><%- message.text %></span>
  16. <span class="message-datetime"><%- message.datetime %></span>
  17. </div>
  18. <% }); %>
  19. </div>
  20. </div>
  21. <script>
  22. var timestamps = document.getElementsByClassName("message-datetime")
  23. for (var i = 0; i < timestamps.length; i++) {
  24. var timestamp = timestamps[i];
  25. timestamp.innerText = new Date(timestamp.innerText).toLocaleString()
  26. }
  27. </script>