From b8b0d1538e1ca448e569d77a9918af4168867c9b Mon Sep 17 00:00:00 2001
From: Simon Backx <simon@ghost.org>
Date: Wed, 15 Mar 2023 14:54:41 +0100
Subject: [PATCH] Added very basic subscription details in preview labs

refs https://github.com/TryGhost/Team/issues/2738
---
 .../modals/newsletters/edit/design-labs.hbs   | 28 +++++++++----------
 .../modals/newsletters/edit/design-labs.js    |  1 -
 .../modals/newsletters/edit/preview-labs.hbs  |  8 +++++-
 .../modals/newsletters/edit/preview-labs.js   |  1 +
 4 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/ghost/admin/app/components/modals/newsletters/edit/design-labs.hbs b/ghost/admin/app/components/modals/newsletters/edit/design-labs.hbs
index e013518ae5..f1c7180da2 100644
--- a/ghost/admin/app/components/modals/newsletters/edit/design-labs.hbs
+++ b/ghost/admin/app/components/modals/newsletters/edit/design-labs.hbs
@@ -225,22 +225,20 @@
                             </GhFormGroup>
                         {{/unless}}
 
-                        {{#if this.membersUtils.isMembersEnabled }}
-                            <GhFormGroup class="gh-stack-item row">
-                                <label for="capture-feedback" class="modal-fullsettings-title" data-test-toggle="showSubscriptionDetails">Show subscription details</label>
-                                <div class="for-switch small">
-                                    <div class="container">
-                                        <input
-                                            type="checkbox"
-                                            id="capture-feedback"
-                                            checked={{@newsletter.showSubscriptionDetails}}
-                                            {{on "change" (fn this.onCheckboxChange "showSubscriptionDetails")}}
-                                        >
-                                        <button type="button" class="input-toggle-component" {{on "click" (fn this.toggleProperty "showSubscriptionDetails")}}></button>
-                                    </div>
+                        <GhFormGroup class="gh-stack-item row">
+                            <label for="capture-feedback" class="modal-fullsettings-title" data-test-toggle="showSubscriptionDetails">Show subscription details</label>
+                            <div class="for-switch small">
+                                <div class="container">
+                                    <input
+                                        type="checkbox"
+                                        id="capture-feedback"
+                                        checked={{@newsletter.showSubscriptionDetails}}
+                                        {{on "change" (fn this.onCheckboxChange "showSubscriptionDetails")}}
+                                    >
+                                    <button type="button" class="input-toggle-component" {{on "click" (fn this.toggleProperty "showSubscriptionDetails")}}></button>
                                 </div>
-                            </GhFormGroup>
-                        {{/if}}
+                            </div>
+                        </GhFormGroup>
 
                         <GhFormGroup class="gh-stack-item row">
                             <label for="latest-posts" class="modal-fullsettings-title" data-test-toggle="feedbackEnabled">Share your latest posts</label>
diff --git a/ghost/admin/app/components/modals/newsletters/edit/design-labs.js b/ghost/admin/app/components/modals/newsletters/edit/design-labs.js
index 1193151740..19228e75b1 100644
--- a/ghost/admin/app/components/modals/newsletters/edit/design-labs.js
+++ b/ghost/admin/app/components/modals/newsletters/edit/design-labs.js
@@ -5,7 +5,6 @@ import {inject as service} from '@ember/service';
 
 export default class EditNewsletterDesignForm extends Component {
     @service settings;
-    @service membersUtils;
 
     imageExtensions = IMAGE_EXTENSIONS;
 
diff --git a/ghost/admin/app/components/modals/newsletters/edit/preview-labs.hbs b/ghost/admin/app/components/modals/newsletters/edit/preview-labs.hbs
index 641351a7f1..3016d3675a 100644
--- a/ghost/admin/app/components/modals/newsletters/edit/preview-labs.hbs
+++ b/ghost/admin/app/components/modals/newsletters/edit/preview-labs.hbs
@@ -30,7 +30,7 @@
                     <h2 class="{{if (eq @newsletter.titleFontCategory "serif") "serif"}}">Your email newsletter</h2>
                     <div class="gh-members-emailpreview-meta {{if (eq @newsletter.titleAlignment "center") "center-aligned"}}">
                         <p>By {{or this.session.user.name this.session.user.email}}
-                            <span>{{moment-format (moment-site-tz) "D MMM YYYY"}}</span> 
+                            <span>{{moment-format (moment-site-tz) "D MMM YYYY"}}</span>
                             {{#if this.showCommentCta}}
                                 <span><a href="javascript:"> {{svg-jar "comments"}}</a></span>
                             {{/if}}
@@ -74,6 +74,12 @@
                 </div>
             {{/if}}
 
+            {{#if @newsletter.showSubscriptionDetails}}
+                <div class="gh-members-emailpreview-subscription-details">
+                    Subscription details
+                </div>
+            {{/if}}
+
             <div class="gh-members-emailpreview-footer">
                 <div class="gh-members-emailpreview-footercontent">
                     {{html-safe @newsletter.footerContent}}
diff --git a/ghost/admin/app/components/modals/newsletters/edit/preview-labs.js b/ghost/admin/app/components/modals/newsletters/edit/preview-labs.js
index f62d12159d..bd881b6cc8 100644
--- a/ghost/admin/app/components/modals/newsletters/edit/preview-labs.js
+++ b/ghost/admin/app/components/modals/newsletters/edit/preview-labs.js
@@ -6,6 +6,7 @@ export default class EditNewsletterPreview extends Component {
     @service ghostPaths;
     @service session;
     @service settings;
+    @service membersUtils;
 
     get showHeader() {
         return (this.args.newsletter.showHeaderIcon && this.settings.icon)