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" i18n
>
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 an ActivityPub-compatible instance:
39 <my-remote-subscribe [interact]=
"true" account=
"{{ uri }}"></my-remote-subscribe>
41 <div class=
"modal-footer inputs">
42 <span i18n
class=
"action-button action-button-cancel" role=
"button" (click)=
"hideVisitorModal()">