fictioneer/partials/_latest-stories-compact.php

<?php
/**
 * Partial: Latest Stories Compact
 *
 * Renders the (buffered) HTML for the [fictioneer_latest_stories type="compact"] shortcode.
 *
 * @package WordPress
 * @subpackage Fictioneer
 * @since 4.0
 *
 * @internal $args['count']          Number of posts provided by the shortcode.
 * @internal $args['author']         Author provided by the shortcode.
 * @internal $args['order']          Order of posts. Default 'desc'.
 * @internal $args['orderby']        Sorting of posts. Default 'date'.
 * @internal $args['post_ids']       Array of post IDs. Default empty.
 * @internal $args['excluded_cats']  Array of category IDs to exclude. Default empty.
 * @internal $args['excluded_tags']  Array of tag IDs to exclude. Default empty.
 * @internal $args['taxonomies']     Array of taxonomy arrays. Default empty.
 * @internal $args['relation']       Relationship between taxonomies.
 * @internal $args['classes']        Array of additional CSS classes. Default empty.
 */
?>

<?php

// No direct access!
defined( 'ABSPATH' ) OR exit;

// Setup
$show_taxonomies = ! get_option( 'fictioneer_hide_taxonomies_on_story_cards' );

// Prepare query
$query_args = array(
  'post_type' => 'fcn_story',
  'post_status' => 'publish',
  'post__in' => $args['post_ids'], // May be empty!
  'orderby' => $args['orderby'],
  'order' => $args['order'] ?? 'desc',
  'posts_per_page' => $args['count'],
  'meta_query' => array(
    'relation' => 'OR',
    array(
      'key' => 'fictioneer_story_hidden',
      'value' => '0'
    ),
    array(
      'key' => 'fictioneer_story_hidden',
      'compare' => 'NOT EXISTS'
    ),
  ),
  'no_found_rows' => true
);

if ( FICTIONEER_ENABLE_STICKY_CARDS ) {
  $query_args['meta_key'] = 'fictioneer_story_sticky';
  $query_args['orderby'] = 'meta_value ' . $query_args['orderby'];
}

// Parameter for author?
if ( isset( $args['author'] ) && $args['author'] ) $query_args['author_name'] = $args['author'];

// Taxonomies?
if ( ! empty( $args['taxonomies'] ) ) {
  $query_args['tax_query'] = fictioneer_get_shortcode_tax_query( $args );
}

// Excluded tags?
if ( ! empty( $args['excluded_tags'] ) ) {
  $query_args['tag__not_in'] = $args['excluded_tags'];
}

// Excluded categories?
if ( ! empty( $args['excluded_cats'] ) ) {
  $query_args['category__not_in'] = $args['excluded_cats'];
}

// Apply filters
$query_args = apply_filters( 'fictioneer_filter_shortcode_latest_stories_query_args', $query_args, $args );

// Query stories
$entries = fictioneer_shortcode_query( $query_args );

?>

