Prettify app/assets/javascripts/pages

11 files changed, 248 insertions, 221 deletions

diff --git a/app/assets/javascripts/pages/admin/abuse_reports/abuse_reports.js b/app/assets/javascripts/pages/admin/abuse_reports/abuse_reports.js
index 15e737fff05..d9cf62db3f7 100644
--- a/app/assets/javascripts/pages/admin/abuse_reports/abuse_reports.js
+++ b/app/assets/javascripts/pages/admin/abuse_reports/abuse_reports.js
@@ -31,7 +31,7 @@ export default class AbuseReports {
       $messageCellElement.text(originalMessage);
     } else {
       $messageCellElement.data('messageTruncated', 'true');
-      $messageCellElement.text(`${originalMessage.substr(0, (MAX_MESSAGE_LENGTH - 3))}...`);
+      $messageCellElement.text(`${originalMessage.substr(0, MAX_MESSAGE_LENGTH - 3)}...`);
     }
   }
 }
diff --git a/app/assets/javascripts/pages/admin/admin.js b/app/assets/javascripts/pages/admin/admin.js
index ff4d6ab15f9..4616a075729 100644
--- a/app/assets/javascripts/pages/admin/admin.js
+++ b/app/assets/javascripts/pages/admin/admin.js
@@ -23,7 +23,7 @@ export default function adminInit() {
     }
   });
 
