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
|
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;
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.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]);
}
upVotePost(): void {
if (!this.loggedIn) {
this._router.navigate(['/login']);
return;
}
this._ratingServe.putRatingWithSessionStorageRequest(Guid.parse(this.paramId), true).subscribe(
() => {
this.votesNumber += 2;
},
() => {
this.crateUpVoteRating();
}
);
}
crateUpVoteRating(): void {
this._ratingServe.createRatingWithSessionStorageRequest(Guid.parse(this.paramId), true).subscribe(
() => {
this.votesNumber++;
}
);
}
downVotePost(): void {
if (!this.loggedIn) {
this._router.navigate(['/login']);
return;
}
this._ratingServe.putRatingWithSessionStorageRequest(Guid.parse(this.paramId), false).subscribe(
() => {
this.votesNumber -= 2;
},
() => {
this.crateDownVoteRating();
}
);
}
crateDownVoteRating(): void {
this._ratingServe.createRatingWithSessionStorageRequest(Guid.parse(this.paramId), false).subscribe(
() => {
this.votesNumber--;
}
);
}
}
|
