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..." autosize
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=
"submit-comment">
20 <button *
ngIf=
"isAddButtonDisplayed()" [ngClass]=
"{ disabled: !form.valid || addingComment }" i18n
>
26 <ng-template #visitorModal let-modal
>
27 <div class=
"modal-header">
28 <h4 class=
"modal-title" id=
"modal-basic-title" i18n
>You are one step away from commenting
</h4>
29 <button type=
"button" class=
"close" aria-label=
"Close" (click)=
"hideVisitorModal()"></button>
31 <div class=
"modal-body">
33 If you have an account on this instance, you can login:
35 <span class=
"btn btn-sm mx-3" role=
"button" (click)=
"gotoLogin()" i18n
>login to comment
</span>
37 Otherwise you can comment using an account on any ActivityPub-compatible instance.
38 On most platforms, you can find the video by typing its URL in the search bar and then comment it
39 from within the software's interface.
42 If you have an account on Mastodon or Pleroma, you can open it directly in their interface:
44 <my-remote-subscribe [interact]=
"true" account=
"{{ uri }}"></my-remote-subscribe>
46 <div class=
"modal-footer inputs">
47 <span i18n
class=
"action-button action-button-cancel" role=
"button" (click)=
"hideVisitorModal()">