Add spinner during Play Album loading

components/music/MusicAlbumDetails.brs

@@ -4,6 +4,9 @@ sub init()
 
     m.playAlbum = m.top.findNode("playAlbum")
     m.songList = m.top.findNode("songList")
+
+    m.spinner = m.top.findNode("spinner")
+    m.spinner.visible = false
 end sub
 
 sub setupMainNode()
@@ -87,3 +90,7 @@ function onKeyEvent(key as string, press as boolean) as boolean
 
     return false
 end function
+
+sub OnScreenHidden()
+    m.spinner.visible = false
+end sub

components/music/MusicAlbumDetails.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<component name="MusicAlbumDetails" extends="JFGroup">
+<component name="MusicAlbumDetails" extends="JFScreen">
   <children>
     <LayoutGroup id="toplevel" layoutDirection="vert" itemSpacings="[-10]" >
       <LayoutGroup id="main_group" layoutDirection="horiz" itemSpacings="[15]" >
@@ -17,6 +17,7 @@
         </LayoutGroup>
       </LayoutGroup>
     </LayoutGroup>
+    <Spinner id="spinner" translation="[920, 540]" visible="false" />
   </children>
   <interface>
     <field id="pageContent" type="node" onChange="pageContentChanged" />

source/Main.brs

@@ -194,6 +194,8 @@ sub Main (args as dynamic) as void
         else if isNodeEvent(msg, "playAllSelected")
             ' User has selected playlist of of audio they want us to play
             screenContent = msg.getRoSGNode()
+            m.spinner = screenContent.findNode("spinner")
+            m.spinner.visible = true
             group = CreateAudioPlayerGroup(screenContent.albumData.items)
         else if isNodeEvent(msg, "episodeSelected")
             ' If you select a TV Episode from ANYWHERE, follow this flow