Merge pull request #141 from thomabx/master

Change look of movie/episode display

components/movies/details.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <component name="MovieDetails" extends="JFGroup">
   <children>
-    <LayoutGroup id="main_group" layoutDirection="horiz" >
+    <LayoutGroup id="main_group" layoutDirection="horiz" itemSpacings="[30]">
       <Poster id="moviePoster"
         translation="[250,150]"
         width="400" height="600" />
@@ -10,7 +10,10 @@
           <Label id="releaseYear" />
           <Label id="runtime" />
           <Label id="officialRating" />
-          <Label id="communityRating" />
+          <LayoutGroup layoutDirection="horiz" itemSpacings="[-5]">
+            <Poster id="star" uri="pkg:/images/sharp_star_white_18dp.png" height="32" width="32" blendColor="#cb272a" />
+            <Label id="communityRating" />
+          </LayoutGroup>
           <Label id="ends-at" />
         </LayoutGroup>
         <Label id="genres" />
@@ -23,7 +26,7 @@
           <Button text="Favorite" id="favorite-button" />
         </ButtonGroupHoriz>
         <Label id="tagline" />
-        <Label id="overview" wrap="true" maxLines="4" />
+        <Label id="overview" wrap="true" maxLines="8" />
 
       </LayoutGroup>
     </LayoutGroup>

components/tvshows/details-list.brs

@@ -20,7 +20,10 @@ function itemContentChanged() as void
     m.top.findNode("endtime").text = "Ends at " + getEndTime()
   end if
   if itemData.communityRating <> invalid then
+    m.top.findNode("star").visible = true
     m.top.findNode("communityRating").text = str(int(itemData.communityRating*10)/10)
+  else
+    m.top.findNode("star").visible = false
   end if
 end function
 

components/tvshows/details-list.xml

@@ -10,7 +10,10 @@
           <ScrollingLabel id="title" font="font:LargeBoldSystemFont" maxWidth="1200" />
           <LayoutGroup layoutDirection="horiz" itemSpacings="[20]">
             <Label id="runtime" font="font:SmallestSystemFont" />
-            <Label id="communityRating" font="font:SmallestSystemFont" />
+            <LayoutGroup layoutDirection="horiz" itemSpacings="[-5]">
+              <Poster id="star" uri="pkg:/images/sharp_star_white_18dp.png" height="26" width="26" blendColor="#cb272a" />
+              <Label id="communityRating" font="font:SmallestSystemFont" />
+            </LayoutGroup>
             <Label id="endtime" font="font:SmallestSystemFont" />
           </LayoutGroup>
           <Label id="overview" wrap="true" height="170" width="1200" maxLines="4" ellipsizeOnBoundary="true"/>