Mail listing

[kulmann]

Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

• As a user, I want to see a unified inbox of all my accounts so that I have an overview of my mails.

User Value

Mail listing

Acceptance Criteria

• we have a mail app 🧌 (all the app skeleton stuff)
  • source code location: web monorepo, packages/web-app-mail
  • app switcher item with icon and label
  • default route /mail/all/inbox
  • web dev stack has the app enabled
  • opencloud default config doesn't (!) have the app enabled
• mail app has a unified inbox page, which has the (default) route /mail/all/inbox (= all emails from all inboxes of all accounts of the user)
  • title: All emails
  • body: email list (no search field or any navigation, yet)
  • unified email inbox endpoint is fetched when the unified inbox page gets loaded (not clear, yet, how we update data after the initial load -> most likely SSE, but not part of this story)
  • emails sorted by date (newest to oldest)
  • per email the following data is rendered:
    • unread/new status
    • avatar or initials (use avatar component; avatar images will not exist until we have a contacts app though)
    • display name of the sender or email address if no display name is set - truncate if too long
    • subject - truncate if too long
    • email summary (short excerpt of the email)
    • relative time
• list is used full width for all breakpoints; no additional components on larger viewports, yet. also no placeholder for a mail details view in desktop viewports. just the list (= the mobile variant), even though that'll be huge / wide for larger viewports. This is just the first iteration. 😉
• no interaction with emails possible, yet. Just the listing.

Mockup (mobile)

[tbsbdr]

super, thanks for the write-up! good first slice 🍞

[tammi-23]

What should the email look like if we don't have a preview, or if it only has one line?
For example, a classic blank email with an attachment.
Should we compress the view or display with a placeholder?

Perhaps also display text like: "This email has no content."