Add simple logic components (back, send, routing)

src/app/create-comment/create-comment.component.html

 <form>
   <mat-form-field class="input-block">
-    <input matInput type="text" maxlength="24" placeholder="Choose a title">
+    <input matInput #subject type="text" maxlength="24" placeholder="Choose a title">
   </mat-form-field>
   <mat-form-field class="input-block">
+    <input matInput #text >
     <textarea matInput placeholder="Add your comment"></textarea>
   </mat-form-field>
 
-  <button mat-raised-button color="primary">Back</button>
-  <button mat-raised-button color="primary">Send</button>
+  <button mat-raised-button color="primary" (click)="goBack()">Back</button>
+  <button mat-raised-button color="primary" (click)="send(subject.value, text.value)">Send</button>
 </form>

src/app/create-comment/create-comment.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Location } from '@angular/common';
+
+import { Room } from '../room';
 
 @Component({
   selector: 'app-create-comment',
@@ -6,10 +10,24 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./create-comment.component.scss']
 })
 export class CreateCommentComponent implements OnInit {
+  @Input() room: Room;
+
+  constructor(
+    private route: ActivatedRoute,
+    private location: Location,
+  ) { }
 
-  constructor() { }
+  ngOnInit(): void {
+    this.getRoom();
+  }
 
-  ngOnInit() {
+  getRoom(): void {
+    const id = +this.route.snapshot.paramMap.get('id');
   }
 
+  send(subject: string, text: string): void {}
+
+  goBack(): void {
+    this.location.back();
+  }
 }