fc-server: update login form to support username/password

Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: I42a7e0674a380896d12cf9ab82417d326a6a6964
This commit is contained in:
raf 2026-02-02 22:39:08 +03:00
commit 7a0645c123
Signed by: NotAShelf
GPG key ID: 29D95B64378DB4BF

View file

@ -4,19 +4,42 @@
<div class="login-container"> <div class="login-container">
<div class="login-card"> <div class="login-card">
<h1>FC CI</h1> <h1>FC CI</h1>
<p class="login-subtitle">Sign in with your API key</p> <p class="login-subtitle">Sign in with your account or API key</p>
{% match error %} {% match error %}
{% when Some with (msg) %} {% when Some with (msg) %}
<div class="flash-message flash-error">{{ msg }}</div> <div class="flash-message flash-error">{{ msg }}</div>
{% when None %} {% when None %}
{% endmatch %} {% endmatch %}
<!-- User Login -->
<div class="form-card login-form"> <div class="form-card login-form">
<h3>Sign in with username</h3>
<form method="POST" action="/login">
<div class="form-group">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="username" autocomplete="username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="password" autocomplete="current-password">
</div>
<button type="submit" class="btn btn-full">Sign in</button>
</form>
</div>
<div class="login-divider">
<span>or</span>
</div>
<!-- API Key Login -->
<div class="form-card login-form">
<h3>Sign in with API key</h3>
<form method="POST" action="/login"> <form method="POST" action="/login">
<div class="form-group"> <div class="form-group">
<label for="api_key">API Key</label> <label for="api_key">API Key</label>
<input type="password" id="api_key" name="api_key" placeholder="fc_..." required autocomplete="current-password"> <input type="password" id="api_key" name="api_key" placeholder="fc_..." autocomplete="current-password">
</div> </div>
<button type="submit" class="btn btn-full">Sign in</button> <button type="submit" class="btn btn-full btn-secondary">Sign in with API key</button>
</form> </form>
</div> </div>
</div> </div>