Files
familytree/myshare/UI/src/app/login/login.html
T
2025-09-25 17:21:13 +10:00

45 lines
1.9 KiB
HTML

<div class="flex justify-center items-center h-full">
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()" style="max-width: 600px;min-width: 300px;">
<p-card>
<div>
<img class="border-round" style="width:100%;height:100px;" alt="Logo" src="images/application_image_login.png">
</div>
<div class="mt-4">
<div class="flex flex-col">
<label for="email" class="w-full">Email<strong class="validateStar">*</strong></label>
<input type="text" pInputText formControlName="username" name="email"
[ngClass]="{ 'is-invalid': submitted && f.username.errors }" class="p-inputtext-sm inputfield">
</div>
<div class="flex flex-col">
<label for="ppassword" class="w-full">Password <strong class="validateStar">*</strong></label>
<input type="password" formControlName="password" name="ppassword" pInputText
[ngClass]="{ 'is-invalid': submitted && f.password.errors }" class="p-inputtext-sm inputfield">
</div>
</div>
<!--p-footer -->
<div class="btnloginRigh">
<div class="mt-4 pt-2">
<button pButton type="submit" label="Login" class="p-button-sm" [disabled]="isFieldsChange"
[loading]="loading"></button>
</div>
</div>
<!--/p-footer-->
</p-card>
<div class="myerror">{{error}}</div>
<div style="padding-top: 10px;"></div>
<!--div
style="text-align: center;display:inline-block;border-radius: var(--border-radius) !important;background-color:#e1e1e1; color:#222;font-size:13px;width:100%; margin-left:5px;margin-right: 5px;">
<p >
For management access to this application please email
</p>
<a href="mailto:NBMLHD-fleetteamreceipt@health.nsw.gov.au">NBMLHD-fleetteamreceipt@health.nsw.gov.au
</a>
</div-->
<!--pre> {{loginForm.value|json}} </pre-->
</form>
</div>