diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/comment/video-comment-add.component.html')
-rw-r--r-- | client/src/app/+videos/+video-watch/comment/video-comment-add.component.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html new file mode 100644 index 000000000..9b43d91da --- /dev/null +++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html | |||
@@ -0,0 +1,56 @@ | |||
1 | <form novalidate [formGroup]="form" (ngSubmit)="formValidated()"> | ||
2 | <div class="avatar-and-textarea"> | ||
3 | <img [src]="getAvatarUrl()" alt="Avatar" /> | ||
4 | |||
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> | ||
11 | |||
12 | </textarea> | ||
13 | <div *ngIf="formErrors.text" class="form-error"> | ||
14 | {{ formErrors.text }} | ||
15 | </div> | ||
16 | </div> | ||
17 | </div> | ||
18 | |||
19 | <div class="comment-buttons"> | ||
20 | <button *ngIf="isAddButtonDisplayed()" class="cancel-button" (click)="cancelCommentReply()" type="button" i18n> | ||
21 | Cancel | ||
22 | </button> | ||
23 | <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid || addingComment }" i18n> | ||
24 | Reply | ||
25 | </button> | ||
26 | </div> | ||
27 | </form> | ||
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> | ||
32 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hideVisitorModal()"></my-global-icon> | ||
33 | </div> | ||
34 | <div class="modal-body"> | ||
35 | <span i18n> | ||
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. | ||
39 | </span> | ||
40 | <span i18n> | ||
41 | If you have an account on Mastodon or Pleroma, you can open it directly in their interface: | ||
42 | </span> | ||
43 | <my-remote-subscribe [interact]="true" [uri]="getUri()"></my-remote-subscribe> | ||
44 | </div> | ||
45 | <div class="modal-footer inputs"> | ||
46 | <input | ||
47 | type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" | ||
48 | (click)="hideVisitorModal()" (key.enter)="hideVisitorModal()" | ||
49 | > | ||
50 | |||
51 | <input | ||
52 | type="submit" i18n-value value="Login to comment" class="action-button-submit" | ||
53 | (click)="gotoLogin()" | ||
54 | > | ||
55 | </div> | ||
56 | </ng-template> | ||