diff --git a/ghost/admin/app/components/dashboard/charts/recents.hbs b/ghost/admin/app/components/dashboard/charts/recents.hbs index 7a9446a723..edae50a7b6 100644 --- a/ghost/admin/app/components/dashboard/charts/recents.hbs +++ b/ghost/admin/app/components/dashboard/charts/recents.hbs @@ -11,6 +11,12 @@ @label="Member activity" /> {{/if}} + {{#if (feature 'webmentions')}} + + {{/if}} {{#if this.postsTabSelected}}
@@ -65,7 +71,7 @@ View all posts →
- {{else}} + {{else if this.activityTabSelected}}
Member
@@ -132,6 +138,41 @@ View all member activity →
+ {{else}} + {{#if (feature 'webmentions')}} + {{!-- Recent mentions --}} +
+
+
Publication
+
Mentioned
+
Time
+
+
+ {{!-- TODO: Switch to LinkTo --}} + + {{!-- Empty state --}} + {{!--
+

No mentions yet.

+
--}} +
+ +
+ {{/if}} {{/if}} diff --git a/ghost/admin/app/components/dashboard/charts/recents.js b/ghost/admin/app/components/dashboard/charts/recents.js index 2adb705397..e356f43029 100644 --- a/ghost/admin/app/components/dashboard/charts/recents.js +++ b/ghost/admin/app/components/dashboard/charts/recents.js @@ -26,6 +26,11 @@ export default class Recents extends Component { this.selected = 'activity'; } + @action + changeTabToMentions() { + this.selected = 'mentions'; + } + get postsTabSelected() { return (this.selected === 'posts'); } @@ -34,6 +39,10 @@ export default class Recents extends Component { return (this.selected === 'activity'); } + get mentionsTabSelected() { + return (this.selected === 'mentions'); + } + get areMembersEnabled() { return this.dashboardStats.siteStatus?.membersEnabled; } diff --git a/ghost/admin/app/styles/layouts/dashboard.css b/ghost/admin/app/styles/layouts/dashboard.css index e6259eaab7..a76538dfd0 100644 --- a/ghost/admin/app/styles/layouts/dashboard.css +++ b/ghost/admin/app/styles/layouts/dashboard.css @@ -1550,6 +1550,11 @@ Dashboard Recents */ grid-template-columns: 25% 25% 35% 15%; } +.gh-dashboard-recents-mentions .gh-dashboard-list-header, +.gh-dashboard-recents-mentions .gh-dashboard-list-item { + grid-template-columns: 20% 65% 15%; +} + .gh-dashboard-recents-activity .gh-dashboard-list-title:nth-child(2), .gh-dashboard-recents-activity .gh-dashboard-list-item .gh-dashboard-list-item-sub:nth-child(2) { margin-left: -4px; /* grid layout adjustments */ @@ -1569,6 +1574,10 @@ Dashboard Recents */ padding: 0 32px 0 0; } +.gh-dashboard-recent-mentioned { + color: var(--black); +} + /* --------------------------------- Dashboard Resources */