54 lines
1.1 KiB
HTML
54 lines
1.1 KiB
HTML
<div class="login-container">
|
|
<nz-card class="login-card">
|
|
<div class="login-header">
|
|
<img src="/logo.png" alt="SimpleCloudNotifier" class="login-logo" />
|
|
<h1>SimpleCloudNotifier</h1>
|
|
</div>
|
|
|
|
@if (error()) {
|
|
<nz-alert
|
|
nzType="error"
|
|
[nzMessage]="error()!"
|
|
nzShowIcon
|
|
class="mb-16"
|
|
></nz-alert>
|
|
}
|
|
|
|
<div class="login-form">
|
|
<label for="userId">User ID</label>
|
|
<input
|
|
id="userId"
|
|
type="text"
|
|
nz-input
|
|
placeholder="Enter your User ID"
|
|
[(ngModel)]="userId"
|
|
[disabled]="loading()"
|
|
/>
|
|
|
|
<label for="adminKey">Admin Key</label>
|
|
<input
|
|
id="adminKey"
|
|
type="text"
|
|
nz-input
|
|
placeholder="Enter your Admin Key"
|
|
[(ngModel)]="adminKey"
|
|
[disabled]="loading()"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
nz-button
|
|
nzType="primary"
|
|
nzBlock
|
|
[nzLoading]="loading()"
|
|
(click)="login()"
|
|
>
|
|
Sign In
|
|
</button>
|
|
|
|
<div class="login-footer">
|
|
<p>You need an admin key to access.</p>
|
|
</div>
|
|
</nz-card>
|
|
</div>
|