diff --git a/src/app/create-comment/create-comment.component.html b/src/app/create-comment/create-comment.component.html index 109cf9c0c6f22a702819c81b3baf15122d5f787a..74564dd71cf2ba019fdcb3f93bcc43778f0f0e61 100644 --- a/src/app/create-comment/create-comment.component.html +++ b/src/app/create-comment/create-comment.component.html @@ -1,11 +1,12 @@ <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> diff --git a/src/app/create-comment/create-comment.component.ts b/src/app/create-comment/create-comment.component.ts index 1d786050772a3b51b4ae8618b0e4d0348ff2f85e..700643e5eb28db5cbf9a89dc3773c4dab48e14f5 100644 --- a/src/app/create-comment/create-comment.component.ts +++ b/src/app/create-comment/create-comment.component.ts @@ -1,4 +1,8 @@ -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(); + } }