From 9abecac88bab6f0e3ca11027aa09a2231ae37aa2 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 28 May 2016 15:47:56 -0400
Subject: [PATCH] update login

---
 dashboard-ui/connectlogin.html    | 38 +++++++++++++++----------------
 dashboard-ui/login.html           | 12 ++++++----
 dashboard-ui/scripts/loginpage.js |  4 ++--
 dashboard-ui/scripts/site.js      |  2 +-
 4 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/dashboard-ui/connectlogin.html b/dashboard-ui/connectlogin.html
index 92d01730fa..7ab312c1d9 100644
--- a/dashboard-ui/connectlogin.html
+++ b/dashboard-ui/connectlogin.html
@@ -1,20 +1,18 @@
-<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,paper-input,paper-button">
+<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,emby-input,paper-button">
 
     <div data-role="content">
 
         <form class="connectLoginForm" style="margin: 0 auto;display:none;">
 
-            <div style="display: none;">
-                <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
-            </div>
+            <div style="height:0; overflow: hidden;"><input type="text" name="fakeusernameremembered" tabindex="-1" /><input type="password" name="fakepasswordremembered" tabindex="-1" /></div>
 
             <h1 style="text-align: left;">${HeaderSignInWithConnect}</h1>
-            <div>
-                <paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"/>
                 <div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div>
             </div>
-            <div>
-                <paper-input type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"/>
             </div>
             <br />
             <button type="submit" data-role="none" class="clearButton">
@@ -47,13 +45,13 @@
             </div>
 
             <h1 style="text-align: left;">${HeaderConnectToServer}</h1>
-            <div>
-                <paper-input type="text" id="txtServerHost" required="required" label="${LabelServerHost}"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}"/>
                 <div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div>
             </div>
             <br />
-            <div>
-                <paper-input type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"/>
             </div>
             <br />
 
@@ -71,17 +69,17 @@
 
             <h1 style="text-align: left;">${HeaderSignUp}</h1>
             <br />
-            <div>
-                <paper-input type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"/>
             </div>
-            <div>
-                <paper-input type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"/>
             </div>
-            <div>
-                <paper-input type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"/>
             </div>
-            <div>
-                <paper-input type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"/>
             </div>
 
             <div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div>
diff --git a/dashboard-ui/login.html b/dashboard-ui/login.html
index 48e55c7134..e18d09f55e 100644
--- a/dashboard-ui/login.html
+++ b/dashboard-ui/login.html
@@ -6,13 +6,15 @@
 
             <h1 style="text-align: left;">${HeaderPleaseSignIn}</h1>
 
-            <div style="display: none;">
-                <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
+            <div style="height:0; overflow: hidden;"><input type="text" name="fakeusernameremembered" tabindex="-1" /><input type="password" name="fakepasswordremembered" tabindex="-1" /></div>
+
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"/>
             </div>
 
-            <paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input>
-
-            <paper-input id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off"></paper-input>
+            <div class="inputContainer">
+                <input is="emby-input" id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off"/>
+            </div>
 
             <br />
             <button type="submit" data-role="none" class="clearButton">
diff --git a/dashboard-ui/scripts/loginpage.js b/dashboard-ui/scripts/loginpage.js
index 34cffacb28..883f895867 100644
--- a/dashboard-ui/scripts/loginpage.js
+++ b/dashboard-ui/scripts/loginpage.js
@@ -86,9 +86,9 @@
         $('.manualLoginForm', context).show();
 
         if (focusPassword) {
-            $('#txtManualPassword input', context).focus();
+            $('#txtManualPassword', context).focus();
         } else {
-            $('#txtManualName input', context).focus();
+            $('#txtManualName', context).focus();
         }
 
         if (showCancel) {
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 6be9b8a5d5..d54cf5e123 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -2667,7 +2667,7 @@ var AppInfo = {};
 
         defineRoute({
             path: '/login.html',
-            dependencies: ['paper-button', 'humanedate', 'paper-input'],
+            dependencies: ['paper-button', 'humanedate', 'emby-input'],
             autoFocus: false,
             anonymous: true,
             controller: 'scripts/loginpage'