diff options
author | kimsible <kimsible@users.noreply.github.com> | 2020-08-09 16:20:31 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-08-14 15:03:38 +0200 |
commit | ee3bd9db05faee81c3def742ffd77de02f25342a (patch) | |
tree | b2bf61e27b518c1450e4821c1fa09f2c8fe3015c /client/src/app/+videos/+video-watch/comment/video-comment-add.component.html | |
parent | fd9c3c8d66197c8f6dfc6cc01cad797cda6c4f30 (diff) | |
download | PeerTube-ee3bd9db05faee81c3def742ffd77de02f25342a.tar.gz PeerTube-ee3bd9db05faee81c3def742ffd77de02f25342a.tar.zst PeerTube-ee3bd9db05faee81c3def742ffd77de02f25342a.zip |
Add emoji list to markdown infos
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 | 34 |
1 files changed, 28 insertions, 6 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 index 4af0d277c..6b3d39730 100644 --- 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 | |||
@@ -3,12 +3,14 @@ | |||
3 | <img [src]="getAvatarUrl()" alt="Avatar" /> | 3 | <img [src]="getAvatarUrl()" alt="Avatar" /> |
4 | 4 | ||
5 | <div class="form-group"> | 5 | <div class="form-group"> |
6 | <textarea i18n-placeholder placeholder="Add comment..." myAutoResize [readonly]="(user === null) ? true : false" | 6 | <textarea i18n-placeholder placeholder="Add comment..." myAutoResize |
7 | (click)="openVisitorModal($event)" formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" | 7 | [readonly]="(user === null) ? true : false" |
8 | (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea> | 8 | (click)="openVisitorModal($event)" |
9 | formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" | ||
10 | (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea> | ||
9 | 11 | ||
10 | </textarea> | 12 | </textarea> |
11 | <my-help class="markdown-guide" helpType="custom" iconName="markdown" i18n-title title="Markdown compatible"> | 13 | <my-help class="markdown-guide" helpType="custom" iconName="markdown" tooltipPlacement="left auto" i18n-title title="Markdown compatible"> |
12 | <ng-template ptTemplate="customHtml"> | 14 | <ng-template ptTemplate="customHtml"> |
13 | <span i18n>Markdown compatible that supports:</span> | 15 | <span i18n>Markdown compatible that supports:</span> |
14 | 16 | ||
@@ -27,6 +29,7 @@ | |||
27 | <li> | 29 | <li> |
28 | <span i18n>Emoji markup</span> | 30 | <span i18n>Emoji markup</span> |
29 | <code>:smile:</code> | 31 | <code>:smile:</code> |
32 | <div><a href="" (click)="openEmojiModal($event)" i18n>See complete list</a></div> | ||
30 | </li> | 33 | </li> |
31 | </ul> | 34 | </ul> |
32 | </ng-template> | 35 | </ng-template> |
@@ -50,7 +53,7 @@ | |||
50 | <ng-template #visitorModal let-modal> | 53 | <ng-template #visitorModal let-modal> |
51 | <div class="modal-header"> | 54 | <div class="modal-header"> |
52 | <h4 class="modal-title" id="modal-basic-title" i18n>You are one step away from commenting</h4> | 55 | <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> | 56 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hideModals()"></my-global-icon> |
54 | </div> | 57 | </div> |
55 | <div class="modal-body"> | 58 | <div class="modal-body"> |
56 | <span i18n> | 59 | <span i18n> |
@@ -66,7 +69,7 @@ | |||
66 | <div class="modal-footer inputs"> | 69 | <div class="modal-footer inputs"> |
67 | <input | 70 | <input |
68 | type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" | 71 | type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" |
69 | (click)="hideVisitorModal()" (key.enter)="hideVisitorModal()" | 72 | (click)="hideModals()" (key.enter)="hideModals()" |
70 | > | 73 | > |
71 | 74 | ||
72 | <input | 75 | <input |
@@ -75,3 +78,22 @@ | |||
75 | > | 78 | > |
76 | </div> | 79 | </div> |
77 | </ng-template> | 80 | </ng-template> |
81 | |||
82 | <ng-template #emojiModal> | ||
83 | <div class="modal-header"> | ||
84 | <h4 class="modal-title" id="modal-basic-title" i18n>Markdown Emoji List</h4> | ||
85 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hideModals()"></my-global-icon> | ||
86 | </div> | ||
87 | <div class="modal-body"> | ||
88 | <table class="table-emoji" *ngFor="let emojiMarkup of emojiMarkupList | keyvalue"> | ||
89 | <tr> | ||
90 | <td> | ||
91 | <span>{{ emojiMarkup.value }}</span> | ||
92 | </td> | ||
93 | <td> | ||
94 | <code>:{{ emojiMarkup.key }}:</code> | ||
95 | </td> | ||
96 | </tr> | ||
97 | </table> | ||
98 | </div> | ||
99 | </ng-template> | ||