]>
Commit | Line | Data |
---|---|---|
4635f59d | 1 | <form novalidate [formGroup]="form" (ngSubmit)="formValidated()"> |
cf117aaa | 2 | <div class="avatar-and-textarea"> |
660d11e9 | 3 | <img [src]="getAvatarUrl()" alt="Avatar" /> |
cf117aaa C |
4 | |
5 | <div class="form-group"> | |
2fbe7f19 | 6 | <textarea i18n-placeholder placeholder="Add comment..." myAutoResize |
660d11e9 RK |
7 | [readonly]="(user === null) ? true : false" |
8 | (click)="openVisitorModal($event)" | |
2d9fea16 | 9 | formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" |
1263fc4e | 10 | (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea> |
d7e70384 | 11 | |
cf117aaa C |
12 | </textarea> |
13 | <div *ngIf="formErrors.text" class="form-error"> | |
14 | {{ formErrors.text }} | |
15 | </div> | |
4635f59d C |
16 | </div> |
17 | </div> | |
18 | ||
88adad2d | 19 | <div class="comment-buttons"> |
79671021 | 20 | <button *ngIf="isAddButtonDisplayed()" class="cancel-button" (click)="cancelCommentReply()" type="button" i18n> |
88adad2d RK |
21 | Cancel |
22 | </button> | |
0d16506c | 23 | <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid || addingComment }" i18n> |
88adad2d | 24 | Reply |
4635f59d C |
25 | </button> |
26 | </div> | |
27 | </form> | |
660d11e9 RK |
28 | |
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> | |
54e78847 | 32 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hideVisitorModal()"></my-global-icon> |
660d11e9 | 33 | </div> |
28da43cf | 34 | <div class="modal-body"> |
660d11e9 | 35 | <span i18n> |
54e78847 | 36 | You can comment using an account on any ActivityPub-compatible instance. |
8be9f43a RK |
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. | |
39 | </span> | |
40 | <span i18n> | |
41 | If you have an account on Mastodon or Pleroma, you can open it directly in their interface: | |
660d11e9 | 42 | </span> |
3ddb1ec5 | 43 | <my-remote-subscribe [interact]="true" [uri]="getUri()"></my-remote-subscribe> |
660d11e9 RK |
44 | </div> |
45 | <div class="modal-footer inputs"> | |
46 | <span i18n class="action-button action-button-cancel" role="button" (click)="hideVisitorModal()"> | |
47 | Cancel | |
48 | </span> | |
54e78847 RK |
49 | |
50 | <input | |
51 | type="submit" i18n-value value="Login to comment" class="action-button-submit" | |
52 | (click)="gotoLogin()" | |
53 | > | |
660d11e9 RK |
54 | </div> |
55 | </ng-template> |