Prettify app/assets/javascripts/pages

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)}...`);
     }
   }
 }

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();

app/assets/javascripts/pages/admin/application_settings/account_and_limits.js

 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;

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),
+  );
 };

app/assets/javascripts/pages/admin/jobs/index/components/stop_jobs_modal.vue

 <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';
-  export default {
-    components: {
-      GlModal,
+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,
+  },
+  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>

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 }));
 });

app/assets/javascripts/pages/admin/projects/index/components/delete_project_modal.vue

 <script>
-  import _ from 'underscore';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { s__, sprintf } from '~/locale';
-  export default {
-    components: {
-      DeprecatedModal,
+import _ from 'underscore';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { s__, sprintf } from '~/locale';
+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>

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;

app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue

 <script>
-  import _ from 'underscore';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { s__, sprintf } from '~/locale';
-  export default {
-    components: {
-      DeprecatedModal,
+import _ from 'underscore';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { s__, sprintf } from '~/locale';
+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?');
-        return sprintf(
-          this.deleteContributions ? deleteContributionsTitle : keepContributionsTitle, {
-            username: `'${_.escape(this.username)}'`,
-          }, false);
-      },
-      text() {
-        const keepContributionsText = s__(`AdminArea|
+    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|
           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 this.deleteContributions ? deleteContributionsLabel : keepContributionsLabel;
-      },
-      secondaryButtonLabel() {
-        return s__('AdminUsers|Block user');
-      },
-      canSubmit() {
-        return this.enteredUsername === this.username;
-      },
+      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;
     },
-    methods: {
-      onCancel() {
-        this.enteredUsername = '';
-      },
-      onSecondaryAction() {
-        const { form } = this.$refs;
-        form.action = this.blockUserUrl;
-        this.$refs.method.value = 'put';
-        form.submit();
-      },
-      onSubmit() {
-        this.$refs.form.submit();
-        this.enteredUsername = '';
-      },
+    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.submit();
+    },
+    onSubmit() {
+      this.$refs.form.submit();
+      this.enteredUsername = '';
     },
-  };
+  },
+};
 </script>
 <template>

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;
     }
   });

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);
     });
   }

app/assets/javascripts/pages/dashboard/todos/index/todos.js

