Add imdb rating overlay

baiguke2019 · Aug 28, 2014 · 4e9d394 · 4e9d394
1 parent 14db464
commit 4e9d394
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/frames/movies.html b/frames/movies.html
@@ -75,6 +75,7 @@
                         }
                     }
                 });
+
             });
         </script>
 
@@ -275,6 +276,7 @@
                             $('#title' ).empty();
                             $('#genres').empty();
                             $('#rating').css('width', '0% !important');
+                            $('#rating').attr('title', '');
                             $('#plot').empty();
                             $('#runtime').empty();
                             $('#runtime').append('<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp');
@@ -319,6 +321,7 @@
 
                             $("#title").html(movie.title);
                             $("#rating").attr("style", "width:" + (movie.rating * 10) + "% !important");
+                            $("#rating").attr("title", movie.rating+"/10");
                             $("#date").append(movie.movieYear);
 
                             if (typeof movie.overview !== 'undefined') {
@@ -629,7 +632,7 @@
                                     <h1 id="title"></h1>
                                     <h4 id="genres" class="mr-10" style="display:inline-block;"></h4>
                                     <div class="stars-template" style="display:inline-block;">
-                                        <div id="rating" class="current-rating"></div>
+                                        <label title="" id="rating" class="current-rating"></label>
                                     </div>
                                     <div id="plot" class="ptb-10" style="max-width:800px;"></div>
                                     <div class="ptb-10">

diff --git a/frames/series.html b/frames/series.html
@@ -272,6 +272,7 @@
                             $('#title' ).empty();
                             $('#genres').empty();
                             $('#rating').css('width', '0% !important');
+                            $('#rating').attr('title', '');
                             $('#plot').empty();
                             $('#network').empty();
                             $('#runtime').empty();
@@ -347,7 +348,9 @@
                                         $("#network").addClass("hide");
                                     }
 
-                                    $("#rating").attr("style", "width:" + serie.rating.percentages + "% !important");
+                                    console.log(serie.rating.percentage)
+                                    $("#rating").attr("style", "width:" + serie.rating.percentage + "% !important");
+                                    $("#rating").attr("title", (0.1*serie.rating.percentage)+"/10");
 
                                     $("#btnBuy").click(function () {
                                         var shoppingUrl = 'https://www.google.com/search?q='+serie.title+' series/season&tbm=shop';
@@ -614,7 +617,7 @@
                                     <h1 id="title"></h1>
                                     <h4 id="genres" class="mr-10" style="display:inline-block;"></h4>
                                     <div class="stars-template" style="display:inline-block;">
-                                        <div id="rating" class="current-rating"></div>
+                                        <div title="" id="rating" class="current-rating"></div>
                                     </div>
                                     <div id="plot" class="ptb-10" style="max-width:800px;"></div>
                                     <div id="network">This serie is aired on </div>