Finished with initial flow

components/JFButton.brs

@@ -0,0 +1,21 @@
+sub init()
+  m.top.observeFieldScoped("text", "onTextChanged")
+  m.top.iconUri = ""
+  m.top.focusedIconUri = ""
+  m.top.showFocusFootprint = true
+  m.top.minWidth = 0
+end sub
+
+sub onTextChanged()
+  addSpaceAfter = true
+  minChars = m.top.minChars
+  if minChars = invalid then minChars = 50
+  while m.top.text.Len() < minChars
+    if addSpaceAfter then
+      m.top.text = m.top.text + Chr(160)
+    else
+      m.top.text = Chr(160) + m.top.text
+    end if
+    addSpaceAfter = addSpaceAfter = false
+  end while
+end sub

components/JFButton.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<component name="JFButton" extends="Button">
+  <interface>
+    <field id="minChars" type="int" />
+  </interface>
+  <script type="text/brightscript" uri="JFButton.brs" />
+</component>

components/config/SetServerScreen.brs

@@ -4,15 +4,13 @@ sub init()
 
   m.spinner = m.top.findNode("spinner")
   m.serverPicker = m.top.findNode("serverPicker")
-  m.serverUrl = m.top.findNode("serverUrl")
+  m.serverUrlTextbox = m.top.findNode("serverUrlTextbox")
   m.serverUrlContainer = m.top.findNode("serverUrlContainer")
   m.serverUrlOutline = m.top.findNode("serverUrlOutline")
   m.submit = m.top.findNode("submit")
 
-  m.serverUrl.focusable = true
   m.serverPicker.setFocus(true)
   ScanForServers()
-  m.serverPicker.ObserveField("itemSelected", "onclick")
 
 end sub
 
@@ -22,8 +20,11 @@ function onKeyEvent(key as string, press as boolean) as boolean
   if not press then return true
   handled = true
 
+  if key = "OK" and m.serverPicker.hasFocus() then
+    m.top.serverUrl = m.serverPicker.content.getChild(m.serverPicker.itemFocused).baseUrl
+    m.submit.setFocus(true)
     'if the user pressed the down key and we are already at the last child of server picker, then change focus to the url textbox
-  if key = "down" and m.serverPicker.hasFocus() and m.serverPicker.itemFocused = m.serverPicker.content.getChildCount() - 1
+  else if key = "down" and m.serverPicker.hasFocus() and m.serverPicker.itemFocused = m.serverPicker.content.getChildCount() - 1
     m.serverUrlContainer.setFocus(true)
   else if key = "up" and m.serverUrlContainer.hasFocus()
     m.serverPicker.setFocus(true)
@@ -51,15 +52,11 @@ function ScanForServers()
 end function
 
 sub ScanForServersComplete(event)
-  ' m.scanOrManual.visible = false
-
-  ' m.serverPicker.visible = true
-  ' m.serverPicker.SetFocus(true)
   servers = event.getData()
-  servers = [servers[0], servers[0]]
   items = CreateObject("roSGNode", "ContentNode")
   for each server in servers
     server.subtype = "ContentNode"
+    'add new fields for every server property onto the ContentNode (rather than making a dedicated component just to hold data...)
     items.update([server], true)
   end for
   m.serverPicker.content = items
@@ -70,7 +67,7 @@ function ShowKeyboard()
   dialog = createObject("roSGNode", "KeyboardDialog")
   dialog.title = "Enter the server name or ip address"
   dialog.buttons = [tr("OK"), tr("Cancel")]
-  dialog.text = m.serverUrl.text
+  dialog.text = m.serverUrlTextbox.text
 
   m.top.getscene().dialog = dialog
   m.dialog = dialog
@@ -83,7 +80,7 @@ function onDialogButton()
   button_text = d.buttons[d.buttonSelected]
 
   if button_text = tr("OK")
-    m.serverUrl.text = d.text
+    m.serverUrlTextbox.text = d.text
     m.dialog.close = true
     return true
   else if button_text = tr("Cancel")

components/config/SetServerScreen.xml

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <component name="SetServerScreen" extends="JFGroup">
   <interface>
-    <field id="serverUrl" type="string" />
-    <field id="serverWidth" alias="serverUrlOutline.width,serverUrl.width,serverUrlContainer.width" value="1570" />
-    <field id="serverHeight" alias="serverUrlOutline.height,serverUrl.height,serverUrlContainer.height" value="60" />
+    <field id="serverUrl" type="string" alias="serverUrlTextbox.text" />
+    <field id="serverWidth" alias="serverUrlOutline.width,serverUrlTextbox.width,serverUrlContainer.width" value="1570" />
+    <field id="serverHeight" alias="serverUrlOutline.height,serverUrlTextbox.height,serverUrlContainer.height" value="60" />
   </interface>
 
   <children>
@@ -17,23 +17,24 @@
         <MarkupList id="serverPicker" translation="[50, 20]" itemComponentName="JFServer" itemSpacing="[0, 10]" itemSize="[1590, 100]" numRows="3" vertFocusAnimationStyle="fixedFocus" />
       </Rectangle>
 
-      <label text="...or enter server information manually" translation="[0, 670]" />
+      <label text="...or enter server URL manually" translation="[0, 690]" />
 
