]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/videos/+video-watch/comment/video-comment-add.component.html
watch view visual tweaks and search/comment placeholder dismiss on focus (#983)
[github/Chocobozzz/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>