Animate recaption image

4828bd95f31a5d874609bb8f9be24d156331b31d

Cohee <18619528+Cohee1207@users.noreply.github.com>

1 files changed, +5 -0Ignore whitespace
public/scripts/extensions/caption/index.js+5 -0
@@ -515,12 +515,17 @@ jQuery(async function () {
515 eventSource.on(event_types.MESSAGE_FILE_EMBEDDED, onMessageEvent);515 eventSource.on(event_types.MESSAGE_FILE_EMBEDDED, onMessageEvent);
516516
517 $(document).on('click', '.mes_img_caption', async function () {517 $(document).on('click', '.mes_img_caption', async function () {
518 const animationClass = 'fa-fade';
518 const messageBlock = $(this).closest('.mes');519 const messageBlock = $(this).closest('.mes');
520 const messageImg = messageBlock.find('.mes_img');
521 if (messageImg.hasClass(animationClass)) return;
522 messageImg.addClass(animationClass);
519 const index = Number(messageBlock.attr('mesid'));523 const index = Number(messageBlock.attr('mesid'));
520 const data = getContext().chat[index];524 const data = getContext().chat[index];
521 await captionExistingMessage(data);525 await captionExistingMessage(data);
522 appendMediaToMessage(data, messageBlock, false);526 appendMediaToMessage(data, messageBlock, false);
523 await saveChatConditional();527 await saveChatConditional();
528 messageImg.removeClass(animationClass);
524 });529 });
525530
526 SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'caption',531 SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'caption',