-      <Rectangle color="0x00000020" width="1690" height="400" translation="[0, 730]">
-
-        <LayoutGroup layoutDirection="horiz" vertAlignment="center" translation="[10, 50]">
+      <Group width="1690" height="140" translation="[0, 730]">
+        <LayoutGroup layoutDirection="horiz" vertAlignment="center" translation="[10, 70]">
           <Label text="URL: " font="font:MediumSystemFont" translation="[0, 25]" />
           <Rectangle id="serverUrlContainer" color="0x00000000">
-            <TextEditBox id="serverUrl" hintText="e.g. 192.168.1.100:8096 or https://example.com/jellyfin"></TextEditBox>
+            <TextEditBox id="serverUrlTextbox" hintText="e.g. 192.168.1.100:8096 or https://example.com/jellyfin"></TextEditBox>
             <Poster id="serverUrlOutline" visible="false" uri="pkg:/images/hd_focus.9.png" />
           </Rectangle>
         </LayoutGroup>
-
-        <Button id="submit" text="Submit" translation="[10, 100]" focusable="true" showFocusFootprint="false" iconUri="" focusedIconUri=""></Button>
-      </Rectangle>
-
+      </Group>
       <label text="" id="alert" font="font:MediumSystemFont" translation="[0, 555]" />
     </Group>
+    <LayoutGroup layoutDirection="vert" horizAlignment="center" vertAlignment="top" translation="[960, 930]">
+      <JFButton id="submit" minChars="30" text="Submit" translation="[120, 930]"></JFButton>
+      <!--add a known width invisibile element to allow the button to be centered-->
+      <Rectangle width="1920" height="12" color="#00000000" />
+    </LayoutGroup>
   </children>
 
   <script type="text/brightscript" uri="SetServerScreen.brs" />

source/Main.brs

@@ -438,7 +438,7 @@ function LoginFlow(startOver = false as boolean)
   end if
   'Collect Jellyfin server and user information
   start_login:
-  if get_setting("server") = invalid or ServerInfo() = invalid or startOver = true then
+  if invalid = invalid or get_setting("server") = invalid or ServerInfo() = invalid or startOver = true then
     print "Get server details"
     SendPerformanceBeacon("AppDialogInitiate")  ' Roku Performance monitoring - Dialog Starting
     serverSelection = CreateServerGroup()

source/ShowScenes.brs

@@ -10,11 +10,11 @@ function CreateServerGroup()
   m.viewModel = {}
   button = screen.findNode("submit")
   button.observeField("buttonSelected", port)
-  server_hostname = screen.serverUrl
   screen.observeField("backPressed", port)
 
   while(true)
     msg = wait(0, port)
+    print type(msg), msg
     if type(msg) = "roSGScreenEvent" and msg.isScreenClosed()
       return "false"
     else if isNodeEvent(msg, "backPressed")
@@ -22,27 +22,13 @@ function CreateServerGroup()
     else if type(msg) = "roSGNodeEvent"
       node = msg.getNode()
       if node = "submit"
-        'Append default ports
-        maxSlashes = 0
-        if left(server_hostname.value, 8) = "https://" or left(server_hostname.value, 7) = "http://" then maxSlashes = 2
-        'Check to make sure entry has no extra slashes before adding default ports.
-        if Instr(0, server_hostname.value, "/") = maxSlashes then
-          if server_hostname.value.len() > 5 and mid(server_hostname.value, server_hostname.value.len() - 4, 1) <> ":" and mid(server_hostname.value, server_hostname.value.len() - 5, 1) <> ":" then
-            if left(server_hostname.value, 5) = "https" then
-              server_hostname.value = server_hostname.value + ":8920"
-            else
-              server_hostname.value = server_hostname.value + ":8096"
-            end if
-          end if
-        end if
-        'Append http:// to server
-        if left(server_hostname.value, 4) <> "http" then server_hostname.value = "http://" + server_hostname.value
+        serverUrl = standardize_jellyfin_url(screen.serverUrl)
         'If this is a different server from what we know, reset username/password setting
-        if get_setting("server") <> server_hostname.value then
+        if get_setting("server") <> serverUrl then
           set_setting("username", "")
           set_setting("password", "")
         end if
-        set_setting("server", server_hostname.value)
+        set_setting("server", serverUrl)
         if ServerInfo() = invalid then
           ' Maybe don't unset setting, but offer as a prompt
           ' Server not found, is it online? New values / Retry

source/utils/misc.brs

@@ -144,3 +144,30 @@ end function
 function option_dialog(options, message = "", defaultSelection = 0) as integer
   return show_dialog(message, options, defaultSelection)
 end function
+
+'
+' Take a jellyfin hostname and ensure it's a full url.
+' prepend http or https and append default ports, and remove excess slashes
+'
+function standardize_jellyfin_url(url as string)
+  'Append default ports
+  maxSlashes = 0
+  if left(url, 8) = "https://" or left(url, 7) = "http://" then
+    maxSlashes = 2
+  end if
+  'Check to make sure entry has no extra slashes before adding default ports.
+  if Instr(0, url, "/") = maxSlashes then
+    if url.len() > 5 and mid(url, url.len() - 4, 1) <> ":" and mid(url, url.len() - 5, 1) <> ":" then
+      if left(url, 5) = "https" then
+        url = url + ":8920"
+      else
+        url = url + ":8096"
+      end if
+    end if
+  end if
+  'Append http:// to server
+  if left(url, 4) <> "http" then
+    url = "http://" + url
+  end if
+  return url
+end function