Added ability to favorite item from video playback

CONTRIBUTORS.md

@@ -62,6 +62,7 @@
  - [Pier-Luc Ducharme](https://github.com/pl-ducharme)
  - [Anantharaju S](https://github.com/Anantharajus)
  - [Merlin Sievers](https://github.com/dann-merlin)
+ - [Fishbigger](https://github.com/fishbigger)
 
 # Emby Contributors
 

src/controllers/playback/video/index.html

@@ -69,6 +69,12 @@
                 <div class="osdRatingsText">
                 </div>
 
+                <button is="emby-ratingbutton" type="button" class="button-flat hide btnUserRating detailButton" title="${Rate}">
+                    <div class="detailButton-content">
+                        <span class="material-icons detailButton-icon favorite" aria-hidden="true"></span>
+                    </div>
+                </button>
+
                 <button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
                     <span class="xlargePaperIconButton material-icons closed_caption" aria-hidden="true"></span>
                 </button>

src/controllers/playback/video/index.js

@@ -17,6 +17,7 @@ import keyboardnavigation from '../../../scripts/keyboardNavigation';
 import '../../../styles/scrollstyles.scss';
 import '../../../elements/emby-slider/emby-slider';
 import '../../../elements/emby-button/paper-icon-button-light';
+import '../../../elements/emby-ratingbutton/emby-ratingbutton';
 import '../../../styles/videoosd.scss';
 import ServerConnections from '../../../components/ServerConnections';
 import shell from '../../../scripts/shell';
@@ -133,6 +134,17 @@ export default function (view) {
             programStartDateMs = 0;
             programEndDateMs = 0;
         }
+
+        // Set currently playing item for favorite button
+        const btnUserRating = view.querySelector('.btnUserRating');
+
+        if (itemHelper.canRate(currentItem)) {
+            btnUserRating.classList.remove('hide');
+            btnUserRating.setItem(currentItem);
+        } else {
+            btnUserRating.classList.add('hide');
+            btnUserRating.setItem(null);
+        }
     }
 
     function getDisplayTimeWithoutAmPm(date, showSeconds) {