-  $('body').on('click', '.js-toggle-colors-link', (e) => {
+  $('body').on('click', '.js-toggle-colors-link', e => {
     e.preventDefault();
     $('.js-toggle-colors-container').toggleClass('hide');
   });
@@ -33,12 +33,15 @@ export default function adminInit() {
     $(this).tab('show');
   });
 
-  $('.log-bottom').on('click', (e) => {
+  $('.log-bottom').on('click', e => {
     e.preventDefault();
     const $visibleLog = $('.file-content:visible');
-    $visibleLog.animate({
-      scrollTop: $visibleLog.find('ol').height(),
-    }, 'fast');
+    $visibleLog.animate(
+      {
+        scrollTop: $visibleLog.find('ol').height(),
+      },
+      'fast',
+    );
   });
 
   $('.change-owner-link').on('click', function changeOwnerLinkClick(e) {
@@ -47,7 +50,7 @@ export default function adminInit() {
     modal.show();
   });
 
-  $('.change-owner-cancel-link').on('click', (e) => {
+  $('.change-owner-cancel-link').on('click', e => {
     e.preventDefault();
     modal.hide();
     $('.change-owner-link').show();
diff --git a/app/assets/javascripts/pages/admin/application_settings/account_and_limits.js b/app/assets/javascripts/pages/admin/application_settings/account_and_limits.js
index 7281f907ec7..455c637a6b3 100644
--- a/app/assets/javascripts/pages/admin/application_settings/account_and_limits.js
+++ b/app/assets/javascripts/pages/admin/application_settings/account_and_limits.js
@@ -1,10 +1,14 @@
 import { __ } from '~/locale';
 
 export const PLACEHOLDER_USER_EXTERNAL_DEFAULT_TRUE = __('Regex pattern');
-export const PLACEHOLDER_USER_EXTERNAL_DEFAULT_FALSE = __('To define internal users, first enable new users set to external');
+export const PLACEHOLDER_USER_EXTERNAL_DEFAULT_FALSE = __(
+  'To define internal users, first enable new users set to external',
+);
 
 function setUserInternalRegexPlaceholder(checkbox) {
-  const userInternalRegex = document.getElementById('application_setting_user_default_internal_regex');
+  const userInternalRegex = document.getElementById(
+    'application_setting_user_default_internal_regex',
+  );
   if (checkbox && userInternalRegex) {
     if (checkbox.checked) {
       userInternalRegex.readOnly = false;
diff --git a/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js b/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
index e7ceccb6f47..d5ded3f9a79 100644
--- a/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
+++ b/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
@@ -17,20 +17,24 @@ export default () => {
 
   const previewPath = $('textarea#broadcast_message_message').data('previewPath');
 
-  $('textarea#broadcast_message_message').on('input', _.debounce(function onMessageInput() {
-    const message = $(this).val();
-    if (message === '') {
-      $('.js-broadcast-message-preview').text('Your message here');
-    } else {
-      axios.post(previewPath, {
-        broadcast_message: {
-          message,
-        },
-      })
-      .then(({ data }) => {
-        $('.js-broadcast-message-preview').html(data.message);
-      })
-      .catch(() => flash(__('An error occurred while rendering preview broadcast message')));
-    }
-  }, 250));
+  $('textarea#broadcast_message_message').on(
+    'input',
+    _.debounce(function onMessageInput() {
+      const message = $(this).val();
+      if (message === '') {
+        $('.js-broadcast-message-preview').text('Your message here');
+      } else {
+        axios
+          .post(previewPath, {
+            broadcast_message: {
+              message,
+            },
+          })
+          .then(({ data }) => {
+            $('.js-broadcast-message-preview').html(data.message);
+          })
+          .catch(() => flash(__('An error occurred while rendering preview broadcast message')));
+      }
+    }, 250),
+  );
 };
diff --git a/app/assets/javascripts/pages/admin/jobs/index/components/stop_jobs_modal.vue b/app/assets/javascripts/pages/admin/jobs/index/components/stop_jobs_modal.vue
index bc84666779e..e2fec3c7172 100644
--- a/app/assets/javascripts/pages/admin/jobs/index/components/stop_jobs_modal.vue
+++ b/app/assets/javascripts/pages/admin/jobs/index/components/stop_jobs_modal.vue
@@ -1,39 +1,42 @@
 <script>
-  import axios from '~/lib/utils/axios_utils';
-  import createFlash from '~/flash';
-  import GlModal from '~/vue_shared/components/gl_modal.vue';
-  import { redirectTo } from '~/lib/utils/url_utility';
-  import { s__ } from '~/locale';
+import axios from '~/lib/utils/axios_utils';
+import createFlash from '~/flash';
+import GlModal from '~/vue_shared/components/gl_modal.vue';
+import { redirectTo } from '~/lib/utils/url_utility';
+import { s__ } from '~/locale';
 
-  export default {
-    components: {
-      GlModal,
+export default {
+  components: {
+    GlModal,
+  },
+  props: {
+    url: {
+      type: String,
+      required: true,
     },
-    props: {
-      url: {
-        type: String,
-        required: true,
-      },
+  },
+  computed: {
+    text() {
+      return s__(
+        'AdminArea|You’re about to stop all jobs.This will halt all current jobs that are running.',
+      );
     },
-    computed: {
-      text() {
-        return s__('AdminArea|You’re about to stop all jobs.This will halt all current jobs that are running.');
-      },
+  },
+  methods: {
+    onSubmit() {
+      return axios
+        .post(this.url)
+        .then(response => {
+          // follow the rediect to refresh the page
+          redirectTo(response.request.responseURL);
+        })
+        .catch(error => {
+          createFlash(s__('AdminArea|Stopping jobs failed'));
+          throw error;
+        });
     },
-    methods: {
-      onSubmit() {
-        return axios.post(this.url)
-          .then((response) => {
-            // follow the rediect to refresh the page
-            redirectTo(response.request.responseURL);
-          })
-          .catch((error) => {
-            createFlash(s__('AdminArea|Stopping jobs failed'));
-            throw error;
-          });
-      },
-    },
-  };
+  },
+};
 </script>
 
 <template>
diff --git a/app/assets/javascripts/pages/admin/projects/index.js b/app/assets/javascripts/pages/admin/projects/index.js
index 31c96eb87af..d6b1e747aec 100644
--- a/app/assets/javascripts/pages/admin/projects/index.js
+++ b/app/assets/javascripts/pages/admin/projects/index.js
@@ -4,6 +4,7 @@ import NamespaceSelect from '../../../namespace_select';
 document.addEventListener('DOMContentLoaded', () => {
   new ProjectsList(); // eslint-disable-line no-new
 
-  document.querySelectorAll('.js-namespace-select')
+  document
+    .querySelectorAll('.js-namespace-select')
     .forEach(dropdown => new NamespaceSelect({ dropdown }));
 });
diff --git a/app/assets/javascripts/pages/admin/projects/index/components/delete_project_modal.vue b/app/assets/javascripts/pages/admin/projects/index/components/delete_project_modal.vue
index ff66d3a8ac4..3c383735f4a 100644
--- a/app/assets/javascripts/pages/admin/projects/index/components/delete_project_modal.vue
+++ b/app/assets/javascripts/pages/admin/projects/index/components/delete_project_modal.vue
@@ -1,81 +1,84 @@
 <script>
-  import _ from 'underscore';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { s__, sprintf } from '~/locale';
+import _ from 'underscore';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { s__, sprintf } from '~/locale';
 
-  export default {
-    components: {
-      DeprecatedModal,
+export default {
+  components: {
+    DeprecatedModal,
+  },
+  props: {
+    deleteProjectUrl: {
+      type: String,
+      required: false,
+      default: '',
     },
-    props: {
-      deleteProjectUrl: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      projectName: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      csrfToken: {
-        type: String,
-        required: false,
-        default: '',
-      },
+    projectName: {
+      type: String,
+      required: false,
+      default: '',
     },
-    data() {
-      return {
-        enteredProjectName: '',
-      };
+    csrfToken: {
+      type: String,
+      required: false,
+      default: '',
     },
-    computed: {
-      title() {
-        return sprintf(s__('AdminProjects|Delete Project %{projectName}?'),
-          {
-            projectName: `'${_.escape(this.projectName)}'`,
-          },
-          false,
-        );
-      },
-      text() {
-        return sprintf(s__(`AdminProjects|
+  },
+  data() {
+    return {
+      enteredProjectName: '',
+    };
+  },
+  computed: {
+    title() {
+      return sprintf(
+        s__('AdminProjects|Delete Project %{projectName}?'),
+        {
+          projectName: `'${_.escape(this.projectName)}'`,
+        },
+        false,
+      );
+    },
+    text() {
+      return sprintf(
+        s__(`AdminProjects|
           You’re about to permanently delete the project %{projectName}, its repository,
           and all related resources including issues, merge requests, etc..  Once you confirm and press
           %{strong_start}Delete project%{strong_end}, it cannot be undone or recovered.`),
-          {
-            projectName: `<strong>${_.escape(this.projectName)}</strong>`,
-            strong_start: '<strong>',
-            strong_end: '</strong>',
-          },
-          false,
-        );
-      },
-      confirmationTextLabel() {
-        return sprintf(s__('AdminUsers|To confirm, type %{projectName}'),
-          {
-            projectName: `<code>${_.escape(this.projectName)}</code>`,
-          },
-          false,
-        );
-      },
-      primaryButtonLabel() {
-        return s__('AdminProjects|Delete project');
-      },
-      canSubmit() {
-        return this.enteredProjectName === this.projectName;
-      },
+        {
+          projectName: `<strong>${_.escape(this.projectName)}</strong>`,
+          strong_start: '<strong>',
+          strong_end: '</strong>',
+        },
+        false,
+      );
+    },
+    confirmationTextLabel() {
+      return sprintf(
+        s__('AdminUsers|To confirm, type %{projectName}'),
+        {
+          projectName: `<code>${_.escape(this.projectName)}</code>`,
+        },
+        false,
+      );
+    },
+    primaryButtonLabel() {
+      return s__('AdminProjects|Delete project');
+    },
+    canSubmit() {
+      return this.enteredProjectName === this.projectName;
+    },
+  },
+  methods: {
+    onCancel() {
+      this.enteredProjectName = '';
     },
-    methods: {
-      onCancel() {
-        this.enteredProjectName = '';
-      },
-      onSubmit() {
-        this.$refs.form.submit();
-        this.enteredProjectName = '';
-      },
+    onSubmit() {
+      this.$refs.form.submit();
+      this.enteredProjectName = '';
     },
-  };
+  },
+};
 </script>
 
 <template>
diff --git a/app/assets/javascripts/pages/admin/projects/index/index.js b/app/assets/javascripts/pages/admin/projects/index/index.js
index ddbefec87b6..6fa8760545d 100644
--- a/app/assets/javascripts/pages/admin/projects/index/index.js
+++ b/app/assets/javascripts/pages/admin/projects/index/index.js
@@ -28,7 +28,7 @@ document.addEventListener('DOMContentLoaded', () => {
     },
   });
 
-  $(document).on('shown.bs.modal', (event) => {
+  $(document).on('shown.bs.modal', event => {
     if (event.relatedTarget.classList.contains('delete-project-button')) {
       const buttonProps = event.relatedTarget.dataset;
       deleteModal.deleteProjectUrl = buttonProps.deleteProjectUrl;
diff --git a/app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue b/app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue
index 8d5efcdcd96..4b33fcc759a 100644
--- a/app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue
+++ b/app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue
@@ -1,114 +1,119 @@
 <script>
-  import _ from 'underscore';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { s__, sprintf } from '~/locale';
+import _ from 'underscore';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { s__, sprintf } from '~/locale';
 
-  export default {
-    components: {
-      DeprecatedModal,
+export default {
+  components: {
+    DeprecatedModal,
+  },
+  props: {
+    deleteUserUrl: {
+      type: String,
+      required: false,
+      default: '',
     },
-    props: {
-      deleteUserUrl: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      blockUserUrl: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      deleteContributions: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      username: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      csrfToken: {
-        type: String,
-        required: false,
-        default: '',
-      },
+    blockUserUrl: {
+      type: String,
+      required: false,
+      default: '',
     },
-    data() {
-      return {
-        enteredUsername: '',
-      };
+    deleteContributions: {
+      type: Boolean,
+      required: false,
+      default: false,
     },
-    computed: {
-      title() {
-        const keepContributionsTitle = s__('AdminUsers|Delete User %{username}?');
-        const deleteContributionsTitle = s__('AdminUsers|Delete User %{username} and contributions?');
+    username: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    csrfToken: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      enteredUsername: '',
+    };
+  },
+  computed: {
+    title() {
+      const keepContributionsTitle = s__('AdminUsers|Delete User %{username}?');
+      const deleteContributionsTitle = s__('AdminUsers|Delete User %{username} and contributions?');
 
-        return sprintf(
-          this.deleteContributions ? deleteContributionsTitle : keepContributionsTitle, {
-            username: `'${_.escape(this.username)}'`,
-          }, false);
-      },
-      text() {
-        const keepContributionsText = s__(`AdminArea|
+      return sprintf(
+        this.deleteContributions ? deleteContributionsTitle : keepContributionsTitle,
+        {
+          username: `'${_.escape(this.username)}'`,
+        },
+        false,
+      );
+    },
+    text() {
+      const keepContributionsText = s__(`AdminArea|
           You are about to permanently delete the user %{username}.
           Issues, merge requests, and groups linked to them will be transferred to a system-wide "Ghost-user".
           To avoid data loss, consider using the %{strong_start}block user%{strong_end} feature instead.
           Once you %{strong_start}Delete user%{strong_end}, it cannot be undone or recovered.`);
 
-        const deleteContributionsText = s__(`AdminArea|
+      const deleteContributionsText = s__(`AdminArea|
           You are about to permanently delete the user %{username}.
           This will delete all of the issues, merge requests, and groups linked to them.
           To avoid data loss, consider using the %{strong_start}block user%{strong_end} feature instead.
           Once you %{strong_start}Delete user%{strong_end}, it cannot be undone or recovered.`);
-        return sprintf(this.deleteContributions ? deleteContributionsText : keepContributionsText,
-          {
-            username: `<strong>${_.escape(this.username)}</strong>`,
-            strong_start: '<strong>',
-            strong_end: '</strong>',
-          },
-          false,
-        );
-      },
-      confirmationTextLabel() {
-        return sprintf(s__('AdminUsers|To confirm, type %{username}'),
-          {
-            username: `<code>${_.escape(this.username)}</code>`,
-          },
-          false,
-        );
-      },
-      primaryButtonLabel() {
-        const keepContributionsLabel = s__('AdminUsers|Delete user');
-        const deleteContributionsLabel = s__('AdminUsers|Delete user and contributions');
+      return sprintf(
+        this.deleteContributions ? deleteContributionsText : keepContributionsText,
+        {
+          username: `<strong>${_.escape(this.username)}</strong>`,
+          strong_start: '<strong>',
+          strong_end: '</strong>',
+        },
+        false,
+      );
+    },
+    confirmationTextLabel() {
+      return sprintf(
+        s__('AdminUsers|To confirm, type %{username}'),
+        {
+          username: `<code>${_.escape(this.username)}</code>`,
+        },
+        false,
+      );
+    },
+    primaryButtonLabel() {
+      const keepContributionsLabel = s__('AdminUsers|Delete user');
+      const deleteContributionsLabel = s__('AdminUsers|Delete user and contributions');
 
-        return this.deleteContributions ? deleteContributionsLabel : keepContributionsLabel;
-      },
-      secondaryButtonLabel() {
-        return s__('AdminUsers|Block user');
-      },
-      canSubmit() {
-        return this.enteredUsername === this.username;
-      },
+      return this.deleteContributions ? deleteContributionsLabel : keepContributionsLabel;
     },
-    methods: {
-      onCancel() {
-        this.enteredUsername = '';
-      },
-      onSecondaryAction() {
-        const { form } = this.$refs;
+    secondaryButtonLabel() {
+      return s__('AdminUsers|Block user');
+    },
+    canSubmit() {
+      return this.enteredUsername === this.username;
+    },
+  },
+  methods: {
+    onCancel() {
+      this.enteredUsername = '';
+    },
+    onSecondaryAction() {
+      const { form } = this.$refs;
 
-        form.action = this.blockUserUrl;
-        this.$refs.method.value = 'put';
+      form.action = this.blockUserUrl;
+      this.$refs.method.value = 'put';
 
-        form.submit();
-      },
-      onSubmit() {
-        this.$refs.form.submit();
-        this.enteredUsername = '';
-      },
+      form.submit();
+    },
+    onSubmit() {
+      this.$refs.form.submit();
+      this.enteredUsername = '';
     },
-  };
+  },
+};
 </script>
 
 <template>
diff --git a/app/assets/javascripts/pages/admin/users/index.js b/app/assets/javascripts/pages/admin/users/index.js
index 06599c3fd5f..45046688b57 100644
--- a/app/assets/javascripts/pages/admin/users/index.js
+++ b/app/assets/javascripts/pages/admin/users/index.js
@@ -32,12 +32,14 @@ document.addEventListener('DOMContentLoaded', () => {
     },
   });
 
-  $(document).on('shown.bs.modal', (event) => {
+  $(document).on('shown.bs.modal', event => {
     if (event.relatedTarget.classList.contains('delete-user-button')) {
       const buttonProps = event.relatedTarget.dataset;
       deleteModal.deleteUserUrl = buttonProps.deleteUserUrl;
       deleteModal.blockUserUrl = buttonProps.blockUserUrl;
-      deleteModal.deleteContributions = event.relatedTarget.hasAttribute('data-delete-contributions');
+      deleteModal.deleteContributions = event.relatedTarget.hasAttribute(
+        'data-delete-contributions',
+      );
       deleteModal.username = buttonProps.username;
     }
   });
diff --git a/app/assets/javascripts/pages/admin/users/new/index.js b/app/assets/javascripts/pages/admin/users/new/index.js
index 58bfa8d64e7..3e6a090cb0e 100644
--- a/app/assets/javascripts/pages/admin/users/new/index.js
+++ b/app/assets/javascripts/pages/admin/users/new/index.js
@@ -4,7 +4,9 @@ export default class UserInternalRegexHandler {
   constructor() {
     this.regexPattern = $('[data-user-internal-regex-pattern]').data('user-internal-regex-pattern');
     if (this.regexPattern && this.regexPattern !== '') {
-      this.regexOptions = $('[data-user-internal-regex-options]').data('user-internal-regex-options');
+      this.regexOptions = $('[data-user-internal-regex-options]').data(
+        'user-internal-regex-options',
+      );
       this.external = $('#user_external');
       this.warningMessage = $('#warning_external_automatically_set');
       this.addListenerToEmailField();
@@ -13,7 +15,7 @@ export default class UserInternalRegexHandler {
   }
 
   addListenerToEmailField() {
-    $('#user_email').on('input', (event) => {
+    $('#user_email').on('input', event => {
       this.setExternalCheckbox(event.currentTarget.value);
     });
   }