From 5e9b096257a36a397bcd3f1c0df3c7aa435c54d0 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Sat, 7 Aug 2021 01:38:37 +0100
Subject: [PATCH] Added latest 5 newsletters list to labs dashboard

no issue

- basic functionality added, prep for dashboard re-organisation
---
 ghost/admin/app/controllers/dashboard-labs.js | 12 +++++++
 ghost/admin/app/templates/dashboard-labs.hbs  | 34 ++++++++++++++++++-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/controllers/dashboard-labs.js b/ghost/admin/app/controllers/dashboard-labs.js
index e8e2dea699..ec9794648a 100644
--- a/ghost/admin/app/controllers/dashboard-labs.js
+++ b/ghost/admin/app/controllers/dashboard-labs.js
@@ -2,6 +2,7 @@ import Controller from '@ember/controller';
 import {action} from '@ember/object';
 import {getSymbol} from 'ghost-admin/utils/currency';
 import {inject as service} from '@ember/service';
+import {task} from 'ember-concurrency-decorators';
 import {tracked} from '@glimmer/tracking';
 
 export default class DashboardController extends Controller {
@@ -32,6 +33,8 @@ export default class DashboardController extends Controller {
     @tracked newsletterOpenRatesError = null;
     @tracked newsletterOpenRatesLoading = false;
 
+    @tracked latestNewsletters = null;
+
     @tracked whatsNewEntries = null;
     @tracked whatsNewEntriesLoading = null;
     @tracked whatsNewEntriesError = null;
@@ -50,6 +53,7 @@ export default class DashboardController extends Controller {
         this.loadEvents();
         this.loadTopMembers();
         this.loadCharts();
+        this.loadLatestNewsletters.perform();
         this.loadWhatsNew();
     }
 
@@ -169,6 +173,14 @@ export default class DashboardController extends Controller {
         });
     }
 
+    @task
+    *loadLatestNewsletters() {
+        this.latestNewsletters = yield this.store.query('email', {
+            limit: 5,
+            order: 'created_at desc'
+        });
+    }
+
     loadNewsletterOpenRates() {
         this.newsletterOpenRatesLoading = true;
         this.membersStats.fetchNewsletterStats().then((results) => {
diff --git a/ghost/admin/app/templates/dashboard-labs.hbs b/ghost/admin/app/templates/dashboard-labs.hbs
index f260528d02..71c2cc85e7 100644
--- a/ghost/admin/app/templates/dashboard-labs.hbs
+++ b/ghost/admin/app/templates/dashboard-labs.hbs
@@ -135,8 +135,40 @@
             </section>
         {{/if}}
 
-
         <section class="gh-dashboard-area mixed">
+            <div class="gh-dashboard-container">
+                <div class="gh-dashboard-box">
+                    <div class="gh-dashboard-header-container">
+                        <h4 class="gh-dashboard-header w-100">Latest newsletters</h4>
+                    </div>
+                    <div class="content">
+                        {{#if this.loadLatestNewsletters.isRunning}}
+                            Loading...
+                        {{else}}
+                            <ol class="gh-list">
+                                <li class="gh-list-row header">
+                                    <div class="gh-list-header w-100">Title</div>
+                                    <div class="gh-list-header">Sends</div>
+                                    <div class="gh-list-header">Open %</div>
+                                </li>
+                                {{#each this.latestNewsletters as |newsletter|}}
+                                    <li class="gh-list-row">
+                                        <LinkTo @route="editor.edit" @models={{array "post" newsletter.postId}} class="gh-list-data">{{newsletter.subject}}</LinkTo>
+                                        <div class="gh-list-data">{{newsletter.emailCount}}</div>
+                                        <div class="gh-list-data">{{newsletter.openRate}}%</div>
+                                    </li>
+                                {{else}}
+                                    <li>No newsletters sent.</li>
+                                {{/each}}
+                            </ol>
+                        {{/if}}
+                    </div>
+                    <div class="footer">
+                        <LinkTo @route="posts" class="green">See all posts</LinkTo>
+                    </div>
+                </div>
+            </div>
+
             {{#if (not this.feature.launchComplete)}}
             <div class="gh-dashboard-container start-contents">
                 <div class="gh-dashboard-box blogpost">