Message

[Ryanrob327]

• updated header with inbox icon

  

• created pages for inbox and compose

  

• inbox page uses GET request to fetch data from backend API Working GET request code:

          fetch('http://localhost:8911/api/messages')
          .then(response => response.json())
          .then(data => {
              // Loop through the received data and create HTML elements to display each message
              const messageList = document.getElementById('inbox-messages');
              data.forEach(message => {
                  const listItem = document.createElement('div');
                  listItem.classList.add('message');
                  listItem.innerHTML = `
                      <strong>ID:</strong> ${message.id}<br>
                      <strong>From:</strong> ${message.from}<br>
                      <strong>Subject:</strong> ${message.subject}<br>
                      <p>${message.content}</p>
                  `;
                  messageList.appendChild(listItem);
              });
          })
          .catch(error => {
              console.error('Error fetching data:', error);
          });