<form novalidate [formGroup]="form" (ngSubmit)="formValidated()">
- <div class="form-group">
- <textarea placeholder="Add comment..." formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" #textarea>
- </textarea>
- <div *ngIf="formErrors.text" class="form-error">
- {{ formErrors.text }}
+ <div class="avatar-and-textarea">
+ <img [src]="user.accountAvatarUrl" alt="Avatar" />
+
+ <div class="form-group">
+ <textarea i18n-placeholder placeholder="Add comment..." formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }"
+ (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea>
+
+ </textarea>
+ <div *ngIf="formErrors.text" class="form-error">
+ {{ formErrors.text }}
+ </div>
</div>
</div>
<div class="submit-comment">
- <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid }">
+ <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid }" i18n>
Post comment
</button>
</div>