4 changed files with 0 additions and 115 deletions
@ -1,18 +0,0 @@ |
|||
<div class="signInForm"> |
|||
<h1 mat-dialog-title>Login</h1> |
|||
<div mat-dialog-content> |
|||
<mat-form-field class="full-width"> |
|||
<mat-label>Username</mat-label> |
|||
<input matInput type="text" id="username" [formControl]="username" name="username" required> |
|||
</mat-form-field> |
|||
<br/> |
|||
<mat-form-field class="full-width"> |
|||
<mat-label>Password</mat-label> |
|||
<input matInput type="password" id="password" [formControl]="password" name="password" required> |
|||
</mat-form-field> |
|||
</div> |
|||
<mat-dialog-actions align="end"> |
|||
<button mat-button mat-dialog-close>Cancel</button> |
|||
<button mat-button mat-dialog-close (click)="login()">Login</button> |
|||
</mat-dialog-actions> |
|||
</div> |
|||
@ -1,12 +0,0 @@ |
|||
.signInForm { |
|||
width: 400px; |
|||
padding: 12px 24px 24px; |
|||
|
|||
igx-input-group + igx-input-group { |
|||
margin-top: 24px; |
|||
} |
|||
} |
|||
|
|||
.full-width { |
|||
width: 100%; |
|||
} |
|||
@ -1,23 +0,0 @@ |
|||
import { ComponentFixture, TestBed } from '@angular/core/testing'; |
|||
|
|||
import { LoginDialogComponent } from './login-dialog.component'; |
|||
|
|||
describe('LoginDialogComponent', () => { |
|||
let component: LoginDialogComponent; |
|||
let fixture: ComponentFixture<LoginDialogComponent>; |
|||
|
|||
beforeEach(async () => { |
|||
await TestBed.configureTestingModule({ |
|||
imports: [LoginDialogComponent] |
|||
}) |
|||
.compileComponents(); |
|||
|
|||
fixture = TestBed.createComponent(LoginDialogComponent); |
|||
component = fixture.componentInstance; |
|||
fixture.detectChanges(); |
|||
}); |
|||
|
|||
it('should create', () => { |
|||
expect(component).toBeTruthy(); |
|||
}); |
|||
}); |
|||
@ -1,62 +0,0 @@ |
|||
import { Component } from '@angular/core'; |
|||
import { CommonModule } from '@angular/common'; |
|||
import { ReactiveFormsModule, FormControl } from '@angular/forms'; |
|||
import { FormsModule } from '@angular/forms'; |
|||
|
|||
import { MatButtonModule } from '@angular/material/button'; |
|||
import { MatDialogModule } from '@angular/material/dialog'; |
|||
import { MatInputModule } from '@angular/material/input'; |
|||
import { MatFormFieldModule } from '@angular/material/form-field'; |
|||
|
|||
import { |
|||
MatDialog, |
|||
MAT_DIALOG_DATA, |
|||
MatDialogRef, |
|||
MatDialogTitle, |
|||
MatDialogContent, |
|||
MatDialogActions, |
|||
MatDialogClose, |
|||
} from '@angular/material/dialog'; |
|||
|
|||
import { AuthService } from '../../services/auth.service'; |
|||
|
|||
@Component({ |
|||
selector: 'app-login-dialog', |
|||
standalone: true, |
|||
imports: [ |
|||
CommonModule, |
|||
ReactiveFormsModule, |
|||
MatButtonModule, |
|||
MatDialogModule, |
|||
MatInputModule, |
|||
MatFormFieldModule, |
|||
FormsModule, |
|||
MatDialogTitle, |
|||
MatDialogContent, |
|||
MatDialogActions, |
|||
MatDialogClose, |
|||
], |
|||
templateUrl: './login-dialog.component.html', |
|||
styleUrl: './login-dialog.component.scss' |
|||
}) |
|||
export class LoginDialogComponent { |
|||
username = new FormControl(''); |
|||
password = new FormControl(''); |
|||
|
|||
constructor(private authService: AuthService) {} |
|||
|
|||
login(): void { |
|||
let username = this.username.value != undefined ? this.username.value : ""; |
|||
let password = this.password.value != undefined ? this.password.value : ""; |
|||
|
|||
/* |
|||
this.authService.login(username, password).subscribe(data => { |
|||
console.log(data) |
|||
if (data.access_token) { |
|||
localStorage.setItem('token', data.access_token); |
|||
window.location.reload(); |
|||
} |
|||
}) |
|||
*/ |
|||
} |
|||
} |
|||
Loading…
Reference in new issue