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 [readonly]=
"(user === null) ? true : false"
7 (click)=
"openVisitorModal($event)" formControlName=
"text" [ngClass]=
"{ 'input-error': formErrors['text'] }"
8 (keyup.control.enter)=
"onValidKey()" (keyup.meta.enter)=
"onValidKey()" #textarea
>
11 <my-help class=
"markdown-guide" helpType=
"custom" iconName=
"markdown" i18n-title
title=
"Markdown compatible">
12 <ng-template ptTemplate=
"customHtml">
13 <span i18n
>Markdown compatible that supports:
</span>
16 <li><span i18n
>Auto generated links
</span></li>
17 <li><span i18n
>Break lines
</span></li>
18 <li><span i18n
>Lists
</span></li>
20 <span i18n
>Emphasis
</span>
21 <code>**
<strong i18n
>bold
</strong>** _
<i i18n
>italic
</i>_
</code>
24 <span i18n
>Emoji shortcuts
</span>
28 <span i18n
>Emoji markup
</span>
34 <div *
ngIf=
"formErrors.text" class=
"form-error">
40 <div class=
"comment-buttons">
41 <button *
ngIf=
"isAddButtonDisplayed()" class=
"cancel-button" (click)=
"cancelCommentReply()" type=
"button" i18n
>
44 <button *
ngIf=
"isAddButtonDisplayed()" [ngClass]=
"{ disabled: !form.valid || addingComment }">
45 {{ addingCommentButtonValue }}
50 <ng-template #visitorModal let-modal
>
51 <div class=
"modal-header">
52 <h4 class=
"modal-title" id=
"modal-basic-title" i18n
>You are one step away from commenting
</h4>
53 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hideVisitorModal()"></my-global-icon>
55 <div class=
"modal-body">
57 You can comment using an account on any ActivityPub-compatible instance.
58 On most platforms, you can find the video by typing its URL in the search bar and then comment it
59 from within the software's interface.
62 If you have an account on Mastodon or Pleroma, you can open it directly in their interface:
64 <my-remote-subscribe [interact]=
"true" [uri]=
"getUri()"></my-remote-subscribe>
66 <div class=
"modal-footer inputs">
68 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"action-button action-button-cancel"
69 (click)=
"hideVisitorModal()" (key.enter)=
"hideVisitorModal()"
73 type=
"submit" i18n-value
value=
"Login to comment" class=
"action-button-submit"