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
|
import { Component, Input, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { Guid } from 'guid-typescript';
import { PostService } from 'src/app/services/post.service';
import { RatingService } from 'src/app/services/rating.service';
import { UserService } from 'src/app/services/user.service';
import { User } from 'src/models/identity/user';
import { Post } from 'src/models/post';
import { TokenService } from '../../services/token.service';
@Component({
selector: 'app-post',
templateUrl: './post.component.html',
styleUrls: ['./post.component.css'],
})
export class PostComponent implements OnInit {
public loaded = false;
public user: User;
public post: Post;
public votesNumber: number;
public timeCreated: string;
@Input() paramId: string;
public loggedIn = false;
private voteBtns: HTMLCollectionOf<HTMLElement>;
constructor(private _postService: PostService, private _ratingServe: RatingService, private _userService: UserService, private _router: Router, private _tokenService: TokenService) { }
ngOnInit(): void {
this.loggedIn = this._tokenService.getTokenFromSessionStorage() !== '';
this.post = this._postService.getDefaultPost();
this.user = this._userService.getDefaultUser();
this._postService.getPostRequest(Guid.parse(this.paramId)).subscribe(
(result: object) => {
Object.assign(this.post, result);
this.post.fileURLs = Object.values(result)[7];
this.votesNumber = this.post.currentRating;
this.voteBtns = document.getElementsByClassName('vote') as HTMLCollectionOf<HTMLElement>;
this.timeCreated = new Date(this.post.timeCreated).toLocaleString('en-GB');
this.loadUser();
}
);
}
private loadUser(): void {
this._userService.getUserByUsernameRequest(this.post.creatorUsername).subscribe(
(result: object) => {
Object.assign(this.user, result);
this.loaded = true;
}
);
}
goToAuthorProfile(): void {
this._router.navigate(['/profile/' + this.user.userName]);
}
goToPostPage(): void {
this._router.navigate(['/post/' + this.post.postId]);
}
votePost(isLike: boolean): void {
if (!this.loggedIn) {
this._router.navigate(['/login']);
return;
}
this._ratingServe.getRatingByUserAndPostWithSessionStorageRequest(Guid.parse(this.paramId)).subscribe(
(x: object) => {
if (Object.values(x)[3] === isLike) {
this.deleteRating(Object.values(x)[0], isLike);
this.changeColorOfVoteButton(false, false);
}
else {
this.putRating(isLike);
this.changeColorOfVoteButton(isLike, !isLike);
}
},
() => {
this.createRating(isLike);
this.changeColorOfVoteButton(isLike, !isLike);
}
);
}
private createRating(isLike: boolean): void {
this._ratingServe.createRatingWithSessionStorageRequest(Guid.parse(this.paramId), isLike).subscribe(
() => {
this.votesNumber += -1 + Number(isLike) * 2;
}
);
}
private putRating(isLike: boolean): void {
this._ratingServe.putRatingWithSessionStorageRequest(Guid.parse(this.paramId), isLike).subscribe(
() => {
// when false -2 + 0 wjen true -2 + 4
this.votesNumber += -2 + Number(isLike) * 4;
}
);
}
private deleteRating(ratingId: string, isLike: boolean): void {
this._ratingServe.deleteRatingFromSessionStorageRequest(Guid.parse(ratingId)).subscribe(
() => {
this.votesNumber += 1 - Number(isLike) * 2;
}
);
}
private changeColorOfVoteButton(isUpvoted: boolean, isDownvoted: boolean): void {
this.voteBtns.item(0)!.style.backgroundColor = (isUpvoted) ? 'lightblue' : 'white';
this.voteBtns.item(1)!.style.backgroundColor = (isDownvoted) ? 'lightblue' : 'white';
}
}
|
