From 27212475f37cd7b5c1c0a2c7fe962ff762b6d246 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Wed, 6 Jul 2022 17:55:44 +0200
Subject: [PATCH] Added basic email notification for comment in staff

---
 ghost/admin/app/styles/layouts/user.css       | 25 +++++++++++++++++++
 .../app/templates/settings/staff/user.hbs     | 25 +++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/ghost/admin/app/styles/layouts/user.css b/ghost/admin/app/styles/layouts/user.css
index 6b8599a677..c983152ac9 100644
--- a/ghost/admin/app/styles/layouts/user.css
+++ b/ghost/admin/app/styles/layouts/user.css
@@ -160,4 +160,29 @@
     .fullscreen-modal-change-role .modal-content {
         box-shadow: none !important;
     }
+}
+
+/* Notifications */
+.user-settings-heading {
+    border-top: 1px solid var(--lightgrey);
+    padding-top: 4vw;
+    margin-top: 4vw;
+    font-size: 1.55rem;
+    font-weight: 700;
+    line-height: 1.3em;
+}
+
+.user-setting-toggle {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 12px;
+}
+
+.user-setting-toggle label {
+    margin-bottom: 0;
+}
+
+.user-setting-toggle p {
+    margin-top: 0;
 }
\ No newline at end of file
diff --git a/ghost/admin/app/templates/settings/staff/user.hbs b/ghost/admin/app/templates/settings/staff/user.hbs
index 919fac2a97..3d3e66d5a5 100644
--- a/ghost/admin/app/templates/settings/staff/user.hbs
+++ b/ghost/admin/app/templates/settings/staff/user.hbs
@@ -297,6 +297,31 @@
                             </p>
                         </GhFormGroup>
 
+                        {{#if (feature 'comments')}}
+                        <h4 class="user-settings-heading">Email notifications</h4>
+                        <GhFormGroup @errors={{this.user.errors}} @hasValidated={{this.user.hasValidated}} @property="email">
+                            <div class="user-setting-toggle">
+                                <div>
+                                    <label for="user-email">Comments</label>
+                                    <p>Send notifications on members commenting on your posts</p>
+                                </div>
+                                <div class="for-switch">
+                                    <label class="switch" for={{notifications.comment}}>
+                                        <Input
+                                            {{!-- @checked={{newsletter.subscribed}} --}}
+                                            @type="checkbox"
+                                            id={{notifications.comment}}
+                                            name="comment-emails"
+                                            data-test-checkbox="member-subscribed"
+                                            {{!-- {{on "click" (fn this.updateNewsletterPreference newsletter)}} --}}
+                                        />
+                                        <span class="input-toggle-component"></span>
+                                    </label>
+                                </div>
+                            </div>
+                        </GhFormGroup>
+                        {{/if}}
+
                     </fieldset>
                 </div>