35 lines
1.8 KiB
HTML
35 lines
1.8 KiB
HTML
<div class="h-full grid place-items-center bg-background">
|
|
<div class="w-[380px] bg-card border border-border rounded-xl p-6 shadow-sm">
|
|
<div class="flex items-center gap-2 mb-4">
|
|
<ng-icon name="lucideUserPlus" class="w-5 h-5 text-primary" />
|
|
<h1 class="text-lg font-semibold text-foreground">Register</h1>
|
|
</div>
|
|
|
|
<div class="space-y-3">
|
|
<div>
|
|
<label class="block text-xs text-muted-foreground mb-1">Username</label>
|
|
<input [(ngModel)]="username" type="text" class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs text-muted-foreground mb-1">Display Name</label>
|
|
<input [(ngModel)]="displayName" type="text" class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs text-muted-foreground mb-1">Password</label>
|
|
<input [(ngModel)]="password" type="password" class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs text-muted-foreground mb-1">Server App</label>
|
|
<select [(ngModel)]="serverId" class="w-full px-3 py-2 rounded border border-border bg-secondary text-foreground">
|
|
<option *ngFor="let s of servers(); trackBy: trackById" [value]="s.id">{{ s.name }}</option>
|
|
</select>
|
|
</div>
|
|
<p *ngIf="error()" class="text-xs text-destructive">{{ error() }}</p>
|
|
<button (click)="submit()" class="w-full px-3 py-2 rounded bg-primary text-primary-foreground hover:bg-primary/90">Create Account</button>
|
|
<div class="text-xs text-muted-foreground text-center mt-2">
|
|
Have an account? <a class="text-primary hover:underline" (click)="goLogin()">Login</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|