<section class="small-card-block latest-stories _compact <?php echo implode( ' ', $args['classes'] ); ?>">
  <?php if ( $entries->have_posts() ) : ?>

    <ul class="two-columns _collapse-on-mobile">
      <?php while ( $entries->have_posts() ) : $entries->the_post(); ?>

        <?php
          // Setup
          $story = fictioneer_get_story_data( $post->ID, false ); // Does not refresh comment count!
          $tags = get_option( 'fictioneer_show_tags_on_story_cards' ) ? get_the_tags( $post ) : false;
        ?>

        <li class="card watch-last-clicked _small <?php echo $show_taxonomies ? '_info' : ''; ?>">
          <div class="card__body polygon">

            <?php if ( $show_taxonomies ) : ?>
              <button class="card__info-toggle toggle-last-clicked" aria-label="<?php esc_attr_e( 'Open info box', 'fictioneer' ); ?>"><i class="fa-solid fa-chevron-down"></i></button>
            <?php endif; ?>

            <div class="card__main _grid _small">

              <?php if ( has_post_thumbnail() ) : ?>
                <a href="<?php the_post_thumbnail_url( 'full' ); ?>" title="<?php echo esc_attr( sprintf( __( '%s Thumbnail', 'fictioneer' ), $story['title'] ) ); ?>" class="card__image cell-img" <?php echo fictioneer_get_lightbox_attribute(); ?>>
                  <?php echo get_the_post_thumbnail( $post, 'snippet', ['class' => 'no-auto-lightbox'] ); ?>
                </a>
              <?php endif; ?>

              <h3 class="card__title _small cell-title"><a href="<?php the_permalink(); ?>" class="truncate _1-1"><?php echo $story['title']; ?></a></h3>

              <div class="card__content _small cell-desc truncate _3-3">
                <?php if ( get_option( 'fictioneer_show_authors' ) ) : ?>
                  <span class="card__by-author"><?php
                    printf( _x( 'by %s —', 'Small card: by {Author} —.', 'fictioneer' ), fictioneer_get_author_node() );
                  ?></span>
                <?php endif; ?>
                <span><?php
                  $short_description = fictioneer_first_paragraph_as_excerpt( fictioneer_get_content_field( 'fictioneer_story_short_description' ) );
                  echo strlen( $short_description ) < 230 ? get_the_excerpt() : $short_description;
                ?></span>
              </div>

            </div>

            <div class="card__overlay-infobox escape-last-click">

              <?php if ( $show_taxonomies ) : ?>
                <div class="card__tag-list _small truncate _2-2">
                  <?php
                    if ( $story['has_taxonomies'] || $tags ) {
                      $output = [];

                      if ( $story['fandoms'] ) {
                        foreach ( $story['fandoms'] as $fandom ) {
                          $output[] = '<a href="' . get_tag_link( $fandom ) . '" class="tag-pill _inline _fandom">' . $fandom->name . '</a>';
                        }
                      }

                      if ( $story['genres'] ) {
                        foreach ( $story['genres'] as $genre ) {
                          $output[] = '<a href="' . get_tag_link( $genre ) . '" class="tag-pill _inline _genre">' . $genre->name . '</a>';
                        }
                      }

                      if ( $tags ) {
                        foreach ( $tags as $tag ) {
                          $output[] = '<a href="' . get_tag_link( $tag ) . '" class="tag-pill _inline">' . $tag->name . '</a>';
                        }
                      }

                      if ( $story['characters'] ) {
                        foreach ( $story['characters'] as $character ) {
                          $output[] = '<a href="' . get_tag_link( $character ) . '" class="tag-pill _inline _character">' . $character->name . '</a>';
                        }
                      }

                      // Implode with three-per-em spaces around a bullet
                        echo implode( '&#8196;&bull;&#8196;', $output );
                    } else {
                      ?><span class="card__no-taxonomies"><?php _e( 'No taxonomies specified yet.', 'fictioneer' ); ?></span><?php
                    }
                  ?>
                </div>
              <?php endif; ?>

              <div class="card__footer _small">

                <div class="card__footer-box _left text-overflow-ellipsis"><?php

                  // Build footer items
                  $footer_items = [];

                  $footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' .
                    esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'];

                  $footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' .
                    esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'];

                  if ( $args['orderby'] == 'modified' ) {
                    $footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' .
                      esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
                      get_the_modified_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
                  } else {
                    $footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' .
                      esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' .
                      get_the_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
                  }

                  $footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' .
                    fcntr( $story['status'] );

                  // Filer footer items
                  $footer_items = apply_filters(
                    'fictioneer_filter_shortcode_latest_stories_card_footer',
                    $footer_items,
                    $story,
                    $args,
                    $post
                  );

                  // Implode and render footer items
                  echo implode( ' ', $footer_items );

                ?></div>

                <div class="card__footer-box _right rating-letter-label tooltipped" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
                  <?php echo fcntr( $story['rating_letter'] ); ?>
                </div>

              </div>

            </div>

          </div>
        </li>

      <?php endwhile; ?>
    </ul>

  <?php else: ?>

    <div class="no-results"><?php _e( 'No stories have been published yet.', 'fictioneer' ) ?></div>

  <?php endif; wp_reset_postdata(); ?>
</section>