@@ -79,7 +79,8 @@ export default class Todos {
       .then(({ data }) => {
         this.updateRowState(target);
         this.updateBadges(data);
-      }).catch(() => {
+      })
+      .catch(() => {
         this.updateRowState(target, true);
         return flash(__('Error updating todo status.'));
       });
@@ -118,10 +119,12 @@ export default class Todos {
     axios[target.dataset.method](target.dataset.href, {
       ids: this.todo_ids,
-    }).then(({ data }) => {
-      this.updateAllState(target, data);
-      this.updateBadges(data);
-    }).catch(() => flash(__('Error updating status for all todos.')));
+    })
+      .then(({ data }) => {
+        this.updateAllState(target, data);
+        this.updateBadges(data);
+      })
+      .catch(() => flash(__('Error updating status for all todos.')));
   }
   updateAllState(target, data) {
@@ -133,7 +136,7 @@ export default class Todos {
     target.removeAttribute('disabled');
     target.classList.remove('disabled');
-    this.todo_ids = (target === markAllDoneBtn) ? data.updated_ids : [];
+    this.todo_ids = target === markAllDoneBtn ? data.updated_ids : [];
     undoAllBtn.classList.toggle('hidden');
     markAllDoneBtn.classList.toggle('hidden');
     todoListContainer.classList.toggle('hidden');

app/assets/javascripts/pages/milestones/shared/components/delete_milestone_modal.vue

 <script>
-  import axios from '~/lib/utils/axios_utils';
-  import Flash from '~/flash';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { n__, s__, sprintf } from '~/locale';
-  import { redirectTo } from '~/lib/utils/url_utility';
-  import eventHub from '../event_hub';
-  export default {
-    components: {
-      DeprecatedModal,
+import axios from '~/lib/utils/axios_utils';
+import Flash from '~/flash';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { n__, s__, sprintf } from '~/locale';
+import { redirectTo } from '~/lib/utils/url_utility';
+import eventHub from '../event_hub';
+export default {
+  components: {
+    DeprecatedModal,
+  },
+  props: {
+    issueCount: {
+      type: Number,
+      required: true,
     },
-    props: {
-      issueCount: {
-        type: Number,
-        required: true,
-      },
-      mergeRequestCount: {
-        type: Number,
-        required: true,
-      },
-      milestoneId: {
-        type: Number,
-        required: true,
-      },
-      milestoneTitle: {
-        type: String,
-        required: true,
-      },
-      milestoneUrl: {
-        type: String,
-        required: true,
-      },
+    mergeRequestCount: {
+      type: Number,
+      required: true,
     },
-    computed: {
-      text() {
-        const milestoneTitle = sprintf('<strong>%{milestoneTitle}</strong>', { milestoneTitle: this.milestoneTitle });
-
-        if (this.issueCount === 0 && this.mergeRequestCount === 0) {
-          return sprintf(
-            s__(`Milestones|
-You’re about to permanently delete the milestone %{milestoneTitle}.
-This milestone is not currently used in any issues or merge requests.`),
-            {
-              milestoneTitle,
-            },
-            false,
-          );
-        }
+    milestoneId: {
+      type: Number,
+      required: true,
+    },
+    milestoneTitle: {
+      type: String,
+      required: true,
+    },
+    milestoneUrl: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    text() {
+      const milestoneTitle = sprintf('<strong>%{milestoneTitle}</strong>', {
+        milestoneTitle: this.milestoneTitle,
+      });
+      if (this.issueCount === 0 && this.mergeRequestCount === 0) {
         return sprintf(
           s__(`Milestones|
-You’re about to permanently delete the milestone %{milestoneTitle} and remove it from %{issuesWithCount} and %{mergeRequestsWithCount}.
-Once deleted, it cannot be undone or recovered.`),
+You’re about to permanently delete the milestone %{milestoneTitle}.
+This milestone is not currently used in any issues or merge requests.`),
           {
             milestoneTitle,
-            issuesWithCount: n__('%d issue', '%d issues', this.issueCount),
-            mergeRequestsWithCount: n__('%d merge request', '%d merge requests', this.mergeRequestCount),
           },
           false,
         );
-      },
-      title() {
-        return sprintf(s__('Milestones|Delete milestone %{milestoneTitle}?'), { milestoneTitle: this.milestoneTitle });
-      },
-    },
-    methods: {
-      onSubmit() {
-        eventHub.$emit('deleteMilestoneModal.requestStarted', this.milestoneUrl);
-        return axios.delete(this.milestoneUrl)
-          .then((response) => {
-            eventHub.$emit('deleteMilestoneModal.requestFinished', { milestoneUrl: this.milestoneUrl, successful: true });
-            // follow the rediect to milestones overview page
-            redirectTo(response.request.responseURL);
-          })
-          .catch((error) => {
-            eventHub.$emit('deleteMilestoneModal.requestFinished', { milestoneUrl: this.milestoneUrl, successful: false });
-            if (error.response && error.response.status === 404) {
-              Flash(sprintf(s__('Milestones|Milestone %{milestoneTitle} was not found'), { milestoneTitle: this.milestoneTitle }));
-            } else {
-              Flash(sprintf(s__('Milestones|Failed to delete milestone %{milestoneTitle}'), { milestoneTitle: this.milestoneTitle }));
-            }
-            throw error;
+      }
+      return sprintf(
+        s__(`Milestones|
+You’re about to permanently delete the milestone %{milestoneTitle} and remove it from %{issuesWithCount} and %{mergeRequestsWithCount}.
+Once deleted, it cannot be undone or recovered.`),
+        {
+          milestoneTitle,
+          issuesWithCount: n__('%d issue', '%d issues', this.issueCount),
+          mergeRequestsWithCount: n__(
+            '%d merge request',
+            '%d merge requests',
+            this.mergeRequestCount,
+          ),
+        },
+        false,
+      );
+    },
+    title() {
+      return sprintf(s__('Milestones|Delete milestone %{milestoneTitle}?'), {
+        milestoneTitle: this.milestoneTitle,
+      });
+    },
+  },
+  methods: {
+    onSubmit() {
+      eventHub.$emit('deleteMilestoneModal.requestStarted', this.milestoneUrl);
+      return axios
+        .delete(this.milestoneUrl)
+        .then(response => {
+          eventHub.$emit('deleteMilestoneModal.requestFinished', {
+            milestoneUrl: this.milestoneUrl,
+            successful: true,
+          });
+          // follow the rediect to milestones overview page
+          redirectTo(response.request.responseURL);
+        })
+        .catch(error => {
+          eventHub.$emit('deleteMilestoneModal.requestFinished', {
+            milestoneUrl: this.milestoneUrl,
+            successful: false,
           });
-      },
+
+          if (error.response && error.response.status === 404) {
+            Flash(
+              sprintf(s__('Milestones|Milestone %{milestoneTitle} was not found'), {
+                milestoneTitle: this.milestoneTitle,
+              }),
+            );
+          } else {
+            Flash(
+              sprintf(s__('Milestones|Failed to delete milestone %{milestoneTitle}'), {
+                milestoneTitle: this.milestoneTitle,
+              }),
+            );
+          }
+          throw error;
+        });
     },
-  };
+  },
+};
 </script>
 <template>

app/assets/javascripts/pages/milestones/shared/delete_milestone_modal_init.js

@@ -7,7 +7,9 @@ export default () => {
   Vue.use(Translate);
   const onRequestFinished = ({ milestoneUrl, successful }) => {
-    const button = document.querySelector(`.js-delete-milestone-button[data-milestone-url="${milestoneUrl}"]`);
+    const button = document.querySelector(
+      `.js-delete-milestone-button[data-milestone-url="${milestoneUrl}"]`,
+    );
     if (!successful) {
       button.removeAttribute('disabled');
@@ -16,14 +18,16 @@ export default () => {
     button.querySelector('.js-loading-icon').classList.add('hidden');
   };
-  const onRequestStarted = (milestoneUrl) => {
-    const button = document.querySelector(`.js-delete-milestone-button[data-milestone-url="${milestoneUrl}"]`);
+  const onRequestStarted = milestoneUrl => {
+    const button = document.querySelector(
+      `.js-delete-milestone-button[data-milestone-url="${milestoneUrl}"]`,
+    );
     button.setAttribute('disabled', '');
     button.querySelector('.js-loading-icon').classList.remove('hidden');
     eventHub.$once('deleteMilestoneModal.requestFinished', onRequestFinished);
   };
-  const onDeleteButtonClick = (event) => {
+  const onDeleteButtonClick = event => {
     const button = event.currentTarget;
     const modalProps = {
       milestoneId: parseInt(button.dataset.milestoneId, 10),
@@ -37,12 +41,12 @@ export default () => {
   };
   const deleteMilestoneButtons = document.querySelectorAll('.js-delete-milestone-button');
-  deleteMilestoneButtons.forEach((button) => {
+  deleteMilestoneButtons.forEach(button => {
     button.addEventListener('click', onDeleteButtonClick);
   });
   eventHub.$once('deleteMilestoneModal.mounted', () => {
-    deleteMilestoneButtons.forEach((button) => {
+    deleteMilestoneButtons.forEach(button => {
       button.removeAttribute('disabled');
     });
   });

app/assets/javascripts/pages/milestones/shared/promote_milestone_modal_init.js

@@ -7,20 +7,24 @@ Vue.use(Translate);
 export default () => {
   const onRequestFinished = ({ milestoneUrl, successful }) => {
-    const button = document.querySelector(`.js-promote-project-milestone-button[data-url="${milestoneUrl}"]`);
+    const button = document.querySelector(
+      `.js-promote-project-milestone-button[data-url="${milestoneUrl}"]`,
+    );
     if (!successful) {
       button.removeAttribute('disabled');
     }
   };
-  const onRequestStarted = (milestoneUrl) => {
-    const button = document.querySelector(`.js-promote-project-milestone-button[data-url="${milestoneUrl}"]`);
+  const onRequestStarted = milestoneUrl => {
+    const button = document.querySelector(
+      `.js-promote-project-milestone-button[data-url="${milestoneUrl}"]`,
+    );
     button.setAttribute('disabled', '');
     eventHub.$once('promoteMilestoneModal.requestFinished', onRequestFinished);
   };
-  const onDeleteButtonClick = (event) => {
+  const onDeleteButtonClick = event => {
     const button = event.currentTarget;
     const modalProps = {
       milestoneTitle: button.dataset.milestoneTitle,
@@ -32,12 +36,12 @@ export default () => {
   };
   const promoteMilestoneButtons = document.querySelectorAll('.js-promote-project-milestone-button');
-  promoteMilestoneButtons.forEach((button) => {
+  promoteMilestoneButtons.forEach(button => {
     button.addEventListener('click', onDeleteButtonClick);
   });
   eventHub.$once('promoteMilestoneModal.mounted', () => {
-    promoteMilestoneButtons.forEach((button) => {
+    promoteMilestoneButtons.forEach(button => {
       button.removeAttribute('disabled');
     });
   });

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

@@ -3,9 +3,12 @@ import '~/profile/gl_crop';
 import Profile from '~/profile/profile';
 document.addEventListener('DOMContentLoaded', () => {
-  $(document).on('input.ssh_key', '#key_key', function () { // eslint-disable-line func-names
+  // eslint-disable-next-line func-names
+  $(document).on('input.ssh_key', '#key_key', function() {
     const $title = $('#key_title');
-    const comment = $(this).val().match(/^\S+ \S+ (.+)\n?$/);
+    const comment = $(this)
+      .val()
+      .match(/^\S+ \S+ (.+)\n?$/);
     // Extract the SSH Key title from its comment
     if (comment && comment.length > 1) {

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

@@ -5,7 +5,9 @@ document.addEventListener('DOMContentLoaded', () => {
   const twoFactorNode = document.querySelector('.js-two-factor-auth');
   const skippable = twoFactorNode.dataset.twoFactorSkippable === 'true';
   if (skippable) {
-    const button = `<a class="btn btn-sm btn-warning float-right" data-method="patch" href="${twoFactorNode.dataset.two_factor_skip_url}">Configure it later</a>`;
+    const button = `<a class="btn btn-sm btn-warning float-right" data-method="patch" href="${
+      twoFactorNode.dataset.two_factor_skip_url
+    }">Configure it later</a>`;
     const flashAlert = document.querySelector('.flash-alert .container-fluid');
     if (flashAlert) flashAlert.insertAdjacentHTML('beforeend', button);
   }

app/assets/javascripts/pages/projects/branches/new/index.js

 import $ from 'jquery';
 import NewBranchForm from '~/new_branch_form';
-document.addEventListener('DOMContentLoaded', () => (
-  new NewBranchForm($('.js-create-branch-form'), JSON.parse(document.getElementById('availableRefs').innerHTML))
-));
+document.addEventListener(
+  'DOMContentLoaded',
+  () =>
+    new NewBranchForm(
+      $('.js-create-branch-form'),
+      JSON.parse(document.getElementById('availableRefs').innerHTML),
+    ),
+);

app/assets/javascripts/pages/projects/graphs/charts/index.js

@@ -31,14 +31,16 @@ document.addEventListener('DOMContentLoaded', () => {
   const chartData = data => ({
     labels: Object.keys(data),
-    datasets: [{
-      fillColor: 'rgba(220,220,220,0.5)',
-      strokeColor: 'rgba(220,220,220,1)',
-      barStrokeWidth: 1,
-      barValueSpacing: 1,
-      barDatasetSpacing: 1,
-      data: _.values(data),
-    }],
+    datasets: [
+      {
+        fillColor: 'rgba(220,220,220,0.5)',
+        strokeColor: 'rgba(220,220,220,1)',
+        barStrokeWidth: 1,
+        barValueSpacing: 1,
+        barDatasetSpacing: 1,
+        data: _.values(data),
+      },
+    ],
   });
   const hourData = chartData(projectChartData.hour);
@@ -51,7 +53,9 @@ document.addEventListener('DOMContentLoaded', () => {
   responsiveChart($('#month-chart'), monthData);
   const data = projectChartData.languages;
-  const ctx = $('#languages-chart').get(0).getContext('2d');
+  const ctx = $('#languages-chart')
+    .get(0)
+    .getContext('2d');
   const options = {
     scaleOverlay: true,
     responsive: true,

app/assets/javascripts/pages/projects/graphs/show/index.js

@@ -7,7 +7,8 @@ import ContributorsStatGraph from './stat_graph_contributors';
 document.addEventListener('DOMContentLoaded', () => {
   const url = document.querySelector('.js-graphs-show').dataset.projectGraphPath;
-  axios.get(url)
+  axios
+    .get(url)
     .then(({ data }) => {
       const graph = new ContributorsStatGraph();
       graph.init(data);