77 lines
2.1 KiB
HTML
77 lines
2.1 KiB
HTML
<div class="h-full grid place-items-center bg-background">
|
|
<div class="w-[360px] bg-card border border-border rounded-xl p-6 shadow-sm">
|
|
<div class="flex items-center gap-2 mb-4">
|
|
<ng-icon
|
|
name="lucideLogIn"
|
|
class="w-5 h-5 text-primary"
|
|
/>
|
|
<h1 class="text-lg font-semibold text-foreground">Login</h1>
|
|
</div>
|
|
|
|
<div class="space-y-3">
|
|
<div>
|
|
<label
|
|
for="login-username"
|
|
class="block text-xs text-muted-foreground mb-1"
|
|
>Username</label
|
|
>
|
|
<input
|
|
[(ngModel)]="username"
|
|
type="text"
|
|
id="login-username"
|
|
class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label
|
|
for="login-password"
|
|
class="block text-xs text-muted-foreground mb-1"
|
|
>Password</label
|
|
>
|
|
<input
|
|
[(ngModel)]="password"
|
|
type="password"
|
|
id="login-password"
|
|
class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label
|
|
for="login-server"
|
|
class="block text-xs text-muted-foreground mb-1"
|
|
>Server App</label
|
|
>
|
|
<select
|
|
[(ngModel)]="serverId"
|
|
id="login-server"
|
|
class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground"
|
|
>
|
|
@for (s of servers(); track s.id) {
|
|
<option [value]="s.id">{{ s.name }}</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
@if (error()) {
|
|
<p class="text-xs text-destructive">{{ error() }}</p>
|
|
}
|
|
<button
|
|
(click)="submit()"
|
|
type="button"
|
|
class="w-full px-3 py-2 rounded bg-primary text-primary-foreground hover:bg-primary/90"
|
|
>
|
|
Login
|
|
</button>
|
|
<div class="text-xs text-muted-foreground text-center mt-2">
|
|
No account?
|
|
<button
|
|
type="button"
|
|
(click)="goRegister()"
|
|
class="text-primary hover:underline"
|
|
>
|
|
Register
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|