From b56f83df9ace722f071df4d97f063b2cf29d17dd Mon Sep 17 00:00:00 2001
From: FireGamer3 <gm31334@gmail.com>
Date: Thu, 13 Apr 2023 12:17:07 -0500
Subject: [PATCH] Adds Ratings to both Video Player and Up Next Dialog Window

---
 src/components/upnextdialog/upnextdialog.js |  4 ++--
 src/controllers/playback/video/index.html   |  3 +++
 src/controllers/playback/video/index.js     | 13 +++++++++++++
 src/styles/videoosd.scss                    | 18 +++++++++++++++++-
 4 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/components/upnextdialog/upnextdialog.js b/src/components/upnextdialog/upnextdialog.js
index 2a37fcbe4..bfb3ca18c 100644
--- a/src/components/upnextdialog/upnextdialog.js
+++ b/src/components/upnextdialog/upnextdialog.js
@@ -69,9 +69,9 @@ import '../../styles/flexstyles.scss';
         const elem = instance.options.parent;
 
         elem.querySelector('.upNextDialog-mediainfo').innerHTML = mediaInfo.getPrimaryMediaInfoHtml(item, {
-            criticRating: false,
+            criticRating: true,
             originalAirDate: false,
-            starRating: false,
+            starRating: true,
             subtitles: false
         });
 
diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html
index 002a81831..ca49f872c 100644
--- a/src/controllers/playback/video/index.html
+++ b/src/controllers/playback/video/index.html
@@ -65,6 +65,9 @@
                 <div class="osdTimeText">
                     <span class="endsAtText"></span>
                 </div>
+                
+                <div class="osdRatingsText">
+                </div>
 
                 <button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
                     <span class="xlargePaperIconButton material-icons closed_caption" aria-hidden="true"></span>
diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js
index 2af8aa184..c8b4f04ce 100644
--- a/src/controllers/playback/video/index.js
+++ b/src/controllers/playback/video/index.js
@@ -93,6 +93,18 @@ import { PluginType } from '../../../types/plugin.ts';
             }
 
             setTitle(displayItem, parentName);
+            ratingsText.innerHTML = mediaInfo.getPrimaryMediaInfoHtml(displayItem, {
+                officialRating: false,
+                criticRating: true,
+                starRating: true,
+                endsAt: false,
+                year: false,
+                programIndicator: false,
+                runtime: false,
+                subtitles: false,
+                originalAirDate: false,
+                episodeTitle: false
+            });
 
             const secondaryMediaInfo = view.querySelector('.osdSecondaryMediaInfo');
             const secondaryMediaInfoHtml = mediaInfo.getSecondaryMediaInfoHtml(displayItem, {
@@ -1412,6 +1424,7 @@ import { PluginType } from '../../../types/plugin.ts';
         const startTimeText = view.querySelector('.startTimeText');
         const endTimeText = view.querySelector('.endTimeText');
         const endsAtText = view.querySelector('.endsAtText');
+        const ratingsText = view.querySelector('.osdRatingsText');
         const btnRewind = view.querySelector('.btnRewind');
         const btnFastForward = view.querySelector('.btnFastForward');
         const transitionEndEventName = dom.whichTransitionEvent();
diff --git a/src/styles/videoosd.scss b/src/styles/videoosd.scss
index b7f06c08d..2c8c00e26 100644
--- a/src/styles/videoosd.scss
+++ b/src/styles/videoosd.scss
@@ -136,12 +136,20 @@
     align-items: center;
 }
 
-.osdTimeText {
+.osdRatingsText {
+    display: flex;
+    align-items: center;
     margin-left: 1em;
     margin-right: auto;
     user-select: none;
 }
 
+.osdTimeText {
+    margin-left: 1em;
+    margin-right: 1em;
+    user-select: none;
+}
+
 .osdTitle,
 .osdTitleSmall {
     margin: 0 1em 0 0;
@@ -213,6 +221,14 @@
     .videoOsdBottom .endsAtText {
         display: none !important;
     }
+
+    .videoOsdBottom .osdRatingsText .starRatingContainer {
+        display: none !important;
+    }
+
+    .videoOsdBottom .osdRatingsText .mediaInfoCriticRating {
+        display: none !important;
+    }
 }
 
 .syncPlayContainer {