1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
import { Component, OnInit } from '@angular/core';
import User from 'src/app/_data/User';
import { UserInfoService } from 'src/app/_services/user-info.service';
import { AuthService } from 'src/app/_services/auth.service';
import { Router } from '@angular/router';
import { PICTURES } from 'src/app/_data/ProfilePictures';
import { Picture } from 'src/app/_data/ProfilePictures';
import shared from '../../Shared';
@Component({
selector: 'app-profile',
templateUrl: './profile.component.html',
styleUrls: ['./profile.component.css']
})
export class ProfileComponent implements OnInit {
user: User = new User();
pictures: Picture[] = PICTURES;
username: string = '';
email: string = '';
firstName : string = '';
lastName : string = '';
oldPass: string = '';
newPass1: string = '';
newPass2: string = '';
photoId: string = '';
photoPath: string = '';
wrongPassBool: boolean = false;
wrongNewPassBool: boolean = false;
wrongFirstNameBool: boolean = false;
wrongLastNameBool: boolean = false;
wrongUsernameBool: boolean = false;
wrongEmailBool: boolean = false;
wrongOldPassBool: boolean = false;
wrongNewPass1Bool: boolean = false;
wrongNewPass2Bool: boolean = false;
pattName: RegExp = /^[a-zA-ZšŠđĐčČćĆžŽ]+([ \-][a-zA-ZšŠđĐčČćĆžŽ]+)*$/;
pattUsername: RegExp = /^[a-zA-Z0-9]{6,18}$/;
pattTwoSpaces: RegExp = / /;
pattEmail: RegExp = /^[a-zA-Z0-9]+([\.\-\+][a-zA-Z0-9]+)*\@([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}$/;
pattPassword: RegExp = /.{6,30}$/;
constructor(private userInfoService: UserInfoService, private authService: AuthService, private router: Router) { }
ngOnInit(): void {
this.userInfoService.getUserInfo().subscribe((response) => {
this.user = response;
shared.photoId = this.user.photoId;
this.username = this.user.username;
this.email = this.user.email;
this.firstName = this.user.firstName;
this.lastName = this.user.lastName;
this.photoId = this.user.photoId;
for (let i = 0; i < this.pictures.length; i++) {
if (this.pictures[i].photoId.toString() === this.photoId) {
this.photoPath = this.pictures[i].path;
break;
}
}
console.log(this.user);
});
}
saveInfoChanges() {
let editedUser: User = {
_id: this.user._id,
username: this.username,
email: this.email,
password: this.user.password,
firstName: this.firstName,
lastName: this.lastName,
photoId: this.photoId
}
this.userInfoService.changeUserInfo(editedUser).subscribe((response: any) =>{
if (this.user.username != editedUser.username) { //promenio username, ide logout
this.user = editedUser;
alert("Nakon promene korisničkog imena, moraćete ponovo da se ulogujete.");
this.authService.logOut();
this.router.navigate(['']);
return;
}
this.user = editedUser;
console.log(this.user);
this.resetInfo();
}, (error: any) =>{
if (error.error == "Username already exists!") {
alert("Ukucano korisničko ime je već zauzeto!\nIzaberite neko drugo.");
(<HTMLSelectElement>document.getElementById("inputUsername")).focus();
//poruka obavestenja ispod inputa
this.resetInfo();
}
});
}
savePasswordChanges() {
if (this.newPass1 == '' && this.newPass2 == '') //ne zeli da promeni lozinku
return;
console.log("zeli da promeni lozinku");
if (this.newPass1 != this.newPass2) { //netacno ponovio novu lozinku
this.wrongNewPassBool = true;
this.resetNewPassInputs();
console.log("Netacno ponovljena lozinka");
return;
}
this.wrongPassBool = false;
this.wrongNewPassBool = false;
let passwordArray: string[] = [this.oldPass, this.newPass1];
this.userInfoService.changeUserPassword(passwordArray).subscribe((response: any) => {
console.log("PROMENIO LOZINKU");
this.resetNewPassInputs();
alert("Nakon promene lozinke, moraćete ponovo da se ulogujete.");
this.authService.logOut();
this.router.navigate(['']);
}, (error: any) => {
console.log("error poruka: ", error.error);
if (error.error == 'Wrong old password!') {
this.wrongPassBool = true;
(<HTMLSelectElement>document.getElementById("inputPassword")).focus();
return;
}
else if (error.error == 'Identical password!') {
alert("Stara i nova lozinka su identične.");
this.resetNewPassInputs();
(<HTMLSelectElement>document.getElementById("inputNewPassword")).focus();
return;
}
});
}
resetNewPassInputs() {
this.newPass1 = '';
this.newPass2 = '';
}
resetInfo() {
this.username = this.user.username;
this.email = this.user.email;
this.firstName = this.user.firstName;
this.lastName = this.user.lastName;
this.photoId = this.user.photoId;
for (let i = 0; i < this.pictures.length; i++) {
if (this.pictures[i].photoId.toString() === this.photoId) {
this.photoPath = this.pictures[i].path;
break;
}
}
shared.photoId = this.photoId;
}
}
|
