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+4 -1 Viewed

                 <details open>
                     <summary>
                         <div class="title_restorable">
-                            <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>
+                            <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+8 -5 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 () {
+    greetingBlock.find('.alternate_greeting_text')
-        const value = $(this).val();
+        .attr('id', `alternate_greeting_${index}`)
-        const array = getArray();
+        .on('input', async function () {
-        array[index] = value;
+            const value = $(this).val();
-    }).val(greeting);
+            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 () {
+    $(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]');