1 <form novalidate [formGroup]=
"form" (ngSubmit)=
"formValidated()">
2 <div class=
"avatar-and-textarea">
3 <img [src]=
"getAvatarUrl()" alt=
"Avatar" />
5 <div class=
"form-group">
6 <textarea i18n-placeholder
placeholder=
"Add comment..." myAutoResize
7 [readonly]=
"(user === null) ? true : false"
8 (click)=
"openVisitorModal($event)"
9 formControlName=
"text" [ngClass]=
"{ 'input-error': formErrors['text'] }"
10 (keyup.control.enter)=
"onValidKey()" (keyup.meta.enter)=
"onValidKey()" #textarea
>
13 <div *
ngIf=
"formErrors.text" class=
"form-error">
19 <div class=
"comment-buttons">
20 <button *
ngIf=
"isAddButtonDisplayed()" class=
"cancel-button" (click)=
"cancelCommentReply()" type=
"button" i18n
>
23 <button *
ngIf=
"isAddButtonDisplayed()" [ngClass]=
"{ disabled: !form.valid || addingComment }" i18n
>
29 <ng-template #visitorModal let-modal
>
30 <div class=
"modal-header">
31 <h4 class=
"modal-title" id=
"modal-basic-title" i18n
>You are one step away from commenting
</h4>
32 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hideVisitorModal()"></my-global-icon>
34 <div class=
"modal-body">
36 You can comment using an account on any ActivityPub-compatible instance.
37 On most platforms, you can find the video by typing its URL in the search bar and then comment it
38 from within the software's interface.
41 If you have an account on Mastodon or Pleroma, you can open it directly in their interface:
43 <my-remote-subscribe [interact]=
"true" [uri]=
"getUri()"></my-remote-subscribe>
45 <div class=
"modal-footer inputs">
47 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"action-button action-button-cancel"
48 (click)=
"hideVisitorModal()" (key.enter)=
"hideVisitorModal()"
52 type=
"submit" i18n-value
value=
"Login to comment" class=
"action-button-submit"