kateb-panel/src/routes/auth/app/app.component.html

35 lines
1.6 KiB
HTML

<section>
<header>
<app-logo></app-logo>
<h1>کـــــاتـــــبـــــ</h1>
<span>سامانه ثبت نامی کاتب کاری از رایدا</span>
</header>
<mat-card>
<h4>ورود به حساب کاربری</h4>
<p>برای ورود اطلاعات حساب کاربری خود را وارد کنید</p>
<form [formGroup]="form">
<mat-form-field appearance="outline">
<mat-label>نام کاربری</mat-label>
<input formControlName="username" matInput type="text" name="kateb-username" autocomplete="off">
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>کلمه عبور</mat-label>
<input formControlName="password" matInput type="password" name="kateb-username" autocomplete="off">
</mat-form-field>
<br>
<button mat-raised-button color="accent" [disabled]="form.disabled" (click)="submit()">
<mat-spinner *ngIf="form.disabled == true" color="accent" diameter="20"></mat-spinner>
<span *ngIf="form.disabled == false">ورود</span>
</button>
</form>
</mat-card>
<footer>
<div class="logo" style="background-image: url('/assets/aed-logo.png');"></div>
<div class="logo" style="background-image: url('/assets/university-logo.png');"></div>
<div class="copyright">
پنل مدیریت کاتب <br>نسخه 0.0.1 (رستم دستان)
</div>
</footer>
</section>