167. Refactor and test adding new user (#22)

This commit is contained in:
Art
2021-09-21 14:53:41 +03:00
parent 1e9a90ad40
commit 6573cef24d
2 changed files with 11 additions and 7 deletions

View File

@ -186,7 +186,7 @@
</div>
<div class="modal-body">
<div>
<form>
<form #newUserForm="ngForm" (ngSubmit)="onAddNewUser(newUserForm)" >
<div class="form-group">
<label for="firstName">First Name</label>
<input type="text" name="firstName" required ngModel class="form-control">
@ -222,8 +222,8 @@
(change)="onProfileImageChange($any($event).target.files)"
class="custom-file-input">
<label class="custom-file-label">
<span [hidden]="true"> fileName </span>
<span [hidden]="false">Choose File</span>
<span [hidden]="!profileImageFileName">{{profileImageFileName}}</span>
<span [hidden]="profileImageFileName">Choose File</span>
</label>
</div>
</div>
@ -247,7 +247,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="new-user-close">Close</button>
<button type="button" class="btn btn-primary" (click)="saveNewUser()">Save changes</button>
<button type="button" class="btn btn-primary" (click)="saveNewUser()" [disabled]="newUserForm.invalid">Save changes</button>
</div>
</div>
</div>

View File

@ -64,7 +64,7 @@ export class UserComponent implements OnInit, OnDestroy {
public onSelectUser(selectedUser: User): void {
this.selectedUser = selectedUser;
document.getElementById('openUserInfo')?.click();
this.clickButton('openUserInfo');
}
public onProfileImageChange(fileList: FileList): void {
@ -82,7 +82,7 @@ export class UserComponent implements OnInit, OnDestroy {
let subscription = this.userService.addUser(formData)
.subscribe(
(user: User) => {
document.getElementById('new-user-close')?.click();
this.clickButton('new-user-close');
this.getUsers(false);
this.invalidateVariables();
userForm.reset();
@ -101,6 +101,10 @@ export class UserComponent implements OnInit, OnDestroy {
}
public saveNewUser(): void {
document.getElementById('new-user-save')?.click();
this.clickButton('new-user-save');
}
private clickButton(buttonId: string): void {
document.getElementById(buttonId)?.click();
}
}