mirror of
https://github.com/Tzahi12345/YoutubeDL-Material.git
synced 2026-03-07 20:10:03 +03:00
41 lines
2.1 KiB
HTML
41 lines
2.1 KiB
HTML
<mat-card class="login-card">
|
|
<mat-tab-group style="margin-bottom: 20px" [(selectedIndex)]="selectedTabIndex">
|
|
<mat-tab label="Login">
|
|
<div style="margin-top: 10px;">
|
|
<mat-form-field>
|
|
<input [(ngModel)]="loginUsernameInput" matInput placeholder="User name">
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field>
|
|
<input [(ngModel)]="loginPasswordInput" (keyup.enter)="login()" type="password" matInput placeholder="Password">
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-tab>
|
|
<mat-tab *ngIf="registrationEnabled" label="Register">
|
|
<div style="margin-top: 10px;">
|
|
<mat-form-field>
|
|
<input [(ngModel)]="registrationUsernameInput" matInput placeholder="User name">
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field>
|
|
<input [(ngModel)]="registrationPasswordInput" type="password" matInput placeholder="Password">
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field>
|
|
<input [(ngModel)]="registrationPasswordConfirmationInput" type="password" matInput placeholder="Confirm Password">
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
<div *ngIf="selectedTabIndex === 0" class="login-button-div">
|
|
<button [disabled]="loggingIn" color="primary" (click)="login()" mat-raised-button><ng-container i18n="Login">Login</ng-container></button>
|
|
<mat-progress-bar *ngIf="loggingIn" class="login-progress-bar" mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
<div *ngIf="selectedTabIndex === 1" class="login-button-div">
|
|
<button [disabled]="registering" color="primary" (click)="register()" mat-raised-button><ng-container i18n="Register">Register</ng-container></button>
|
|
<mat-progress-bar *ngIf="registering" class="login-progress-bar" mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
</mat-card> |