vue-carousel-3d/docs/node_modules/hexo/lib/plugins/helper/list_posts.js

Beautiful, flexible and touch supported 3D Carousel for Vue.js

'use strict';

function listPostsHelper(posts, options) {
  if (!options && (!posts || !posts.hasOwnProperty('length'))) {
    options = posts;
    posts = this.site.posts;
  }

  options = options || {};

  const { style = 'list', transform, separator = ', ' } = options;
  const orderby = options.orderby || 'date';
  const order = options.order || -1;
  const className = options.class || 'post';
  const amount = options.amount || 6;

  // Sort the posts
  posts = posts.sort(orderby, order);

  // Limit the number of posts
  if (amount) posts = posts.limit(amount);

  let result = '';

  if (style === 'list') {
    result += `<ul class="${className}-list">`;

    posts.forEach(post => {
      const title = post.title || post.slug;

      result += `<li class="${className}-list-item">`;

      result += `<a class="${className}-list-link" href="${this.url_for(post.path)}">`;
      result += transform ? transform(title) : title;
      result += '</a>';

      result += '</li>';
    });

    result += '</ul>';
  } else {
    posts.forEach((post, i) => {
      if (i) result += separator;

      const title = post.title || post.slug;

      result += `<a class="${className}-link" href="${this.url_for(post.path)}">`;
      result += transform ? transform(title) : title;
      result += '</a>';
    });
  }

  return result;
}

module.exports = listPostsHelper;