Basic authentication flow

index.html

@@ -58,7 +58,7 @@
       </div>
       
       <div class="input-container">
-	<input placeholder="" type="password" tabindex="1" />
+	<input id="password-input" placeholder="" type="password" tabindex="1" />
       </div>
     </div>
 
@@ -75,6 +75,7 @@
     <script src="js/session-select.js"></script>
     <script src="js/idle-hide.js"></script>
     <script src="js/hostname.js"></script>
+    <script src="js/authenticate.js"></script>
     <script src="js/index.js"></script>
 </body>
 </html>

js/authenticate.js

@@ -0,0 +1,25 @@
+function authenticate(){
+    const selectedUser = users[currentUser].id;
+
+    lightdm.cancel_authentication();
+    lightdm.authenticate(selectedUser);
+}
+
+async function authenticationComplete() {
+    const selectedSession = sessions[currentSession].id;
+    
+    await lightdm.respond($("#password-input").value);
+    lightdm.start_session(selectedSession);
+}
+
+function bindAuthenticate() {
+    $("#password-input").onkeypress = function(e) {
+	var keycode = e.code || e.key;
+	if(keycode == "Enter"){
+	    authenticate();
+	    return;
+	}
+    }
+
+    window.lightdm.authentication_complete.connect(authenticationComplete);
+}

js/class/util.js

@@ -1 +1,5 @@
 function $(c) { return document.querySelector(c); }
+
+function wait(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}

js/index.js

@@ -7,7 +7,7 @@ async function initGreeter(){
     populateSessions();
     populateUsers();
 
-    console.log(lightdm.default_session);
+    bindAuthenticate();
 }
 
 window.addEventListener("GreeterReady", () => {