Merge branch 'jnnkl-remove-eventlistener-profiles-show' into 'master'

Remove obsolete DOMContentLoadedEventListener

See merge request gitlab-org/gitlab!56684

app/assets/javascripts/pages/profiles/show/index.js

@@ -7,46 +7,44 @@ import { __ } from '~/locale';
 import EmojiMenu from './emoji_menu';
 
 const defaultStatusEmoji = 'speech_balloon';
+const toggleEmojiMenuButtonSelector = '.js-toggle-emoji-menu';
+const toggleEmojiMenuButton = document.querySelector(toggleEmojiMenuButtonSelector);
+const statusEmojiField = document.getElementById('js-status-emoji-field');
+const statusMessageField = document.getElementById('js-status-message-field');
 
-document.addEventListener('DOMContentLoaded', () => {
-  const toggleEmojiMenuButtonSelector = '.js-toggle-emoji-menu';
-  const toggleEmojiMenuButton = document.querySelector(toggleEmojiMenuButtonSelector);
-  const statusEmojiField = document.getElementById('js-status-emoji-field');
-  const statusMessageField = document.getElementById('js-status-message-field');
-
-  const toggleNoEmojiPlaceholder = (isVisible) => {
+const toggleNoEmojiPlaceholder = (isVisible) => {
   const placeholderElement = document.getElementById('js-no-emoji-placeholder');
   placeholderElement.classList.toggle('hidden', !isVisible);
-  };
+};
 
-  const findStatusEmoji = () => toggleEmojiMenuButton.querySelector('gl-emoji');
-  const removeStatusEmoji = () => {
+const findStatusEmoji = () => toggleEmojiMenuButton.querySelector('gl-emoji');
+const removeStatusEmoji = () => {
   const statusEmoji = findStatusEmoji();
   if (statusEmoji) {
     statusEmoji.remove();
   }
-  };
+};
 
-  const selectEmojiCallback = (emoji, emojiTag) => {
+const selectEmojiCallback = (emoji, emojiTag) => {
   statusEmojiField.value = emoji;
   toggleNoEmojiPlaceholder(false);
   removeStatusEmoji();
   toggleEmojiMenuButton.innerHTML += emojiTag;
-  };
+};
 
-  const clearEmojiButton = document.getElementById('js-clear-user-status-button');
-  clearEmojiButton.addEventListener('click', () => {
+const clearEmojiButton = document.getElementById('js-clear-user-status-button');
+clearEmojiButton.addEventListener('click', () => {
   statusEmojiField.value = '';
   statusMessageField.value = '';
   removeStatusEmoji();
   toggleNoEmojiPlaceholder(true);
-  });
+});
 
-  const emojiAutocomplete = new GfmAutoComplete();
-  emojiAutocomplete.setup($(statusMessageField), { emojis: true });
+const emojiAutocomplete = new GfmAutoComplete();
+emojiAutocomplete.setup($(statusMessageField), { emojis: true });
 
-  const userNameInput = document.getElementById('user_name');
-  userNameInput.addEventListener('input', () => {
+const userNameInput = document.getElementById('user_name');
+userNameInput.addEventListener('input', () => {
   const EMOJI_REGEX = emojiRegex();
   if (EMOJI_REGEX.test(userNameInput.value)) {
     // set field to invalid so it gets detected by GlFieldErrors
@@ -54,9 +52,9 @@ document.addEventListener('DOMContentLoaded', () => {
   } else {
     userNameInput.setCustomValidity('');
   }
-  });
+});
 
-  Emoji.initEmojiMap()
+Emoji.initEmojiMap()
   .then(() => {
     const emojiMenu = new EmojiMenu(
       Emoji,
@@ -84,4 +82,3 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   })
   .catch(() => createFlash(__('Failed to load emoji list.')));
-});