+ {{#if (and this.post.isPublished (not this.post.emailOnly))}}
+ {{#if this.showPostCount}}
+ Keep up the good work. Now, share your post with the world!
+ {{else}}
+ Spread the word to your audience and increase your reach.
+ {{/if}}
+ {{else}}
+ {{#if this.post.isSent}}
+ It
+ {{else}}
+ {{if this.post.emailOnly "Your email" "Your post"}}
+ {{/if}}
+ {{if this.post.isScheduled "will be" "was"}}
+ {{#if this.post.emailOnly}}
+ sent to
+ {{else if this.post.willEmail}}
+ published on your site, and sent to
+ {{else}}
+ published on your site
+ {{/if}}
+
+ {{#if (or this.post.hasEmail this.post.willEmail)}}
+ {{#let (members-count-fetcher query=(hash filter=this.post.fullRecipientFilter)) as |countFetcher|}}
+
+ {{if (eq @recipientType "all") "all"}}
+
+ {{format-number countFetcher.count}}
+
+ {{!-- @recipientType = free/paid/all/specific --}}
+ {{if (not-eq @recipientType "all") @recipientType}}
+
+ {{gh-pluralize countFetcher.count "subscriber" without-count=true}}
+
+
+ of {{this.post.newsletter.name}}
+ {{/let}}
+ {{/if}}
+
+ {{#let (moment-site-tz this.post.publishedAtUTC) as |publishedAt|}}
+ on
+ {{moment-format publishedAt "D MMM YYYY"}}
+ at
+ {{moment-format publishedAt "HH:mm"}}.
+ {{/let}}
+ {{/if}}
+
+
+
+
diff --git a/ghost/admin/app/components/modal-post-success.js b/ghost/admin/app/components/modal-post-success.js
new file mode 100644
index 0000000000..32ed28216c
--- /dev/null
+++ b/ghost/admin/app/components/modal-post-success.js
@@ -0,0 +1,95 @@
+import Component from '@glimmer/component';
+import copyTextToClipboard from 'ghost-admin/utils/copy-text-to-clipboard';
+import {action} from '@ember/object';
+import {capitalize} from '@ember/string';
+import {inject as service} from '@ember/service';
+import {task, timeout} from 'ember-concurrency';
+
+export default class PostSuccessModal extends Component {
+ @service store;
+ @service router;
+ @service notifications;
+
+ static modalOptions = {
+ className: 'fullscreen-modal-wide fullscreen-modal-action modal-post-success'
+ };
+
+ get post() {
+ return this.args.data.post;
+ }
+
+ get postCount() {
+ return this.args.data.postCount;
+ }
+
+ get showPostCount() {
+ return this.args.data.showPostCount;
+ }
+
+ @action
+ handleTwitter() {
+ window.open(`https://twitter.com/intent/tweet?url=${encodeURI(this.post.url)}`, '_blank');
+ }
+
+ @action
+ handleThreads() {
+ window.open(`https://threads.net/intent/post?text=${encodeURI(this.post.url)}`, '_blank');
+ }
+
+ @action
+ handleFacebook() {
+ window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURI(this.post.url)}`, '_blank');
+ }
+
+ @action
+ handleLinkedIn() {
+ window.open(`http://www.linkedin.com/shareArticle?mini=true&url=${encodeURI(this.post.url)}`, '_blank');
+ }
+
+ @action
+ viewInBrowser() {
+ window.open(this.post.url, '_blank');
+ }
+
+ @task
+ *handleCopyLink() {
+ copyTextToClipboard(this.post.url);
+ yield timeout(1000);
+ return true;
+ }
+
+ @task
+ *handleCopyPreviewLink() {
+ copyTextToClipboard(this.post.previewUrl);
+ yield timeout(1000);
+ return true;
+ }
+
+ @task
+ *revertToDraftTask() {
+ const currentPost = this.post;
+ const originalStatus = currentPost.status;
+ const originalPublishedAtUTC = currentPost.publishedAtUTC;
+
+ try {
+ if (currentPost.isScheduled) {
+ currentPost.publishedAtUTC = null;
+ }
+
+ currentPost.status = 'draft';
+ currentPost.emailOnly = false;
+
+ yield currentPost.save();
+ this.router.transitionTo('lexical-editor.edit', 'post', currentPost.id);
+
+ const postType = capitalize(currentPost.displayName);
+ this.notifications.showNotification(`${postType} reverted to a draft.`, {type: 'success'});
+
+ return true;
+ } catch (e) {
+ currentPost.status = originalStatus;
+ currentPost.publishedAtUTC = originalPublishedAtUTC;
+ throw e;
+ }
+ }
+}
diff --git a/ghost/admin/app/components/posts-list/list.hbs b/ghost/admin/app/components/posts-list/list.hbs
index 99e0dcf7d5..c9cf59e331 100644
--- a/ghost/admin/app/components/posts-list/list.hbs
+++ b/ghost/admin/app/components/posts-list/list.hbs
@@ -1,5 +1,5 @@
- {{!-- always order as scheduled, draft, remainder --}}
+ {{!-- always order as scheduled, draft, remainder --}}
{{#if (or @model.scheduledInfinityModel (or @model.draftInfinityModel @model.publishedAndSentInfinityModel))}}
{{#if @model.scheduledInfinityModel}}
{{#each @model.scheduledInfinityModel as |post|}}
@@ -42,4 +42,4 @@
as |menu|
>
-
+
\ No newline at end of file
diff --git a/ghost/admin/app/components/posts-list/list.js b/ghost/admin/app/components/posts-list/list.js
index acf7d30687..d0ecbb7a42 100644
--- a/ghost/admin/app/components/posts-list/list.js
+++ b/ghost/admin/app/components/posts-list/list.js
@@ -1,7 +1,39 @@
import Component from '@glimmer/component';
+import PostSuccessModal from '../modal-post-success';
+import {inject as service} from '@ember/service';
+import {task} from 'ember-concurrency';
export default class PostsList extends Component {
+ @service store;
+ @service modals;
+ @service feature;
+
+ latestScheduledPost = null;
+
+ constructor() {
+ super(...arguments);
+ if (this.feature.publishFlowEndScreen) {
+ this.checkPublishFlowModal();
+ }
+ }
+
+ async checkPublishFlowModal() {
+ if (localStorage.getItem('ghost-last-scheduled-post')) {
+ await this.getLatestScheduledPost.perform();
+ this.modals.open(PostSuccessModal, {
+ post: this.latestScheduledPost
+ });
+ localStorage.removeItem('ghost-last-scheduled-post');
+ }
+ }
+
get list() {
return this.args.list;
}
+
+ @task
+ *getLatestScheduledPost() {
+ const result = yield this.store.query('post', {filter: `id:${localStorage.getItem('ghost-last-scheduled-post')}`, limit: 1});
+ this.latestScheduledPost = result.toArray()[0];
+ }
}
diff --git a/ghost/admin/app/components/posts/analytics.hbs b/ghost/admin/app/components/posts/analytics.hbs
index c08e6aeb71..6f20b826af 100644
--- a/ghost/admin/app/components/posts/analytics.hbs
+++ b/ghost/admin/app/components/posts/analytics.hbs
@@ -34,9 +34,61 @@
{{moment-format publishedAt "HH:mm"}}
{{/let}}
-
- {{svg-jar "pen" title=""}}Edit post
-
+ {{#if (feature "publishFlowEndScreen")}}
+
+ {{#if (feature "postAnalyticsRefresh")}}
+
+ {{/if}}
+ {{#unless this.post.emailOnly}}
+
+ {{/unless}}
+
+
+
+
+ {{svg-jar "dotdotdot"}}
+ Actions
+
+
+
+
+ Edit post
+
+
+ View in browser
+
+
+
+
+
+
+