Alessio 8255c4f65e Improve login flow
- on successful login, kick off scraping of logged-in user, their followees, and only-followed home timeline
- `--auto-open` flag now opens `/login` instead of home page
- add HTMX spinner for login page
- provide toast error notification if login is challenged (e.g., 2FA)
2024-03-03 15:04:19 -08:00

46 lines
1.3 KiB
Smarty

{{define "title"}}Login{{end}}
{{define "main"}}
<div class="login">
<form hx-post="/change-session" hx-target=".nav-sidebar" hx-swap="outerHTML">
<label for="select-account">Choose account:</label>
<select name="account" id="select-account">
{{range .ExistingSessions}}
<option value="{{.}}">@{{.}}</option>
{{end}}
<option value="no account">[no account (don't log in)]</option>
</select>
<div class="field-container submit-container">
<input type='submit' value='Use account'>
</div>
</form>
<p>Or log in</p>
<form class="login-form" hx-post="/login" hx-target="body">
<div class="field-container">
<label>Username</label>
{{with .FormErrors.username}}
<label class='error'>({{.}})</label>
{{end}}
<input name='username' value='{{.Username}}'>
</div>
<div class="field-container">
<label>Password:</label>
{{with .FormErrors.password}}
<label class='error'>({{.}})</label>
{{end}}
<input type='password' name='password'>
</div>
<div class="field-container submit-container">
<input type='submit' value='Login'>
</div>
<div class="htmx-spinner-container">
<div class="htmx-spinner-background"></div>
<img class="svg-icon htmx-spinner" src="/static/icons/spinner.svg" />
</div>
</form>
</div>
{{end}}