X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-watch%2Fshared%2Fcomment%2Fvideo-comment-add.component.ts;h=9f4a68736b768bc1631794ded4c207e777a0d03c;hb=0d6843decdaecb4f726cba27fdb55fc164d00ba7;hp=b2aa4cb7bae23b215274adb1ea446a8037368028;hpb=7c07259ae5c7b636d52b8ec103a19d31c2f5b755;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.ts b/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.ts index b2aa4cb7b..9f4a68736 100644 --- a/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.ts +++ b/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.ts @@ -45,6 +45,8 @@ export class VideoCommentAddComponent extends FormReactive implements OnChanges, addingComment = false addingCommentButtonValue: string + private emojiMarkupList: { emoji: string, name: string }[] + constructor ( protected formValidatorService: FormValidatorService, private notifier: Notifier, @@ -56,21 +58,6 @@ export class VideoCommentAddComponent extends FormReactive implements OnChanges, super() } - get emojiMarkupList () { - const emojiMarkupObjectList = require('markdown-it-emoji/lib/data/light.json') - - // Populate emoji-markup-list from object to array to avoid keys alphabetical order - const emojiMarkupArrayList = [] - for (const emojiMarkupName in emojiMarkupObjectList) { - if (emojiMarkupName) { - const emoji = emojiMarkupObjectList[emojiMarkupName] - emojiMarkupArrayList.push([ emoji, emojiMarkupName ]) - } - } - - return emojiMarkupArrayList - } - ngOnInit () { this.buildForm({ text: VIDEO_COMMENT_TEXT_VALIDATOR @@ -96,6 +83,20 @@ export class VideoCommentAddComponent extends FormReactive implements OnChanges, } } + getEmojiMarkupList () { + if (this.emojiMarkupList) return this.emojiMarkupList + + const emojiMarkupObjectList = require('markdown-it-emoji/lib/data/light.json') + + this.emojiMarkupList = [] + for (const name of Object.keys(emojiMarkupObjectList)) { + const emoji = emojiMarkupObjectList[name] + this.emojiMarkupList.push({ emoji, name }) + } + + return this.emojiMarkupList + } + onValidKey () { this.forceCheck() if (!this.form.valid) return @@ -147,7 +148,7 @@ export class VideoCommentAddComponent extends FormReactive implements OnChanges, error: err => { this.addingComment = false - this.notifier.error(err.text) + this.notifier.error(err.message) } }) } @@ -174,6 +175,12 @@ export class VideoCommentAddComponent extends FormReactive implements OnChanges, return getLocaleDirection(this.localeId) === 'rtl' } + getAvatarActorType () { + if (this.user) return 'account' + + return 'unlogged' + } + private addCommentReply (commentCreate: VideoCommentCreate) { return this.videoCommentService .addCommentReply(this.video.uuid, this.parentComment.id, commentCreate)