Reimplemented comment page component

3 files changed, 59 insertions, 0 deletions

diff --git a/src/app/components/comment-page/comment-page.component.css b/src/app/components/comment-page/comment-page.component.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/app/components/comment-page/comment-page.component.css
diff --git a/src/app/components/comment-page/comment-page.component.html b/src/app/components/comment-page/comment-page.component.html
new file mode 100644
index 0000000..8a2ffe1
--- /dev/null
+++ b/src/app/components/comment-page/comment-page.component.html
@@ -0,0 +1,18 @@
+<app-navbar></app-navbar>
+
+<app-loading *ngIf="!dataArrived"></app-loading>
+
+<main class="centered-content scroll-standalone under-navbar flex-col" *ngIf="dataArrived">
+	<app-post [paramId]="postId.toString()"></app-post>
+	<hr class="card-hr">
+	<section class="card flex-col width-full margin-0-top">
+		<button class="fg-focus border-faded-slim padding-dot2 lighter-hover click-effect border-radius-dot3" (click)="goToPostPage()">
+			Show all comments
+		</button>
+	</section>
+	<div class="text-centered">
+		...
+	</div>
+
+	<app-comment [paramId]="commentId.toString()"></app-comment>
+</main>
diff --git a/src/app/components/comment-page/comment-page.component.ts b/src/app/components/comment-page/comment-page.component.ts
new file mode 100644
index 0000000..4281e1c
--- /dev/null
+++ b/src/app/components/comment-page/comment-page.component.ts
@@ -0,0 +1,41 @@
+import { Component, OnInit } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { Router } from '@angular/router';
+import { Guid } from 'guid-typescript';
+import { CommentService } from 'src/app/services/comment.service';
+
+@Component({
+  selector: 'app-comment-page',
+  templateUrl: './comment-page.component.html',
+  styleUrls: ['./comment-page.component.css']
+})
+export class CommentPageComponent implements OnInit {
+  private _title = 'Comment';
+  public dataArrived = false;
+  public postId: Guid;
+  public commentId: Guid;
+
+  constructor(private _titleService: Title, private _router: Router, private _commentService: CommentService) {
+    this._titleService.setTitle(this._title);
+  }
+
+  ngOnInit(): void {
+    this.commentId = Guid.parse(this._router.url.substring(9));
+    this.postId = Guid.createEmpty();
+
+    this._commentService.getCommentRequest(this.commentId).subscribe({
+      next: (result: object) => {
+        this.postId = Object.values(result)[1];
+
+        this.dataArrived = true;
+      },
+      error: () => {
+        this._router.navigate(['/not-found']);
+      }
+    });
+  }
+
+  goToPostPage(): void {
+    this._router.navigate(['/post/' + this.postId]);
+  }
+}