watch view visual tweaks and search/comment placeholder dismiss on focus (#983)
[oweals/peertube.git] / client / src / app / videos / +video-watch / comment / video-comment-add.component.html
1 <form novalidate [formGroup]="form" (ngSubmit)="formValidated()">
2   <div class="avatar-and-textarea">
3     <img [src]="user.accountAvatarUrl" alt="Avatar" />
4
5     <div class="form-group">
6       <textarea i18n-placeholder placeholder="Add comment..." autosize
7                 formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }"
8                 (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea>
9
10       </textarea>
11       <div *ngIf="formErrors.text" class="form-error">
12         {{ formErrors.text }}
13       </div>
14     </div>
15   </div>
16
17   <div class="submit-comment">
18     <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid || addingComment }" i18n>
19       Post comment
20     </button>
21   </div>
22 </form>