adjust tab size, auto detect quick connect and show tab if enabled on server

Author: harleykradovill

components/config/SigninScene.bs

@@ -1,6 +1,7 @@
 import "pkg:/source/enums/KeyCode.bs"
 import "pkg:/source/enums/String.bs"
 import "pkg:/source/utils/misc.bs"
+import "pkg:/source/api/userauth.bs"
 
 sub init()
     m.top.setFocus(true)
@@ -66,6 +67,7 @@ sub init()
     m.quickConnectBack.observeField("buttonSelected", "onBackPressed")
 
     initServerName()
+    checkQuickConnectEnabled()
 end sub
 
 sub initServerName()
@@ -89,6 +91,18 @@ sub initServerName()
     m.connectingTo.text = tr("Connecting to ") + serverName
 end sub
 
+sub checkQuickConnectEnabled()
+    resp = APIRequest("QuickConnect/Enabled")
+    result = getString(resp)
+    if isValidAndNotEmpty(result) and result = "true"
+        json = initQuickConnect()
+        if isValid(json)
+            m.top.quickConnectJson = json
+            showQuickConnect()
+        end if
+    end if
+end sub
+
 sub onAlertChange()
     m.errorContainer.visible = isValidAndNotEmpty(m.top.alert)
 
@@ -114,7 +128,9 @@ end sub
 sub showQuickConnect()
     m.top.findNode("signInFormContainer").visible = false
     m.quickConnectGroup.visible = true
-    m.quickConnectBack.setFocus(true)
+
+    m.config.setFocus(false)
+    m.config.jumpToItem = -1
 
     m.quickConnect.background = "0x00A4DCFF"
     m.passwordTab.background = "0x2a2e40FF"
@@ -129,6 +145,8 @@ sub showQuickConnect()
     m.quickConnectCode.text = json.Code
 
     m.quickConnectTimer.control = "start"
+
+    m.top.lastFocus = m.quickConnectBack
 end sub
 
 sub hideQuickConnect()

components/config/SigninScene.xml

@@ -24,8 +24,8 @@
       height="600"
       uri="pkg:/images/surface.9.png">
 
-      <Rectangle id="errorContainer" visible="false" width="600" height="60" translation="[305, 135]">
-        <Text id="errorMessage" text="" wrap="true" width="600" font="font:MediumSystemFont" horizAlign="center" color="0xFF6B6BFF" translation="[10, 15]" />
+      <Rectangle id="errorContainer" visible="false" width="600" height="60" translation="[305, 625]">
+        <Text id="errorMessage" text="" wrap="true" width="600" font="font:SmallSystemFont" horizAlign="center" color="0xffe0e0" translation="[10, 13]" />
       </Rectangle>
 
       <Label
@@ -35,7 +35,7 @@
         height="35"
         font="font:MediumBoldSystemFont"
         color="0xFFFFFFFF"
-        translation="[0, 60]" />
+        translation="[0, 45]" />
 
       <Label id="connectingTo"
         text="Connecting to -----"
@@ -44,14 +44,14 @@
         height="35"
         font="font:TinySystemFont"
         color="0x9CA3AFFF"
-        translation="[0, 100]" />
+        translation="[0, 90]" />
 
       <StandardButton
         id="quickConnect"
         text="Quick Connect"
         height="50"
-        width="545"
-        translation="[40, 140]"
+        width="250"
+        translation="[340, 150]"
         background="0x2a2e40FF"
         color="0xFFFFFFFF"
         focusBackground="0x00A4DCFF"
@@ -62,19 +62,19 @@
         id="passwordTab"
         text="Password"
         height="50"
-        width="545"
-        translation="[610, 140]"
+        width="250"
+        translation="[610, 150]"
         background="0x2a2e40FF"
         color="0xFFFFFFFF"
         focusBackground="0x00A4DCFF"
         focusColor="0xFFFFFFFF"
         fontSize="24" />
 
       <Rectangle id="signInFormContainer" color="#ffffff00" width="1120" height="280" translation="[40, 170]">
-        <Rectangle color="0x2a2e40FF" width="1110" height="75" translation="[5, 40]" />
+        <Rectangle color="0x2a2e40FF" width="1110" height="75" translation="[5, 65]" />
         <Rectangle color="0x2a2e40FF" width="1110" height="75" translation="[5, 165]" />
 
-        <FormList id="configOptions" translation="[36, 40]" itemSpacing="[0, 50]" />
+        <FormList id="configOptions" translation="[36, 65]" itemSpacing="[0, 20]" />
 
         <CheckList
           id="saveCredentials"

source/ShowScenes.bs

@@ -588,7 +588,7 @@ function CreateSigninGroup(user = "")
             else if isStringEqual(node, "quickConnect")
                 json = initQuickConnect()
                 if json = invalid
-                    m.global.sceneManager.callFunc("standardDialog", "Quick Connect Error", { data: ["<p>" + tr("There was an error detecting Quick Connect on your server.") + "</p>"] })
+                    m.global.sceneManager.callFunc("standardDialog", "Quick Connect Error", { data: ["<p>" + tr("There was an error detecting Quick Connect. Quick Connect is disabled on your server.") + "</p>"] })
                 else
                     group.quickConnectJson = json
                     group.showQuickConnect = true