Persist kthid for passkey login in localStorage

handlers/user.go

@@ -65,7 +65,7 @@ func index(s *service.Service, w http.ResponseWriter, r *http.Request) httputil.
 			SameSite: http.SameSiteLaxMode,
 		})
 	}
-	return templates.Index(s.PasskeyLogin(), s.DevLoginForm)
+	return templates.Index(s.DevLoginForm)
 }
 
 func logout(s *service.Service, w http.ResponseWriter, r *http.Request) httputil.ToResponse {

pkg/static/public/style.dist.css

@@ -658,10 +658,6 @@ html {
   width: 100%;
 }
 
-.w-20 {
-  width: 5rem;
-}
-
 .max-w-\[calc\(100vw-2rem\)\] {
   max-width: calc(100vw - 2rem);
 }

service/passkey.go

@@ -4,10 +4,8 @@ import (
 	"context"
 	"encoding/json"
 
-	"github.com/a-h/templ"
 	"github.com/datasektionen/logout/models"
 	"github.com/datasektionen/logout/pkg/config"
-	"github.com/datasektionen/logout/templates"
 	"github.com/go-webauthn/webauthn/webauthn"
 )
 
@@ -38,7 +36,3 @@ func (s *Service) ListPasskeysForUser(ctx context.Context, kthid string) ([]mode
 	}
 	return passkeys, nil
 }
-
-func (s *Service) PasskeyLogin() func() templ.Component {
-	return func() templ.Component { return templates.PasskeyLoginForm("", nil) }
-}

templates/passkey.templ

@@ -9,7 +9,10 @@ templ PasskeyLoginForm(kthid string, credAss *protocol.CredentialAssertion) {
 	<form
 		id="passkey-login-form"
 		hx-post="/login/passkey/begin"
-		hx-on::before-request="this.querySelectorAll('.error').forEach(e => e.remove())"
+		_="
+			on load if localStorage.logout_saved_kthid then set #pk-kthid.value to localStorage.logout_saved_kthid end
+			on submit remove <.error/> then if #pk-kthid.value then set localStorage.logout_saved_kthid to #pk-kthid.value
+		"
 		if credAss != nil {
 			data-cred-ass={ templ.JSONString(credAss) }
 		}

templates/user.templ

@@ -5,7 +5,7 @@ import (
 	"time"
 )
 
-templ Index(passkeyLogin func() templ.Component, devLogin func() templ.Component) {
+templ Index(devLogin func() templ.Component) {
 	@modal() {
 		<div class="p-8 flex flex-col gap-4">
 			<img class="h-40 pb-4 block" src="/public/skold_vit.svg"/>
@@ -18,7 +18,7 @@ templ Index(passkeyLogin func() templ.Component, devLogin func() templ.Component
 					focus:border-cerise-strong hover:border-cerise-light
 				"
 			>Log In with KTH</a>
-			@passkeyLogin()
+			@PasskeyLoginForm("", nil)
 			@devLogin()
 		</div>
 	}