Merge pull request #59 from ItzNotABug/add-subtiles-to-newsletters

Add Excerpt to Newsletters
ItzNotABug · Jun 16, 2024 · e8b8766 · e8b8766
2 parents 6251848 + 7e6f0b4
commit e8b8766
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 5 deletions.
diff --git a/configuration/config.production.json b/configuration/config.production.json
@@ -15,6 +15,7 @@
   },
   "newsletter": {
     "center_title": false,
+    "show_excerpt": false,
     "footer_content": "",
     "show_comments": true,
     "show_feedback": true,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,8 +1,7 @@
 {
   "name": "ghosler",
   "description": "Send newsletter emails to your members, using your own email credentials!",
-  "version": "0.97",
-  "private": true,
+  "version": "0.98",
   "main": "app.js",
   "type": "module",
   "author": "@itznotabug",

diff --git a/utils/data/configs.js b/utils/data/configs.js
@@ -193,6 +193,7 @@ export default class ProjectConfigs {
         const ghostAdminSecret = formData['ghost.secret'];
         const newsletterTrackLinks = formData['newsletter.track_links'];
         const newsletterCenterTitle = formData['newsletter.center_title'];
+        const newsletterShowExcerpt = formData['newsletter.show_excerpt'];
         const newsletterShowFeedback = formData['newsletter.show_feedback'];
         const newsletterShowComments = formData['newsletter.show_comments'];
         const newsletterShowLatestPosts =
@@ -248,6 +249,8 @@ export default class ProjectConfigs {
         configs.newsletter.track_links = newsletterTrackLinks === 'on' ?? true;
         configs.newsletter.center_title =
             newsletterCenterTitle === 'on' ?? false;
+        configs.newsletter.show_excerpt =
+            newsletterShowExcerpt === 'on' ?? false;
         configs.newsletter.show_feedback =
             newsletterShowFeedback === 'on' ?? true;
         configs.newsletter.show_comments =

diff --git a/utils/newsletter.js b/utils/newsletter.js
@@ -107,6 +107,7 @@ export default class Newsletter {
 
         const customisations = await ProjectConfigs.newsletter();
         postData.center_title = customisations.center_title;
+        postData.show_excerpt = customisations.show_excerpt;
         postData.show_feedback = customisations.show_feedback;
         postData.show_subscription = customisations.show_subscription;
         postData.show_featured_image = customisations.show_featured_image;
@@ -311,7 +312,7 @@ export default class Newsletter {
                 title: 'Welcome',
                 author: 'Ghost',
                 preview:
-                    "We've crammed the most important information to help you get started with Ghost into this one post. It's your cheat-sheet to get started, and your shortcut to advanced features.",
+                    'The most important info. to get you started with Ghost.',
                 content:
                     "<div><p><strong>Hey there</strong>, welcome to your new home on the web!</p><hr><h3>Ghost</h3><p>Ghost is an independent, open source app, which means you can customize absolutely everything. Inside the admin area, you'll find straightforward controls for changing themes, colors, navigation, logos and settings — so you can set your site up just how you like it. No technical knowledge required.</p><hr><h3>Ghosler</h3><p>Ghosler is an open source project designed for those starting with Ghost or managing a small to moderate user base. It provides extensive control over newsletter settings and customization, enhancing your outreach with features like URL Click Tracking, Newsletter Feedback, Email Deliverability, and Email Open Rate Analytics. Additionally, Ghosler handles both Free & Paid members content management efficiently.</p><p>Moreover, Ghosler supports popular Ghost widgets, including Images/Unsplash, Audio, Video, File, Toggle, Callout Card, and social media integrations like Twitter (X), YouTube, Vimeo, along with Button, Bookmark, and Blockquote features.</p><hr><h3>Ending the Preview</h3><p>Once you're ready to begin publishing and want to clear out these starter posts, you can delete the Ghost staff user. Deleting an author will automatically remove all of their posts, leaving you with a clean blank canvas.</p></div>",
                 comments: 'https://bulletin.ghost.io/welcome/#ghost-comments',
@@ -334,6 +335,7 @@ export default class Newsletter {
 
         const customisations = await ProjectConfigs.newsletter();
         preview.center_title = customisations.center_title;
+        preview.show_excerpt = customisations.show_excerpt;
         preview.show_feedback = customisations.show_feedback;
         preview.show_comments = customisations.show_comments;
         preview.show_subscription = customisations.show_subscription;

diff --git a/views/newsletter.ejs b/views/newsletter.ejs
@@ -643,6 +643,10 @@
                 line-height: 1.15em !important;
             }
 
+            table.body .post-excerpt {
+                font-size: 16px !important;
+            }
+
             table.body .post-meta.view-online-mobile {
                 display: table-row !important;
             }
@@ -926,6 +930,19 @@
                                     </td>
                                 </tr>
 
+                                <!-- Post Excerpt If Enabled -->
+                                <% if (show_excerpt && post.preview) { %>
+                                    <tr>
+                                        <td class="post-excerpt"
+                                            align="<% if (center_title) { %>center<% } else { %>left<% } %>"
+                                            style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 18px; vertical-align: top; color: #15212A; width: 100%; max-width: 600px; text-align: <% if (center_title) { %>center<% } else { %>left<% } %>;"
+                                            valign="top" width="100%">
+                                            <p class="post-excerpt"
+                                               style="margin: 0; padding-bottom: 20px; color: #15212A; line-height: 1.6em; font-size: 18px; font-family: Georgia, serif; text-align: <% if (center_title) { %>center<% } else { %>left<% } %>;"><%= post.preview %> </p>
+                                        </td>
+                                    </tr>
+                                <% } %>
+
                                 <!-- Post Meta -->
                                 <tr>
                                     <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 18px; vertical-align: top; color: #15212A; width: 100%;"

diff --git a/views/partials/settings/customise.ejs b/views/partials/settings/customise.ejs
@@ -19,6 +19,16 @@
             <label for="newsletter.center_title" class="text-gray-300">Center Title</label>
         </div>
 
+        <!-- Show Excerpt Checkbox -->
+        <div class="form-group mb-4 flex items-center">
+            <input type="checkbox" class="form-checkbox h-4 w-4 text-blue-600 rounded border-gray-600 mr-2"
+                   id="newsletter.show_excerpt" name="newsletter.show_excerpt"
+            <% if (Boolean(configs.newsletter.show_excerpt ?? false)) { %> checked
+                    <% } %>
+            >
+            <label for="newsletter.show_excerpt" class="text-gray-300">Show Excerpt</label>
+        </div>
+
         <!-- Track URL Clicks Checkbox -->
         <div class="form-group mb-4">
             <div class="flex items-center">