Merge pull request #654 from 1hitsong/splashscreen-home-bg

Add setting: Use splashscreen as home background

components/home/Home.brs

@@ -1,6 +1,11 @@
 sub init()
     m.top.overhangTitle = "Home"
     m.top.optionsAvailable = true
+
+    if get_user_setting("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()

components/home/Home.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <component name="Home" extends="JFGroup">
   <children>
+    <Poster id="backdrop" loadDisplayMode="scaleToZoom" width="1920" height="1200" />
     <HomeRows id="homeRows" />
     <OptionsSlider id="options" />
   </children>
@@ -13,4 +14,6 @@
     <function name="loadLibraries" />
   </interface>
   <script type="text/brightscript" uri="Home.brs" />
+  <script type="text/brightscript" uri="pkg:/source/api/baserequest.brs" />
+  <script type="text/brightscript" uri="pkg:/source/utils/config.brs" />
 </component>

locale/en_US/translations.ts

@@ -574,14 +574,33 @@
         <translation>There was an error authenticating via Quick Connect.</translation>
     </message>
     <message>
-    <source>Return to Top</source>
+        <source>Return to Top</source>
-    <translation>Return to Top</translation>
+        <translation>Return to Top</translation>
-    <extracomment>UI -> Media Grid -> Item Title in user setting screen.</extracomment>
+        <extracomment>UI -> Media Grid -> Item Title in user setting screen.</extracomment>
-</message>
+    </message>
-<message>
+    <message>
-    <source>Use the replay button to slowly animate to the first item in the folder. (If disabled, The folder will reset to the first item immediately)</source>
+        <source>Use the replay button to slowly animate to the first item in the folder. (If disabled, The folder will reset to the first item immediately)</source>
-    <translation>Use the replay button to slowly animate to the first item in the folder. (If disabled, The folder will reset to the first item immediately)</translation>
+        <translation>Use the replay button to slowly animate to the first item in the folder. (If disabled, The folder will reset to the first item immediately)</translation>
-    <extracomment>Description for option in Setting Screen</extracomment>
+        <extracomment>Description for option in Setting Screen</extracomment>
-</message>
+    </message>
+    <message>
+        <source>Design Elements</source>
+        <translation>Design Elements</translation>
+    </message>
+    <message>
+        <source>Options that alter the design of Jellyfin.</source>
+        <translation>Options that alter the design of Jellyfin.</translation>
+        <extracomment>Description for Design Elements user settings.</extracomment>
+    </message>
+    <message>
+        <source>Use Splashscreen as Home Background</source>
+        <translation>Use Splashscreen as Home Background</translation>
+        <extracomment>Option Title in user setting screen</extracomment>
+    </message>
+    <message>
+        <source>Use generated splashscreen image as Jellyfin home background. Jellyfin will need to be closed and reopened for change to take effect.</source>
+        <translation>Use generated splashscreen image as Jellyfin home background. Jellyfin will need to be closed and reopened for change to take effect.</translation>
+        <extracomment>Description for option in Setting Screen</extracomment>
+    </message>
 </context>
 </TS>

settings/settings.json

@@ -14,8 +14,21 @@
     },
     {
         "title": "User Interface",
-        "description": "Settings relating to how the how the applications looks",
+        "description": "Settings relating to how the how the application looks",
         "children": [
+            {
+                "title": "Design Elements",
+                "description": "Options that alter the design of Jellyfin.",
+                "children": [
+                    {
+                        "title": "Use Splashscreen as Home Background",
+                        "description": "Use generated splashscreen image as Jellyfin home background. Jellyfin will need to be closed and reopened for change to take effect.",
+                        "settingName": "ui.home.splashBackground",
+                        "type": "bool",
+                        "default": "false"
+                    }
+                ]
+            },
             {
                 "title": "Media Grid",
                 "description": "Media Grid Options",