Ghost/core/frontend/helpers/post_class.js
Hannah Wolfe fd20f90cca
Divided f/e proxy into true proxy + rendering service
- The original intention of the proxy was to collect up all the requires in our helpers into one place
- This has since been expanded and used in more places, in more ways
- In hindsight there are now multiple different types of requires in the proxy:
   - One: true frontend rendering framework requires (stuff from deep inside theme-engine)
   - Two: data manipulation/sdk stuff, belongs to the frontend, ways to process API data
   - Three: actual core stuff from Ghost, that we wish wasn't here / needs to be passed in a controlled way
- This commit pulls out One into a new rendering service, so at least that stuff is managed independently
- This draws the lines clearly between what's internal to the frontend and what isn't
- It also highlights that the theme-engine needs to be divided up / refactored so that we don't have these deep requires
2021-09-29 13:10:14 +01:00

40 lines
1.1 KiB
JavaScript

// # Post Class Helper
// Usage: `{{post_class}}`
//
// Output classes for the body element
const {SafeString} = require('../services/rendering');
// We use the name post_class to match the helper for consistency:
module.exports = function post_class() { // eslint-disable-line camelcase
let classes = ['post'];
const tags = this.post && this.post.tags ? this.post.tags : this.tags || [];
const featured = this.post && this.post.featured ? this.post.featured : this.featured || false;
const image = this.post && this.post.feature_image ? this.post.feature_image : this.feature_image || false;
const page = this.post && this.post.page ? this.post.page : this.page || false;
if (tags) {
classes = classes.concat(tags.map(function (tag) {
return 'tag-' + tag.slug;
}));
}
if (featured) {
classes.push('featured');
}
if (!image) {
classes.push('no-image');
}
if (page) {
classes.push('page');
}
classes = classes.reduce(function (memo, item) {
return memo + ' ' + item;
}, '');
return new SafeString(classes.trim());
};