Add support for maximizing alternate greeting editor (#4413) * Add support for maximizing alternate greeting editor. * Use a common style class --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

982b254d01a672843042f4c55ee34581a4b6c05b

Rendal <23568313+sakhavhyand@users.noreply.github.com>

Signed

public/index.html+3 -0 Viewed

                 <details open>
                     <summary>
                         <div class="title_restorable">
 +                            <div class="flex-container alignItemsCenter">
                                 <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>
 +                                <i class="editor_maximize fa-solid fa-maximize right_menu_button" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
 +                            </div>
                             <div class="menu_button menu_button_icon delete_alternate_greeting">
                                 <i class="fa-solid fa-trash-alt"></i>
                                 <span data-i18n="Delete">Delete</span>

public/script.js+4 -1 Viewed

  */
 function addAlternateGreeting(template, greeting, index, getArray, popup) {
     const greetingBlock = $('#alternate_greeting_form_template .alternate_greeting').clone();
     greetingBlock.find('.alternate_greeting_text').on('input', async function () {
 +        .attr('id', `alternate_greeting_${index}`)
 +        .on('input', async function () {
             const value = $(this).val();
             const array = getArray();
             array[index] = value;
         }).val(greeting);
 +    greetingBlock.find('.editor_maximize').attr('data-for', `alternate_greeting_${index}`);
     greetingBlock.find('.greeting_index').text(index + 1);
     greetingBlock.find('.delete_alternate_greeting').on('click', async function (event) {
         event.preventDefault();

public/scripts/chats.js+4 -1 Viewed

         embedMessageFile(messageId, messageBlock);
     });
     $(document).on('click', '.editor_maximize', async function (e) {
 +        e.preventDefault();
 +        e.stopPropagation();
++
         const broId = $(this).attr('data-for');
         const bro = $(`#${broId}`);
         const contentEditable = bro.is('[contenteditable]');