From 78693bd4b23303574fedf614961a5e57d19c7139 Mon Sep 17 00:00:00 2001
From: Tetrakern <26898880+Tetrakern@users.noreply.github.com>
Date: Wed, 30 Oct 2024 20:36:01 +0100
Subject: [PATCH] Add additional CSS modifier classes to meta elements

Rating and status.
---
 partials/_card-chapter.php           | 2 +-
 partials/_card-story.php             | 4 ++--
 partials/_latest-chapters-list.php   | 4 ++--
 partials/_latest-chapters.php        | 4 ++--
 partials/_latest-stories-compact.php | 4 ++--
 partials/_latest-stories-list.php    | 4 ++--
 partials/_latest-stories.php         | 4 ++--
 partials/_latest-updates-list.php    | 2 +-
 partials/_latest-updates.php         | 4 ++--
 partials/_story-footer.php           | 2 +-
 singular-index-advanced.php          | 4 ++--
 11 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/partials/_card-chapter.php b/partials/_card-chapter.php
index 0a430ec5..017eaaea 100644
--- a/partials/_card-chapter.php
+++ b/partials/_card-chapter.php
@@ -272,7 +272,7 @@ $thumbnail_args = array(
         ?></div>
 
         <?php if ( ! empty( $chapter_rating ) ) : ?>
-          <div class="card__footer-box _right rating-letter-label _large tooltipped" data-tooltip="<?php echo fcntr( $chapter_rating, true ); ?>">
+          <div class="card__footer-box _right rating-letter-label _large tooltipped _<?php echo strtolower( $chapter_rating ); ?>" data-tooltip="<?php echo fcntr( $chapter_rating, true ); ?>">
             <span class="cq-hide-below-460"><?php echo fcntr( $chapter_rating ); ?></span>
             <span class="cq-show-below-460"><?php echo fcntr( $chapter_rating[0] ); ?></span>
           </div>
diff --git a/partials/_card-story.php b/partials/_card-story.php
index 8846f671..70e24ba6 100644
--- a/partials/_card-story.php
+++ b/partials/_card-story.php
@@ -267,7 +267,7 @@ if ( $card_cache_active ) {
 
           $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message cq-hide-below-460" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> <span class="cq-hide-below-460" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '">' . $story['comment_count'] . '</span></span>';
 
-          $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+          $footer_items['status'] = '<span class="card__footer-status _' . strtolower( $story['status'] ) . '"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
 
           // Filter footer items
           $footer_items = apply_filters( 'fictioneer_filter_story_card_footer', $footer_items, $post, $story, $args );
@@ -276,7 +276,7 @@ if ( $card_cache_active ) {
           echo implode( ' ', $footer_items );
         ?></div>
 
-        <div class="card__footer-box _right rating-letter-label _large tooltipped" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
+        <div class="card__footer-box _right rating-letter-label _large tooltipped _<?php echo strtolower( $story['rating'] ); ?>" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
           <span class="cq-hide-below-460"><?php echo fcntr( $story['rating'] ); ?></span>
           <span class="cq-show-below-460"><?php echo fcntr( $story['rating_letter'] ); ?></span>
         </div>
diff --git a/partials/_latest-chapters-list.php b/partials/_latest-chapters-list.php
index 52028c94..e25be2b0 100644
--- a/partials/_latest-chapters-list.php
+++ b/partials/_latest-chapters-list.php
@@ -269,11 +269,11 @@ if ( $splide ) {
             }
 
             if ( $args['footer_status'] ) {
-              $meta['status'] = '<span class="post-item-item__meta-status">' . fcntr( $story['status'] ) . '</span>';
+              $meta['status'] = '<span class="post-item-item__meta-status _' . strtolower( $story['status'] ) . '">' . fcntr( $story['status'] ) . '</span>';
             }
 
             if ( $chapter_rating && $args['footer_rating'] ) {
-              $meta['rating'] = '<span class="post-list-item__meta-rating">' . fcntr( $chapter_rating ) . '</span>';
+              $meta['rating'] = '<span class="post-list-item__meta-rating _' . strtolower( $chapter_rating ) . '">' . fcntr( $chapter_rating ) . '</span>';
             }
 
             if ( get_option( 'fictioneer_show_authors' ) && $args['footer_author'] ) {
diff --git a/partials/_latest-chapters.php b/partials/_latest-chapters.php
index 4cc49e0d..5cc78f81 100644
--- a/partials/_latest-chapters.php
+++ b/partials/_latest-chapters.php
@@ -356,7 +356,7 @@ if ( $splide ) {
                       }
 
                       if ( $story && $args['footer_status'] ) {
-                        $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+                        $footer_items['status'] = '<span class="card__footer-status _' . strtolower( $story['status'] ) . '"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
                       }
 
                       // Filter footer items
@@ -374,7 +374,7 @@ if ( $splide ) {
                     ?></div>
 
                     <?php if ( ! empty( $chapter_rating ) && $args['footer_rating'] ) : ?>
-                      <div class="card__footer-box _right rating-letter-label tooltipped" data-tooltip="<?php echo fcntr( $chapter_rating, true ); ?>">
+                      <div class="card__footer-box _right rating-letter-label tooltipped _<?php echo strtolower( $chapter_rating ); ?>" data-tooltip="<?php echo fcntr( $chapter_rating, true ); ?>">
                         <?php echo fcntr( $chapter_rating[0] ); ?>
                       </div>
                     <?php endif; ?>
diff --git a/partials/_latest-stories-compact.php b/partials/_latest-stories-compact.php
index 8f8957df..9fe82c1c 100644
--- a/partials/_latest-stories-compact.php
+++ b/partials/_latest-stories-compact.php
@@ -357,7 +357,7 @@ if ( $splide ) {
                         }
 
                         if ( $args['footer_status'] ) {
-                          $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+                          $footer_items['status'] = '<span class="card__footer-status _' . strtolower( $story['status'] ) . '"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
                         }
 
                         // Filter footer items
@@ -375,7 +375,7 @@ if ( $splide ) {
                       ?></div>
 
                       <?php if ( $args['footer_rating'] ) : ?>
-                        <div class="card__footer-box _right rating-letter-label tooltipped" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
+                        <div class="card__footer-box _right rating-letter-label tooltipped _<?php echo strtolower( $story['rating'] ); ?>" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
                           <?php echo fcntr( $story['rating_letter'] ); ?>
                         </div>
                       <?php endif; ?>
diff --git a/partials/_latest-stories-list.php b/partials/_latest-stories-list.php
index 1a4555cf..82de56c1 100644
--- a/partials/_latest-stories-list.php
+++ b/partials/_latest-stories-list.php
@@ -248,11 +248,11 @@ if ( $splide ) {
             }
 
             if ( $args['footer_status'] ) {
-              $meta['status'] = '<span class="post-item-item__meta-status">' . fcntr( $story['status'] ) . '</span>';
+              $meta['status'] = '<span class="post-item-item__meta-status _' . strtolower( $story['status'] ) . '">' . fcntr( $story['status'] ) . '</span>';
             }
 
             if ( $story['rating'] && $args['footer_rating'] ) {
-              $meta['rating'] = '<span class="post-item-item__meta-rating">' . fcntr( $story['rating'] ) . '</span>';
+              $meta['rating'] = '<span class="post-item-item__meta-rating _' . strtolower( $story['rating'] ) . '">' . fcntr( $story['rating'] ) . '</span>';
             }
 
             if ( get_option( 'fictioneer_show_authors' ) && $args['footer_author'] && $args['source'] ) {
diff --git a/partials/_latest-stories.php b/partials/_latest-stories.php
index aded96a3..1ad67117 100644
--- a/partials/_latest-stories.php
+++ b/partials/_latest-stories.php
@@ -344,7 +344,7 @@ if ( $splide ) {
                       }
 
                       if ( $args['footer_status'] ) {
-                        $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+                        $footer_items['status'] = '<span class="card__footer-status _' . strtolower( $story['status'] ) . '"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
                       }
 
                       // Filter footer items
@@ -362,7 +362,7 @@ if ( $splide ) {
                     ?></div>
 
                     <?php if ( $args['footer_rating'] ) : ?>
-                      <div class="card__footer-box _right rating-letter-label tooltipped" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
+                      <div class="card__footer-box _right rating-letter-label tooltipped _<?php echo strtolower( $story['rating'] ); ?>" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
                         <?php echo fcntr( $story['rating_letter'] ); ?>
                       </div>
                     <?php endif; ?>
diff --git a/partials/_latest-updates-list.php b/partials/_latest-updates-list.php
index a5fba107..06fc4748 100644
--- a/partials/_latest-updates-list.php
+++ b/partials/_latest-updates-list.php
@@ -290,7 +290,7 @@ if ( $splide ) {
             }
 
             if ( $story['rating'] && $args['footer_rating'] ) {
-              $meta['rating'] = '<span class="post-item-item__meta-rating">' . fcntr( $story['rating'] ) . '</span>';
+              $meta['rating'] = '<span class="post-item-item__meta-rating _' . strtolower( $story['rating'] ) . '">' . fcntr( $story['rating'] ) . '</span>';
             }
 
             if ( get_option( 'fictioneer_show_authors' ) && $args['footer_author'] ) {
diff --git a/partials/_latest-updates.php b/partials/_latest-updates.php
index 88097597..ce5408b7 100644
--- a/partials/_latest-updates.php
+++ b/partials/_latest-updates.php
@@ -460,7 +460,7 @@ if ( $splide ) {
                       }
 
                       if ( $args['footer_status'] ) {
-                        $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+                        $footer_items['status'] = '<span class="card__footer-status _' . strtolower( $story['status'] ) . '"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
                       }
 
                       // Filter footer items
@@ -478,7 +478,7 @@ if ( $splide ) {
                     ?></div>
 
                     <?php if ( $args['footer_rating'] ) : ?>
-                      <div class="card__footer-box _right rating-letter-label tooltipped" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
+                      <div class="card__footer-box _right rating-letter-label tooltipped _<?php echo strtolower( $story['rating'] ); ?>" data-tooltip="<?php echo fcntr( $story['rating'], true ); ?>">
                         <?php echo fcntr( $story['rating_letter'] ); ?>
                       </div>
                     <?php endif; ?>
diff --git a/partials/_story-footer.php b/partials/_story-footer.php
index 0154946e..90b485a0 100644
--- a/partials/_story-footer.php
+++ b/partials/_story-footer.php
@@ -33,7 +33,7 @@ $show_log = $story['chapter_count'] > 0 && FICTIONEER_ENABLE_STORY_CHANGELOG &&
 $meta_output = [];
 
 // Status
-$meta_output['status'] = '<span class="story__meta-item story__status"><i class="' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
+$meta_output['status'] = '<span class="story__meta-item story__status _' . strtolower( $story['status'] ) . '"><i class="' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
 
 if ( get_option( 'fictioneer_show_story_modified_date' ) ) {
   // Modified
diff --git a/singular-index-advanced.php b/singular-index-advanced.php
index f63558b8..30b66945 100644
--- a/singular-index-advanced.php
+++ b/singular-index-advanced.php
@@ -142,9 +142,9 @@ reset( $sorted_stories );
                   </div>
                   <div class="glossary__entry-body">
                     <div class="glossary__entry-description">
-                      <span class="glossary__entry-meta-item"><?php echo $story['status']; ?></span>
+                      <span class="glossary__entry-meta-item _<?php echo strtolower( $story['status'] ); ?>"><?php echo $story['status']; ?></span>
                       <span class="glossary__entry-meta-item"><?php printf( _x( '%s Words', 'Index item.', 'fictioneer' ), number_format_i18n( $story['total_words'] ) ); ?></span>
-                      <span class="glossary__entry-meta-item"><?php echo $story['rating']; ?></span>
+                      <span class="glossary__entry-meta-item _<?php echo strtolower( $story['rating'] ); ?>"><?php echo $story['rating']; ?></span>
                     </div>
                   </div>
                 </div>