src/app/components/post/post.component.html


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

<app-loading *ngIf="!loaded"></app-loading>

<div class="post rounded-border" *ngIf="loaded">
	<div class="content">
		<div class="author" (click)="goToAuthorProfile()">
			<img class="round-image" [src]="user.profilePictureURL">
			<div class="author-info">
				<div class="name">
					{{ user.firstName }} {{ user.lastName }}
				</div>
				<div class="handle">
					@{{ user.userName }}
				</div>
			</div>
		</div>
		<div class="message" (click)="goToPostPage()">
			{{ post.message }}
		</div>
		<div class="bottom-post" (click)="goToPostPage()">
			<div class="timestamp">
				{{ timeCreated }}
			</div>
			<div class="separator">
				║
			</div>
			<div class="comment-count">
				{{ post.comments.length }}
				<img src="assets/images/comment.png">
			</div>
		</div>

	</div>
	<div class="rating">
		<button class="vote">
			ᐃ
		</button>
		<div class="score">
			{{ votesNumber }}
		</div>
		<button class="vote">
			ᐁ
		</button>
	</div>
</div>
<div class="attachments">
	<div *ngFor="let fileURL of post.fileURLs">
		<app-post-attachment class="no-events" [paramURL]="fileURL"></app-post-attachment>
	</div>
</div>