Fix home image size bug. Update all home view sections - including those previously hidden

.vscode/settings.json

@@ -18,4 +18,4 @@
     "docs/api/**": true
   },
   "brightscriptcomment.addExtraAtStartAndEnd": false
-}
+}

components/home/Home.bs

@@ -9,18 +9,25 @@ sub init()
     m.top.optionsAvailable = true
     m.postTask = createObject("roSGNode", "PostTask")
 
+    m.homeRows = m.top.findNode("homeRows")
+
+    m.fadeInFocusBitmap = m.top.findNode("fadeInFocusBitmap")
+
     if m.global.session.user.settings["ui.home.splashBackground"] = true
         m.backdrop = m.top.findNode("backdrop")
         m.backdrop.uri = buildURL("/Branding/Splashscreen?format=jpg&foregroundLayer=0.15&fillWidth=1280&width=1280&fillHeight=720&height=720&tag=splash")
     end if
 end sub
 
 sub refresh()
-    m.top.findNode("homeRows").callFunc("updateHomeRows")
+    m.homeRows.focusBitmapBlendColor = "0xFFFFFFFF"
+    m.homeRows.callFunc("updateHomeRows")
 end sub
 
 sub loadLibraries()
-    m.top.findNode("homeRows").callFunc("loadLibraries")
+    m.homeRows.focusBitmapBlendColor = "0xFFFFFF00"
+    m.homeRows.callFunc("loadLibraries")
+    m.fadeInFocusBitmap.control = "start"
 end sub
 
 ' JFScreen hook that gets ran as needed.

components/home/Home.xml

@@ -2,8 +2,12 @@
 <component name="Home" extends="JFScreen">
   <children>
     <Poster id="backdrop" loadDisplayMode="scaleToZoom" width="1920" height="1200" />
-    <HomeRows id="homeRows" />
+    <HomeRows id="homeRows" focusBitmapBlendColor="0xFFFFFF00" />
     <OptionsSlider id="options" />
+
+    <Animation id="fadeInFocusBitmap" delay="1" duration=".2" repeat="false" easeFunction="inQuad">
+      <ColorFieldInterpolator id="fadeInFocusBitmapInterpolator" key="[0.0, 1.0]" keyValue="[0xFFFFFF00, 0xFFFFFFFF]" fieldToInterp="homeRows.focusBitmapBlendColor" />
+    </Animation>
   </children>
   <interface>
     <field id="selectedItem" alias="homeRows.selectedItem" />

components/home/HomeItem.bs

@@ -28,6 +28,7 @@ end sub
 
 
 sub itemContentChanged()
+    m.unplayedCount.visible = false
     itemData = m.top.itemContent
     if itemData = invalid then return
 
@@ -65,6 +66,10 @@ sub itemContentChanged()
 
     ' Format the Data based on the type of Home Data
     if itemData.type = "CollectionFolder" or itemData.type = "UserView" or itemData.type = "Channel"
+        m.itemText.font.size = 35
+        m.itemText.height = 64
+        m.itemText.horizAlign = "center"
+        m.itemText.vertAlign = "bottom"
         m.itemText.text = itemData.name
         m.itemPoster.uri = itemData.widePosterURL
         return

components/home/HomeRow.xml

@@ -2,6 +2,7 @@
 <component name="HomeRow" extends="ContentNode">
   <interface>
     <field id="imageWidth" type="integer" value="464" />
+    <field id="cursorSize" type="array" value="[464, 331]" />
     <field id="usePoster" type="bool" value="false" />
   </interface>
 </component>