discourse/app/assets/javascripts/admin/addon/templates/email-logs-received.gjs
Kris a46293c202
UX: improve wrapping and styling in email logs (#34011)
Some additional improvement following
459a58f3e1, there were some cases that
became clearer after seeing live data in production

This helps avoids issues like this:

<img width="440" height="176" alt="image"
src="https://github.com/user-attachments/assets/d1c23d47-15bd-4a23-b54f-cb825c9d861f"
/>

<img width="402" height="402" alt="image"
src="https://github.com/user-attachments/assets/bb8d6be1-2dcc-4276-98ad-f3a825c2f932"
/>
2025-07-31 11:40:04 -04:00

92 lines
3.4 KiB
Text
Vendored

import { LinkTo } from "@ember/routing";
import RouteTemplate from "ember-route-template";
import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
import HorizontalScrollSyncWrapper from "discourse/components/horizontal-scroll-sync-wrapper";
import LoadMore from "discourse/components/load-more";
import TextField from "discourse/components/text-field";
import avatar from "discourse/helpers/avatar";
import formatDate from "discourse/helpers/format-date";
import { i18n } from "discourse-i18n";
export default RouteTemplate(
<template>
<LoadMore @action={{@controller.loadMore}}>
<HorizontalScrollSyncWrapper>
<table class="table email-list">
<thead>
<tr>
<th>{{i18n "admin.email.time"}}</th>
<th>{{i18n "admin.email.incoming_emails.from_address"}}</th>
<th>{{i18n "admin.email.incoming_emails.to_addresses"}}</th>
<th>{{i18n "admin.email.incoming_emails.subject"}}</th>
</tr>
</thead>
<tbody>
<tr class="filters">
<td>{{i18n "admin.email.logs.filters.title"}}</td>
<td>
<TextField
@value={{@controller.filter.from}}
@placeholderKey="admin.email.incoming_emails.filters.from_placeholder"
/></td>
<td>
<TextField
@value={{@controller.filter.to}}
@placeholderKey="admin.email.incoming_emails.filters.to_placeholder"
/></td>
<td>
<TextField
@value={{@controller.filter.subject}}
@placeholderKey="admin.email.incoming_emails.filters.subject_placeholder"
/></td>
</tr>
{{#each @controller.model as |email|}}
<tr>
<td class="time">{{formatDate email.created_at}}</td>
<td class="username">
<div>
{{#if email.user}}
<span class="email-logs-user">
<LinkTo @route="adminUser" @model={{email.user}}>
{{avatar email.user imageSize="tiny"}}
{{email.from_address}}
</LinkTo>
</span>
{{else}}
&mdash;
{{/if}}
</div>
</td>
<td class="addresses">
{{#each email.to_addresses as |to|}}
<p><a href="mailto:{{to}}" title="TO">{{to}}</a></p>
{{/each}}
{{#each email.cc_addresses as |cc|}}
<p><a href="mailto:{{cc}}" title="CC">{{cc}}</a></p>
{{/each}}
</td>
<td>
{{#if email.post_url}}
<a href={{email.post_url}}>{{email.subject}}</a>
{{else}}
{{email.subject}}
{{/if}}
</td>
</tr>
{{else}}
<tr>
<td colspan="4">
{{i18n "admin.email.incoming_emails.none"}}
</td>
</tr>
{{/each}}
</tbody>
</table>
</HorizontalScrollSyncWrapper>
</LoadMore>
<ConditionalLoadingSpinner @condition={{@controller.loading}} />
</template>
);