Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Fixed the resources section to pull the latest

Browse source 
refs: https://github.com/TryGhost/Team/issues/1531
This commit is contained in:
James Morris 2022-04-28 17:16:35 +01:00
parent 88e10f2305
commit fcd11fe471
2 changed files with 74 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
ghost/admin/app/components/dashboard/v5/resources/resources.hbs
View file

@ -1,22 +1,25 @@
<section class="gh-dashboard5-resource gh-dashboard5-resources">
<section class="gh-dashboard5-resource gh-dashboard5-resources" {{did-insert this.load}}>
<article class="gh-dashboard5-resource-box">
<div class="gh-dashboard5-resource-thumbnail"></div>
<div class="gh-dashboard5-resource-body">
<div>
<div class="gh-dashboard5-resource-title">
<h4>Resources</h4>
</div>
<a href="https://ghost.org/resources/build-audience-subscriber-signups/" target="_blank" class="gh-dashboard5-resource-bigarticle" rel="noopener noreferrer">
<div class="gh-dashboard5-resource-text">
<h3>Building your audience with subscriber signups</h3>
<p>Learn how to turn anonymous visitors into logged-in members with memberships in Ghost.</p>
</div>
</a>
</div>
<div class="gh-dashboard5-resource-footer">
<a href="https://ghost.org/resources/" target="_blank" rel="noopener noreferrer">Learn more &rarr;</a>
{{#if (not (or this.loading this.error))}}
<div class="gh-dashboard5-resource-thumbnail" style="background-image: url({{this.resource.feature_image}})"></div>
<div class="gh-dashboard5-resource-body">
<div>
<div class="gh-dashboard5-resource-title">
<h4>Resources</h4>
</div>
<a href="{{this.resource.url}}" target="_blank" class="gh-dashboard5-resource-bigarticle" rel="noopener noreferrer">
<div class="gh-dashboard5-resource-text">
<h3>{{this.resource.title}}</h3>
<p>{{this.resource.excerpt}}</p>
</div>
</a>
</div>
<div class="gh-dashboard5-resource-footer">
<a href="https://ghost.org/resources/" target="_blank" rel="noopener noreferrer">Learn more &rarr;</a>
</div>
</div>
</div>
{{/if}}
</article>
</section>

55
ghost/admin/app/components/dashboard/v5/resources/resources.js
View file

@ -1,10 +1,63 @@
import Component from '@glimmer/component';
import fetch from 'fetch';
import {action} from '@ember/object';
import {task} from 'ember-concurrency';
import {tracked} from '@glimmer/tracking';
import {inject as service} from '@ember/service';
const API_URL = 'https://resources.ghost.io/resources';
const API_KEY = 'b30afc1721f5d8d021ec3450ef';
const RESOURCE_COUNT = 1;
export default class Resources extends Component {
@service dashboardStats;
@tracked loading = null;
@tracked error = null;
@tracked resources = null;
@tracked resource = null;
@action
load() {}
load() {
this.loading = true;
this.fetch.perform().then(() => {
this.loading = false;
}, (error) => {
this.error = error;
this.loading = false;
});
}
@task
*fetch() {
const order = encodeURIComponent('published_at DESC');
const key = encodeURIComponent(API_KEY);
const limit = encodeURIComponent(RESOURCE_COUNT);
let response = yield fetch(`${API_URL}/ghost/api/content/posts/?limit=${limit}&order=${order}&key=${key}&include=none`);
if (!response.ok) {
// eslint-disable-next-line
console.error('Failed to fetch resources', {response});
this.error = 'Failed to fetch';
return;
}
let result = yield response.json();
this.resources = result.posts || [];
this.resource = this.resources[0]; // just get the first
}
get hasPaidTiers() {
return this.dashboardStats.siteStatus?.hasPaidTiers;
}
get areNewslettersEnabled() {
return this.dashboardStats.siteStatus?.newslettersEnabled;
}
get areMembersEnabled() {
return this.dashboardStats.siteStatus?.membersEnabled;
}
get hasNothingEnabled() {
return (!this.areMembersEnabled && !areNewslettersEnabled && !hasPaidTiers);
}
}