mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-04-01 02:41:39 -05:00
Wired email debug screen with API (#15919)
refs https://github.com/TryGhost/Team/issues/2327 - wires email debug screen with real data from API - fetches email batch data for showing all batches along with those errored - fetches all recipient failures - temporary and permanent - shows email settings that was used for sending out the email
This commit is contained in:
Rishabh Garg
GitHub
parent
2a3a72e4d5
commit
a8a879ef53
5 changed files with 722 additions and 402 deletions
515
ghost/admin/app/components/posts/debug.hbs
Normal file
515
ghost/admin/app/components/posts/debug.hbs
Normal file
|
|
@ -0,0 +1,515 @@
|
|||
<section class="gh-canvas gh-email-debug" {{did-insert this.loadData}}>
|
||||
<GhCanvasHeader class="gh-canvas-header gh-post-analytics-header">
|
||||
<div class="flex flex-column flex-grow-1">
|
||||
<div class="gh-canvas-breadcrumb">
|
||||
<LinkTo @route="posts">
|
||||
Posts
|
||||
</LinkTo>
|
||||
{{svg-jar "arrow-right-small"}}
|
||||
<LinkTo @route="posts.analytics" @model={{@model.id}}>
|
||||
Analytics
|
||||
</LinkTo>
|
||||
{{svg-jar "arrow-right-small"}}
|
||||
Debug
|
||||
</div>
|
||||
<h2 class="gh-canvas-title gh-post-title">
|
||||
Post title
|
||||
</h2>
|
||||
<div class="gh-post-analytics-meta">
|
||||
<div class="gh-post-analytics-meta-text">
|
||||
{{#if this.post.hasBeenEmailed }}
|
||||
{{#if this.post.emailOnly}}
|
||||
Sent
|
||||
{{else}}
|
||||
Published and sent
|
||||
{{/if}}
|
||||
{{else}}
|
||||
Published
|
||||
{{#if @post.didEmailFail}}
|
||||
but failed to send
|
||||
{{else}}
|
||||
on your site
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#let (moment-site-tz this.post.publishedAtUTC) as |publishedAt|}}
|
||||
on
|
||||
{{moment-format publishedAt "D MMM YYYY"}}
|
||||
at
|
||||
{{moment-format publishedAt "HH:mm"}}
|
||||
{{/let}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-box gh-box-error gh-box-tip gh-email-debug-error">
|
||||
{{svg-jar "warning"}}
|
||||
<div class="gh-email-debug-errortext">
|
||||
<h4>Major error</h4>
|
||||
<p class="mb0">This is the explanation of what happened.</p>
|
||||
</div>
|
||||
<button type="button" class="gh-btn gh-btn-primary gh-btn-icon gh-btn-red ember-view self-center"><span>Retry</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</GhCanvasHeader>
|
||||
|
||||
<Tabs::Tabs class="gh-tabs-analytics" @forceRender={{true}} as |tabs|>
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-sent-large"}} {{this.tabTotals.permanentFailures}}</h3>
|
||||
<p><span class="analytics-tab-label">Permanent failures</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-permanent-failures">
|
||||
<tbody>
|
||||
{{#each this.permanentFailureData as |failure|}}
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">{{failure.recipient.initials}}</span>
|
||||
</div>
|
||||
{{!-- {{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or failure.member.name failure.member.email}}" />
|
||||
{{/if}} --}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">{{failure.recipient.name}}</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">{{failure.recipient.email}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>{{failure.code}}</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>{{failure.enhancedCode}}</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>{{failure.message}}</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
{{/each}}
|
||||
{{!-- <tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-opened-large"}}{{this.tabTotals.temporaryFailures}}</h3>
|
||||
<p><span class="analytics-tab-label">Temporary failures</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-permanent-failures">
|
||||
<tbody>
|
||||
{{#each this.temporaryFailureData as |failure|}}
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-purple">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">{{failure.recipient.initials}}</span>
|
||||
</div>
|
||||
{{!-- {{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or failure.recipient.name failure.recipient.email}}" />
|
||||
{{/if}} --}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">{{failure.recipient.name}}</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">{{failure.recipient.email}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>{{failure.code}}</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>{{failure.enhancedCode}}</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description">
|
||||
<code>{{failure.message}}</code>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
{{/each}}
|
||||
{{!-- <tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-purple">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">TD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Temporary Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-purple">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">TD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Temporary Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-clicked-large"}}{{this.tabTotals.erroredBatches}}</h3>
|
||||
<p><span class="analytics-tab-label">Batches errored</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-batches">
|
||||
<thead>
|
||||
<tr class="gh-list-row header">
|
||||
<th class="gh-list-header">Status</th>
|
||||
<th class="gh-list-header">Created</th>
|
||||
<th class="gh-list-header">Segment</th>
|
||||
<th class="gh-list-header">Recipients</th>
|
||||
<th class="gh-list-header">Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{#each this.emailBatchesData as |batch|}}
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="{{batch.statusClass}}">{{batch.status}}</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>{{batch.createdAt}}</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
{{#if batch.segment}}
|
||||
<span>{{batch.segment}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>{{batch.recipientCount}}</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
{{#if batch.providerId}}
|
||||
<div>Provider id:
|
||||
<span>
|
||||
{{batch.providerId}}
|
||||
</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if batch.errorStatusCode}}
|
||||
<div>
|
||||
Failure status code: <span>{{batch.errorStatusCode}}</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if batch.errorMessage}}
|
||||
<code>{{batch.errorMessage}}</code>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if batch.errorMessage}}
|
||||
<div class="download-icon">{{svg-jar "download" title="Download full failure message"}}</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
{{/each}}
|
||||
{{!-- <tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="failed">Failed</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
<div>Failure status code: <span>500</span></div>
|
||||
<code>Mailgun Error 500: Internal server error</code>
|
||||
</div>
|
||||
<div class="download-icon">{{svg-jar "download" title="Download full failure message"}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="pending">Pending</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="submitting">Submitting</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="submitted">Submitted</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<div class="gh-email-debug-settingstab-icon">{{svg-jar "settings"}}</div>
|
||||
<p><span class="analytics-tab-label">Settings</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-email-debug-settings">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Status:</td>
|
||||
<td class="gh-email-debug-batch-col-status"><span class="{{this.emailSettings.statusClass}}">{{this.emailSettings.status}}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Recipient filter:</td>
|
||||
<td class="gh-email-debug-batch-col-segment"><span>{{this.emailSettings.recipientFilter}}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Created at:</td>
|
||||
<td>{{this.emailSettings.createdAt}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Submitted at:</td>
|
||||
<td>{{this.emailSettings.submittedAt}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><hr></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Emails sent:</td>
|
||||
<td>{{this.emailSettings.emailsSent}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Delivered:</td>
|
||||
<td>{{this.emailSettings.emailsDelivered}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Failed:</td>
|
||||
<td>{{this.emailSettings.emailsFailed}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><hr></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Track opens:</td>
|
||||
<td class="gh-email-debug-settings-icon">
|
||||
{{#if this.emailSettings.trackOpens}}
|
||||
<span class="check">{{svg-jar "check-2"}}</span>
|
||||
{{else}}
|
||||
<span class="x">{{svg-jar "close"}}</span>
|
||||
{{/if}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Track clicks:</td>
|
||||
<td class="gh-email-debug-settings-icon">
|
||||
{{#if this.emailSettings.trackClicks}}
|
||||
<span class="check">{{svg-jar "check-2"}}</span>
|
||||
{{else}}
|
||||
<span class="x">{{svg-jar "close"}}</span>
|
||||
{{/if}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Member feedback:</td>
|
||||
<td class="gh-email-debug-settings-icon">
|
||||
{{#if this.emailSettings.feedbackEnabled}}
|
||||
<span class="check">{{svg-jar "check-2"}}</span>
|
||||
{{else}}
|
||||
<span class="x">{{svg-jar "close"}}</span>
|
||||
{{/if}}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
</Tabs::Tabs>
|
||||
</section>
|
||||
186
ghost/admin/app/components/posts/debug.js
Normal file
186
ghost/admin/app/components/posts/debug.js
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
import Component from '@glimmer/component';
|
||||
import moment from 'moment-timezone';
|
||||
import {action} from '@ember/object';
|
||||
import {didCancel, task} from 'ember-concurrency';
|
||||
import {inject as service} from '@ember/service';
|
||||
import {tracked} from '@glimmer/tracking';
|
||||
export default class Debug extends Component {
|
||||
@service ajax;
|
||||
@service ghostPaths;
|
||||
@service settings;
|
||||
@service membersUtils;
|
||||
@service utils;
|
||||
@service feature;
|
||||
|
||||
@tracked emailBatches = null;
|
||||
@tracked recipientFailures = null;
|
||||
|
||||
get post() {
|
||||
return this.args.post;
|
||||
}
|
||||
|
||||
get emailSettings() {
|
||||
return {
|
||||
statusClass: this.post.email?.status,
|
||||
status: this.getStatusLabel(this.post.email?.status),
|
||||
recipientFilter: this.post.email?.recipientFilter,
|
||||
createdAt: this.post.email.createdAtUTC ? moment(this.post.email.createdAtUTC).format('DD MMM, YYYY, HH:mm:ss') : '',
|
||||
submittedAt: this.post.email.submittedAtUTC ? moment(this.post.email.submittedAtUTC).format('DD MMM, YYYY, HH:mm:ss') : '',
|
||||
emailsSent: this.post.email?.emailCount,
|
||||
emailsDelivered: this.post.email?.deliveredCount,
|
||||
emailsFailed: this.post.email?.failedCount,
|
||||
trackOpens: this.post.email?.trackOpens,
|
||||
trackClicks: this.post.email?.trackClicks,
|
||||
feedbackEnabled: this.post.email?.feedbackEnabled
|
||||
};
|
||||
}
|
||||
|
||||
get tabTotals() {
|
||||
return {
|
||||
temporaryFailures: this.temporaryFailureData?.length || 0,
|
||||
permanentFailures: this.permanentFailureData?.length || 0,
|
||||
erroredBatches: this.emailBatchesData?.filter((batch) => {
|
||||
return batch.statusClass === 'failed';
|
||||
}).length || 0
|
||||
};
|
||||
}
|
||||
|
||||
get emailBatchesData() {
|
||||
return this.emailBatches?.map((batch) => {
|
||||
return {
|
||||
id: batch.id,
|
||||
status: this.getStatusLabel(batch.status),
|
||||
statusClass: batch.status,
|
||||
createdAt: batch.created_at ? moment(batch.created_at).format('DD MMM, YYYY, HH:mm:ss') : '',
|
||||
segment: batch.member_segment || '',
|
||||
providerId: batch.provider_id || null,
|
||||
errorMessage: batch.error_message || '',
|
||||
errorStatusCode: batch.error_status_code || '',
|
||||
recipientCount: batch.count?.recipients || 0
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
get temporaryFailureData() {
|
||||
return this.recipientFailures?.filter((failure) => {
|
||||
return failure.severity === 'temporary';
|
||||
}).map((failure) => {
|
||||
return {
|
||||
id: failure.id,
|
||||
code: failure.code,
|
||||
enhancedCode: failure.enhanced_code,
|
||||
message: failure.message,
|
||||
recipient: {
|
||||
name: failure.email_recipient.member_name || '',
|
||||
email: failure.email_recipient.member_email || '',
|
||||
initials: this.getInitials(failure.email_recipient?.member_name || failure.email_recipient?.member_email)
|
||||
},
|
||||
member: {
|
||||
name: failure.member?.name || '',
|
||||
email: failure.member?.email || '',
|
||||
initials: this.getInitials(failure.member?.name)
|
||||
}
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
get permanentFailureData() {
|
||||
return this.recipientFailures?.filter((failure) => {
|
||||
return failure.severity === 'permanent';
|
||||
}).map((failure) => {
|
||||
return {
|
||||
id: failure.id,
|
||||
code: failure.code,
|
||||
enhancedCode: failure.enhanced_code,
|
||||
message: failure.message,
|
||||
recipient: {
|
||||
name: failure.email_recipient.member_name || '',
|
||||
email: failure.email_recipient.member_email || '',
|
||||
initials: this.getInitials(failure.email_recipient?.member_name || failure.email_recipient?.member_email)
|
||||
},
|
||||
member: {
|
||||
name: failure.member?.name || '',
|
||||
email: failure.member?.email || '',
|
||||
initials: this.getInitials(failure.member?.name)
|
||||
}
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
getInitials(name) {
|
||||
if (!name) {
|
||||
return 'U';
|
||||
}
|
||||
let names = name.split(' ');
|
||||
let intials = names.length > 1 ? [names[0][0], names[names.length - 1][0]] : [names[0][0]];
|
||||
return intials.join('').toUpperCase();
|
||||
}
|
||||
|
||||
getStatusLabel(status) {
|
||||
if (status === 'submitted') {
|
||||
return 'Submitted';
|
||||
} else if (status === 'submitting') {
|
||||
return 'Submitting';
|
||||
} else if (status === 'pending') {
|
||||
return 'Pending';
|
||||
} else if (status === 'failed') {
|
||||
return 'Failed';
|
||||
}
|
||||
return status;
|
||||
}
|
||||
|
||||
@action
|
||||
loadData() {
|
||||
this.fetchEmailBatches();
|
||||
this.fetchRecipientFailures();
|
||||
}
|
||||
|
||||
async fetchEmailBatches() {
|
||||
try {
|
||||
if (this._fetchEmailBatches.isRunning) {
|
||||
return this._fetchEmailBatches.last;
|
||||
}
|
||||
return this._fetchEmailBatches.perform();
|
||||
} catch (e) {
|
||||
if (!didCancel(e)) {
|
||||
// re-throw the non-cancelation error
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@task
|
||||
*_fetchEmailBatches() {
|
||||
const data = {
|
||||
include: 'count.recipients'
|
||||
};
|
||||
|
||||
let statsUrl = this.ghostPaths.url.api(`emails/${this.post.email.id}/batches`);
|
||||
let result = yield this.ajax.request(statsUrl, {data});
|
||||
this.emailBatches = result.batches;
|
||||
}
|
||||
|
||||
async fetchRecipientFailures() {
|
||||
try {
|
||||
if (this._fetchRecipientFailures.isRunning) {
|
||||
return this._fetchRecipientFailures.last;
|
||||
}
|
||||
return this._fetchRecipientFailures.perform();
|
||||
} catch (e) {
|
||||
if (!didCancel(e)) {
|
||||
// re-throw the non-cancelation error
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@task
|
||||
*_fetchRecipientFailures() {
|
||||
const data = {
|
||||
include: 'member,email_recipient'
|
||||
};
|
||||
let statsUrl = this.ghostPaths.url.api(`/emails/${this.post.email.id}/recipient-failures`);
|
||||
let result = yield this.ajax.request(statsUrl, {data});
|
||||
this.recipientFailures = result.failures;
|
||||
}
|
||||
}
|
||||
7
ghost/admin/app/controllers/posts/debug.js
Normal file
7
ghost/admin/app/controllers/posts/debug.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import Controller from '@ember/controller';
|
||||
|
||||
export default class DebugController extends Controller {
|
||||
get post() {
|
||||
return this.model;
|
||||
}
|
||||
}
|
||||
|
|
@ -8,22 +8,24 @@ export default class Debug extends AuthenticatedRoute {
|
|||
let query = {
|
||||
id,
|
||||
include: [
|
||||
'tags',
|
||||
'authors',
|
||||
'authors.roles',
|
||||
'email',
|
||||
'tiers',
|
||||
'newsletter',
|
||||
'count.conversions',
|
||||
'count.clicks',
|
||||
'sentiment',
|
||||
'count.positive_feedback',
|
||||
'tags',
|
||||
'authors',
|
||||
'authors.roles',
|
||||
'email',
|
||||
'tiers',
|
||||
'newsletter',
|
||||
'count.conversions',
|
||||
'count.clicks',
|
||||
'sentiment',
|
||||
'count.positive_feedback',
|
||||
'count.negative_feedback'
|
||||
].join(',')
|
||||
};
|
||||
|
||||
return this.store.query('post', query)
|
||||
.then(records => records.get('firstObject'));
|
||||
.then((records) => {
|
||||
return records.get('firstObject');
|
||||
});
|
||||
}
|
||||
|
||||
// the API will return a post even if the logged in user doesn't have
|
||||
|
|
|
|||
|
|
@ -1,391 +1 @@
|
|||
<section class="gh-canvas gh-email-debug {{if (feature "audienceFeedback") "feature-audienceFeedback"}}">
|
||||
<GhCanvasHeader class="gh-canvas-header gh-post-analytics-header">
|
||||
<div class="flex flex-column flex-grow-1">
|
||||
<div class="gh-canvas-breadcrumb">
|
||||
<LinkTo @route="posts">
|
||||
Posts
|
||||
</LinkTo>
|
||||
{{svg-jar "arrow-right-small"}}
|
||||
<LinkTo @route="posts.analytics" @model={{@model.id}}>
|
||||
Analytics
|
||||
</LinkTo>
|
||||
{{svg-jar "arrow-right-small"}}
|
||||
Debug
|
||||
</div>
|
||||
<h2 class="gh-canvas-title gh-post-title">
|
||||
Post title
|
||||
</h2>
|
||||
<div class="gh-post-analytics-meta">
|
||||
<div class="gh-post-analytics-meta-text">
|
||||
{{#if this.post.hasBeenEmailed }}
|
||||
{{#if this.post.emailOnly}}
|
||||
Sent
|
||||
{{else}}
|
||||
Published and sent
|
||||
{{/if}}
|
||||
{{else}}
|
||||
Published
|
||||
{{#if @post.didEmailFail}}
|
||||
but failed to send
|
||||
{{else}}
|
||||
on your site
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#let (moment-site-tz this.post.publishedAtUTC) as |publishedAt|}}
|
||||
on
|
||||
{{moment-format publishedAt "D MMM YYYY"}}
|
||||
at
|
||||
{{moment-format publishedAt "HH:mm"}}
|
||||
{{/let}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-box gh-box-error gh-box-tip gh-email-debug-error">
|
||||
{{svg-jar "warning"}}
|
||||
<div class="gh-email-debug-errortext">
|
||||
<h4>Major error</h4>
|
||||
<p class="mb0">This is the explanation of what happened.</p>
|
||||
</div>
|
||||
<button type="button" class="gh-btn gh-btn-primary gh-btn-icon gh-btn-red ember-view self-center"><span>Retry</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</GhCanvasHeader>
|
||||
|
||||
<Tabs::Tabs class="gh-tabs-analytics" @forceRender={{true}} as |tabs|>
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-sent-large"}}23</h3>
|
||||
<p><span class="analytics-tab-label">Permanent failures</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-permanent-failures">
|
||||
<tbody>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-red">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">PD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Permanent Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-opened-large"}}36</h3>
|
||||
<p><span class="analytics-tab-label">Temporary failures</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-permanent-failures">
|
||||
<tbody>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-purple">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">TD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Temporary Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-col-member">
|
||||
<div class="gh-email-debug-member">
|
||||
<figure class="gh-member-gravatar w9 h9 mr3 flex-shrink-0 bg-purple">
|
||||
<div class="gh-member-initials flex w9 h9 items-center justify-center br-100">
|
||||
<span class="gh-member-avatar-label gh-member-list-avatar">TD</span>
|
||||
</div>
|
||||
{{#if this.avatarImage}}
|
||||
<img class="gh-member-avatar-image" src="{{this.avatarImage}}" alt="{{or @member.name @member.email}}" />
|
||||
{{/if}}
|
||||
</figure>
|
||||
<div>
|
||||
<h3 class="ma0 pa0 gh-members-list-name">Temporary Dude</h3>
|
||||
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">dude@whofails.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-col-failure">
|
||||
<div class="gh-email-debug-failure">
|
||||
<div class="gh-email-debug-failure-details">
|
||||
<div class="gh-email-debug-failure-codes">
|
||||
<span class="gh-email-debug-failure-code">Failure code: <span>402</span></span>
|
||||
<span class="gh-email-debug-failure-code">Enhanced code: <span>4.2.2</span></span>
|
||||
</div>
|
||||
<span class="gh-email-debug-failure-description"><code>4.2.2 The email account that you tried to reach is over quota. Please direct\n4.2.2 the recipient to\n4.2.2 https://support.google.com/mail/?p=OverQuotaTemp bb1-20020a05622a1b0100b0039ce87e3d49si1009300qtb.292 - gsmtp</code></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<h3>{{svg-jar "analytics-tab-clicked-large"}}3</h3>
|
||||
<p><span class="analytics-tab-label">Batches errored</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-list gh-email-debug-batches">
|
||||
<thead>
|
||||
<tr class="gh-list-row header">
|
||||
<th class="gh-list-header">Status</th>
|
||||
<th class="gh-list-header">Created</th>
|
||||
<th class="gh-list-header">Segment</th>
|
||||
<th class="gh-list-header">Recipients</th>
|
||||
<th class="gh-list-header">Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="failed">Failed</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
<div>Failure status code: <span>500</span></div>
|
||||
<code>Mailgun Error 500: Internal server error</code>
|
||||
</div>
|
||||
<div class="download-icon">{{svg-jar "download" title="Download full failure message"}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="pending">Pending</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="submitting">Submitting</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-status">
|
||||
<span class="submitted">Submitted</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-created">
|
||||
<span>22 June, 2022 19:34:29</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-segment">
|
||||
<span>-status:free</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-recipients">
|
||||
<span>1,000</span>
|
||||
</div>
|
||||
<div class="gh-list-data gh-email-debug-batch-col-details">
|
||||
<div class="flex flex-col items-center space-between w100">
|
||||
<div class="detailtext">
|
||||
<div>Provider id: <span>20220824043031.b31949925525913d@m.ghost.io</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
<tabs.tab>
|
||||
<div class="gh-email-debug-settingstab-icon">{{svg-jar "settings"}}</div>
|
||||
<p><span class="analytics-tab-label">Settings</span></p>
|
||||
</tabs.tab>
|
||||
|
||||
<tabs.tabPanel>
|
||||
<table class="gh-email-debug-settings">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Status:</td>
|
||||
<td class="gh-email-debug-batch-col-status"><span class="submitted">Submitted</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Recipient filter:</td>
|
||||
<td class="gh-email-debug-batch-col-segment"><span>-status:free</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Created at:</td>
|
||||
<td>22 June, 2022 19:34:29</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Submitted at:</td>
|
||||
<td>22 June, 2022 19:32:01</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><hr></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Emails sent:</td>
|
||||
<td>2,891</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Delivered:</td>
|
||||
<td>2,200</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Failed:</td>
|
||||
<td>691</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><hr></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Track opens:</td>
|
||||
<td class="gh-email-debug-settings-icon"><span class="check">{{svg-jar "check-2"}}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Track clicks:</td>
|
||||
<td class="gh-email-debug-settings-icon"><span class="x">{{svg-jar "close"}}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Member feedback:</td>
|
||||
<td class="gh-email-debug-settings-icon"><span class="check">{{svg-jar "check-2"}}</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tabs.tabPanel>
|
||||
|
||||
</Tabs::Tabs>
|
||||
</section>
|
||||
<Posts::Debug @post={{this.post}} />
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue