Prettify app/assets/javascripts/pages

app/assets/javascripts/pages/projects/shared/project_avatar.js

@@ -8,8 +8,9 @@ export default function projectAvatar() {
   $('.js-project-avatar-input').bind('change', function onClickAvatarInput() {
     const form = $(this).closest('form');
-    // eslint-disable-next-line no-useless-escape
-    const filename = $(this).val().replace(/^.*[\\\/]/, '');
+    const filename = $(this)
+      .val()
+      .replace(/^.*[\\\/]/, ''); // eslint-disable-line no-useless-escape
     return form.find('.js-avatar-filename').text(filename);
   });
 }

app/assets/javascripts/pages/projects/wikis/index.js

@@ -21,7 +21,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const { deleteWikiUrl, pageTitle } = deleteWikiModalWrapperEl.dataset;
-    new Vue({ // eslint-disable-line no-new
+    // eslint-disable-next-line no-new
+    new Vue({
       el: deleteWikiModalWrapperEl,
       data: {
         deleteWikiUrl: '',

app/assets/javascripts/pages/search/show/search.js

@@ -22,7 +22,7 @@ export default class Search {
         fields: ['full_name'],
       },
       data(term, callback) {
-        return Api.groups(term, {}, (data) => {
+        return Api.groups(term, {}, data => {
           data.unshift({
             full_name: 'Any',
           });
@@ -37,7 +37,7 @@ export default class Search {
         return obj.full_name;
       },
       toggleLabel(obj) {
-        return `${($groupDropdown.data('defaultLabel'))} ${obj.full_name}`;
+        return `${$groupDropdown.data('defaultLabel')} ${obj.full_name}`;
       },
       clicked: () => Search.submitSearch(),
     });
@@ -52,7 +52,7 @@ export default class Search {
       },
       data: (term, callback) => {
         this.getProjectsData(term)
-          .then((data) => {
+          .then(data => {
             data.unshift({
               name_with_namespace: 'Any',
             });
@@ -70,7 +70,7 @@ export default class Search {
         return obj.name_with_namespace;
       },
       toggleLabel(obj) {
-        return `${($projectDropdown.data('defaultLabel'))} ${obj.name_with_namespace}`;
+        return `${$projectDropdown.data('defaultLabel')} ${obj.name_with_namespace}`;
       },
       clicked: () => Search.submitSearch(),
     });
@@ -99,17 +99,24 @@ export default class Search {
   }
   clearSearchField() {
-    return $(this.searchInput).val('').trigger('keyup').focus();
+    return $(this.searchInput)
+      .val('')
+      .trigger('keyup')
+      .focus();
   }
   getProjectsData(term) {
-    return new Promise((resolve) => {
+    return new Promise(resolve => {
       if (this.groupId) {
         Api.groupProjects(this.groupId, term, {}, resolve);
       } else {
-        Api.projects(term, {
-          order_by: 'id',
-        }, resolve);
+        Api.projects(
+          term,
+          {
+            order_by: 'id',
+          },
+          resolve,
+        );
       }
     });
   }

app/assets/javascripts/pages/sessions/new/signin_tabs_memoizer.js

@@ -20,7 +20,7 @@ export default class SigninTabsMemoizer {
   bootstrap() {
     const tabs = document.querySelectorAll(this.tabSelector);
     if (tabs.length > 0) {
-      tabs[0].addEventListener('click', (e) => {
+      tabs[0].addEventListener('click', e => {
         if (e.target && e.target.nodeName === 'A') {
           const anchorName = e.target.getAttribute('href');
           this.saveData(anchorName);

app/assets/javascripts/pages/sessions/new/username_validator.js

@@ -22,10 +22,10 @@ export default class UsernameValidator {
       available: false,
       valid: false,
       pending: false,
-      empty: true
+      empty: true,
     };
-    const debounceTimeout = _.debounce((username) => {
+    const debounceTimeout = _.debounce(username => {
       this.validateUsername(username);
     }, debounceTimeoutDuration);
@@ -81,7 +81,8 @@ export default class UsernameValidator {
       this.state.pending = true;
       this.state.available = false;
       this.renderState();
-      axios.get(`${gon.relative_url_root}/users/${username}/exists`)
+      axios
+        .get(`${gon.relative_url_root}/users/${username}/exists`)
         .then(({ data }) => this.setAvailabilityState(data.exists))
         .catch(() => flash(__('An error occurred while validating username')));
     }
@@ -100,8 +101,7 @@ export default class UsernameValidator {
   clearFieldValidationState() {
     this.inputElement.siblings('p').hide();
-    this.inputElement.removeClass(invalidInputClass)
-      .removeClass(successInputClass);
+    this.inputElement.removeClass(invalidInputClass).removeClass(successInputClass);
   }
   setUnavailableState() {

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

@@ -13,10 +13,12 @@ function initUserProfile(action) {
   new UserTabs({ parentEl: '.user-profile', action });
   // hide project limit message
-  $('.hide-project-limit-message').on('click', (e) => {
+  $('.hide-project-limit-message').on('click', e => {
     e.preventDefault();
     Cookies.set('hide_project_limit_message', 'false');
-    $(this).parents('.project-limit-message').remove();
+    $(this)
+      .parents('.project-limit-message')
+      .remove();
   });
 }