Prettify remaining files with differences in CE and EE

app/assets/javascripts/members.js

@@ -7,8 +7,12 @@ export default class Members {
   }
   addListeners() {
-    $('.js-member-update-control').off('change').on('change', this.formSubmit.bind(this));
-    $('.js-edit-member-form').off('ajax:success').on('ajax:success', this.formSuccess.bind(this));
+    $('.js-member-update-control')
+      .off('change')
+      .on('change', this.formSubmit.bind(this));
+    $('.js-edit-member-form')
+      .off('ajax:success')
+      .on('ajax:success', this.formSuccess.bind(this));
     gl.utils.disableButtonIfEmptyField('#user_ids', 'input[name=commit]', 'change');
   }
@@ -28,7 +32,7 @@ export default class Members {
         toggleLabel(selected, $el) {
           return $el.text();
         },
-        clicked: (options) => {
+        clicked: options => {
           this.formSubmit(null, options.$el);
         },
       });

app/assets/javascripts/milestone_select.js

@@ -9,7 +9,10 @@ import '~/gl_dropdown';
 import axios from './lib/utils/axios_utils';
 import { timeFor } from './lib/utils/datetime_utility';
 import ModalStore from './boards/stores/modal_store';
-import boardsStore, { boardStoreIssueSet, boardStoreIssueDelete } from './boards/stores/boards_store';
+import boardsStore, {
+  boardStoreIssueSet,
+  boardStoreIssueDelete,
+} from './boards/stores/boards_store';
 export default class MilestoneSelect {
   constructor(currentProject, els, options = {}) {

app/assets/javascripts/notes/components/notes_app.vue

@@ -54,7 +54,13 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['isNotesFetched', 'discussions', 'getNotesDataByProp', 'discussionCount', 'isLoading']),
+    ...mapGetters([
+      'isNotesFetched',
+      'discussions',
+      'getNotesDataByProp',
+      'discussionCount',
+      'isLoading',
+    ]),
     noteableType() {
       return this.noteableData.noteableType;
     },

app/assets/javascripts/notes/discussion_filters.js

 import Vue from 'vue';
 import DiscussionFilter from './components/discussion_filter.vue';
-export default (store) => {
+export default store => {
   const discussionFilterEl = document.getElementById('js-vue-discussion-filter');
   if (discussionFilterEl) {
     const { defaultFilter, notesFilters } = discussionFilterEl.dataset;
     const defaultValue = defaultFilter ? parseInt(defaultFilter, 10) : null;
     const filterValues = notesFilters ? JSON.parse(notesFilters) : {};
-    const filters = Object.keys(filterValues).map(entry =>
-      ({ title: entry, value: filterValues[entry] }));
+    const filters = Object.keys(filterValues).map(entry => ({
+      title: entry,
+      value: filterValues[entry],
+    }));
     return new Vue({
       el: discussionFilterEl,

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

 <script>
-  import axios from '~/lib/utils/axios_utils';
-  import createFlash from '~/flash';
-  import GlModal from '~/vue_shared/components/gl_modal.vue';
-  import { s__, sprintf } from '~/locale';
-  import { visitUrl } from '~/lib/utils/url_utility';
-  import eventHub from '../event_hub';
-  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 { s__, sprintf } from '~/locale';
+import { visitUrl } from '~/lib/utils/url_utility';
+import eventHub from '../event_hub';
+export default {
+  components: {
+    GlModal,
+  },
+  props: {
+    milestoneTitle: {
+      type: String,
+      required: true,
     },
-    props: {
-      milestoneTitle: {
-        type: String,
-        required: true,
-      },
-      url: {
-        type: String,
-        required: true,
-      },
-      groupName: {
-        type: String,
-        required: true,
-      },
+    url: {
+      type: String,
+      required: true,
     },
-    computed: {
-      title() {
-        return sprintf(s__('Milestones|Promote %{milestoneTitle} to group milestone?'), { milestoneTitle: this.milestoneTitle });
-      },
-      text() {
-        return sprintf(s__(`Milestones|Promoting %{milestoneTitle} will make it available for all projects inside %{groupName}.
+    groupName: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    title() {
+      return sprintf(s__('Milestones|Promote %{milestoneTitle} to group milestone?'), {
+        milestoneTitle: this.milestoneTitle,
+      });
+    },
+    text() {
+      return sprintf(
+        s__(`Milestones|Promoting %{milestoneTitle} will make it available for all projects inside %{groupName}.
         Existing project milestones with the same title will be merged.
-        This action cannot be reversed.`), { milestoneTitle: this.milestoneTitle, groupName: this.groupName });
-      },
+        This action cannot be reversed.`),
+        { milestoneTitle: this.milestoneTitle, groupName: this.groupName },
+      );
     },
-    methods: {
-      onSubmit() {
-        eventHub.$emit('promoteMilestoneModal.requestStarted', this.url);
-        return axios.post(this.url, { params: { format: 'json' } })
-          .then((response) => {
-            eventHub.$emit('promoteMilestoneModal.requestFinished', { milestoneUrl: this.url, successful: true });
-            visitUrl(response.data.url);
-          })
-          .catch((error) => {
-            eventHub.$emit('promoteMilestoneModal.requestFinished', { milestoneUrl: this.url, successful: false });
-            createFlash(error);
+  },
+  methods: {
+    onSubmit() {
+      eventHub.$emit('promoteMilestoneModal.requestStarted', this.url);
+      return axios
+        .post(this.url, { params: { format: 'json' } })
+        .then(response => {
+          eventHub.$emit('promoteMilestoneModal.requestFinished', {
+            milestoneUrl: this.url,
+            successful: true,
           });
-      },
+          visitUrl(response.data.url);
+        })
+        .catch(error => {
+          eventHub.$emit('promoteMilestoneModal.requestFinished', {
+            milestoneUrl: this.url,
+            successful: false,
+          });
+          createFlash(error);
+        });
     },
-  };
+  },
+};
 </script>
 <template>
   <gl-modal
@@ -65,4 +77,3 @@
     {{ text }}
   </gl-modal>
 </template>
-

app/assets/javascripts/pages/projects/project.js

@@ -64,7 +64,9 @@ export default class Project {
       const projectId = $(this).data('project-id');
       const cookieKey = `hide_auto_devops_implicitly_enabled_banner_${projectId}`;
       Cookies.set(cookieKey, 'false');
-      $(this).parents('.auto-devops-implicitly-enabled-banner').remove();
+      $(this)
+        .parents('.auto-devops-implicitly-enabled-banner')
+        .remove();
       return e.preventDefault();
     });
     Project.projectSelectDropdown();

app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue

 <script>
-  import projectFeatureSetting from './project_feature_setting.vue';
-  import projectFeatureToggle from '../../../../../vue_shared/components/toggle_button.vue';
-  import projectSettingRow from './project_setting_row.vue';
-  import { visibilityOptions, visibilityLevelDescriptions } from '../constants';
-  import { toggleHiddenClassBySelector } from '../external';
-  export default {
-    components: {
-      projectFeatureSetting,
-      projectFeatureToggle,
-      projectSettingRow,
-    },
-    props: {
-      currentSettings: {
-        type: Object,
-        required: true,
-      },
-      canChangeVisibilityLevel: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      allowedVisibilityOptions: {
-        type: Array,
-        required: false,
-        default: () => [0, 10, 20],
-      },
-      lfsAvailable: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      registryAvailable: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      visibilityHelpPath: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      lfsHelpPath: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      registryHelpPath: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      pagesAvailable: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      pagesAccessControlEnabled: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      pagesHelpPath: {
-        type: String,
-        required: false,
-        default: '',
-      },
+import projectFeatureSetting from './project_feature_setting.vue';
+import projectFeatureToggle from '../../../../../vue_shared/components/toggle_button.vue';
+import projectSettingRow from './project_setting_row.vue';
+import { visibilityOptions, visibilityLevelDescriptions } from '../constants';
+import { toggleHiddenClassBySelector } from '../external';
+export default {
+  components: {
+    projectFeatureSetting,
+    projectFeatureToggle,
+    projectSettingRow,
+  },
+  props: {
+    currentSettings: {
+      type: Object,
+      required: true,
+    },
+    canChangeVisibilityLevel: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    allowedVisibilityOptions: {
+      type: Array,
+      required: false,
+      default: () => [0, 10, 20],
+    },
+    lfsAvailable: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    registryAvailable: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    visibilityHelpPath: {
+      type: String,
+      required: false,
+      default: '',
     },
-    data() {
-      const defaults = {
-        visibilityOptions,
-        visibilityLevel: visibilityOptions.PUBLIC,
-        issuesAccessLevel: 20,
-        repositoryAccessLevel: 20,
-        mergeRequestsAccessLevel: 20,
-        buildsAccessLevel: 20,
-        wikiAccessLevel: 20,
-        snippetsAccessLevel: 20,
-        pagesAccessLevel: 20,
-        containerRegistryEnabled: true,
-        lfsEnabled: true,
-        requestAccessEnabled: true,
-        highlightChangesClass: false,
-      };
-      return { ...defaults, ...this.currentSettings };
-    },
-    computed: {
-      featureAccessLevelOptions() {
-        const options = [
-          [10, 'Only Project Members'],
-        ];
-        if (this.visibilityLevel !== visibilityOptions.PRIVATE) {
-          options.push([20, 'Everyone With Access']);
-        }
-        return options;
-      },
-      repoFeatureAccessLevelOptions() {
-        return this.featureAccessLevelOptions.filter(
-          ([value]) => value <= this.repositoryAccessLevel,
-        );
-      },
-      pagesFeatureAccessLevelOptions() {
-        if (this.visibilityLevel !== visibilityOptions.PUBLIC) {
-          return this.featureAccessLevelOptions.concat([[30, 'Everyone']]);
-        }
-        return this.featureAccessLevelOptions;
-      },
-      repositoryEnabled() {
-        return this.repositoryAccessLevel > 0;
-      },
-      visibilityLevelDescription() {
-        return visibilityLevelDescriptions[this.visibilityLevel];
-      },
+    lfsHelpPath: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    registryHelpPath: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    pagesAvailable: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    pagesAccessControlEnabled: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    pagesHelpPath: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  data() {
+    const defaults = {
+      visibilityOptions,
+      visibilityLevel: visibilityOptions.PUBLIC,
+      issuesAccessLevel: 20,
+      repositoryAccessLevel: 20,
+      mergeRequestsAccessLevel: 20,
+      buildsAccessLevel: 20,
+      wikiAccessLevel: 20,
+      snippetsAccessLevel: 20,
+      pagesAccessLevel: 20,
+      containerRegistryEnabled: true,
+      lfsEnabled: true,
+      requestAccessEnabled: true,
+      highlightChangesClass: false,
+    };
+    return { ...defaults, ...this.currentSettings };
+  },
+  computed: {
+    featureAccessLevelOptions() {
+      const options = [[10, 'Only Project Members']];
+      if (this.visibilityLevel !== visibilityOptions.PRIVATE) {
+        options.push([20, 'Everyone With Access']);
+      }
+      return options;
+    },
+    repoFeatureAccessLevelOptions() {
+      return this.featureAccessLevelOptions.filter(
+        ([value]) => value <= this.repositoryAccessLevel,
+      );
+    },
+    pagesFeatureAccessLevelOptions() {
+      if (this.visibilityLevel !== visibilityOptions.PUBLIC) {
+        return this.featureAccessLevelOptions.concat([[30, 'Everyone']]);
+      }
+      return this.featureAccessLevelOptions;
+    },
+    repositoryEnabled() {
+      return this.repositoryAccessLevel > 0;
+    },
+    visibilityLevelDescription() {
+      return visibilityLevelDescriptions[this.visibilityLevel];
     },
-    watch: {
-      visibilityLevel(value, oldValue) {
-        if (value === visibilityOptions.PRIVATE) {
-          // when private, features are restricted to "only team members"
-          this.issuesAccessLevel = Math.min(10, this.issuesAccessLevel);
-          this.repositoryAccessLevel = Math.min(10, this.repositoryAccessLevel);
-          this.mergeRequestsAccessLevel = Math.min(10, this.mergeRequestsAccessLevel);
-          this.buildsAccessLevel = Math.min(10, this.buildsAccessLevel);
-          this.wikiAccessLevel = Math.min(10, this.wikiAccessLevel);
-          this.snippetsAccessLevel = Math.min(10, this.snippetsAccessLevel);
-          if (this.pagesAccessLevel === 20) {
-            // When from Internal->Private narrow access for only members
-            this.pagesAccessLevel = 10;
-          }
-          this.highlightChanges();
-        } else if (oldValue === visibilityOptions.PRIVATE) {
-          // if changing away from private, make enabled features more permissive
-          if (this.issuesAccessLevel > 0) this.issuesAccessLevel = 20;
-          if (this.repositoryAccessLevel > 0) this.repositoryAccessLevel = 20;
-          if (this.mergeRequestsAccessLevel > 0) this.mergeRequestsAccessLevel = 20;
-          if (this.buildsAccessLevel > 0) this.buildsAccessLevel = 20;
-          if (this.wikiAccessLevel > 0) this.wikiAccessLevel = 20;
-          if (this.snippetsAccessLevel > 0) this.snippetsAccessLevel = 20;
-          if (this.pagesAccessLevel === 10) this.pagesAccessLevel = 20;
-          this.highlightChanges();
+  },
+  watch: {
+    visibilityLevel(value, oldValue) {
+      if (value === visibilityOptions.PRIVATE) {
+        // when private, features are restricted to "only team members"
+        this.issuesAccessLevel = Math.min(10, this.issuesAccessLevel);
+        this.repositoryAccessLevel = Math.min(10, this.repositoryAccessLevel);
+        this.mergeRequestsAccessLevel = Math.min(10, this.mergeRequestsAccessLevel);
+        this.buildsAccessLevel = Math.min(10, this.buildsAccessLevel);
+        this.wikiAccessLevel = Math.min(10, this.wikiAccessLevel);
+        this.snippetsAccessLevel = Math.min(10, this.snippetsAccessLevel);
+        if (this.pagesAccessLevel === 20) {
+          // When from Internal->Private narrow access for only members
+          this.pagesAccessLevel = 10;
         }
-      },
-      repositoryAccessLevel(value, oldValue) {
-        if (value < oldValue) {
-          // sub-features cannot have more premissive access level
-          this.mergeRequestsAccessLevel = Math.min(this.mergeRequestsAccessLevel, value);
-          this.buildsAccessLevel = Math.min(this.buildsAccessLevel, value);
-          if (value === 0) {
-            this.containerRegistryEnabled = false;
-            this.lfsEnabled = false;
-          }
-        } else if (oldValue === 0) {
-          this.mergeRequestsAccessLevel = value;
-          this.buildsAccessLevel = value;
-          this.containerRegistryEnabled = true;
-          this.lfsEnabled = true;
+        this.highlightChanges();
+      } else if (oldValue === visibilityOptions.PRIVATE) {
+        // if changing away from private, make enabled features more permissive
+        if (this.issuesAccessLevel > 0) this.issuesAccessLevel = 20;
+        if (this.repositoryAccessLevel > 0) this.repositoryAccessLevel = 20;
+        if (this.mergeRequestsAccessLevel > 0) this.mergeRequestsAccessLevel = 20;
+        if (this.buildsAccessLevel > 0) this.buildsAccessLevel = 20;
+        if (this.wikiAccessLevel > 0) this.wikiAccessLevel = 20;
+        if (this.snippetsAccessLevel > 0) this.snippetsAccessLevel = 20;
+        if (this.pagesAccessLevel === 10) this.pagesAccessLevel = 20;
+        this.highlightChanges();
+      }
+    },
+    repositoryAccessLevel(value, oldValue) {
+      if (value < oldValue) {
+        // sub-features cannot have more premissive access level
+        this.mergeRequestsAccessLevel = Math.min(this.mergeRequestsAccessLevel, value);
+        this.buildsAccessLevel = Math.min(this.buildsAccessLevel, value);
+        if (value === 0) {
+          this.containerRegistryEnabled = false;
+          this.lfsEnabled = false;
         }
-      },
-      issuesAccessLevel(value, oldValue) {
-        if (value === 0) toggleHiddenClassBySelector('.issues-feature', true);
-        else if (oldValue === 0) toggleHiddenClassBySelector('.issues-feature', false);
-      },
-      mergeRequestsAccessLevel(value, oldValue) {
-        if (value === 0) toggleHiddenClassBySelector('.merge-requests-feature', true);
-        else if (oldValue === 0) toggleHiddenClassBySelector('.merge-requests-feature', false);
-      },
-      buildsAccessLevel(value, oldValue) {
-        if (value === 0) toggleHiddenClassBySelector('.builds-feature', true);
-        else if (oldValue === 0) toggleHiddenClassBySelector('.builds-feature', false);
-      },
+      } else if (oldValue === 0) {
+        this.mergeRequestsAccessLevel = value;
+        this.buildsAccessLevel = value;
+        this.containerRegistryEnabled = true;
+        this.lfsEnabled = true;
+      }
+    },
+    issuesAccessLevel(value, oldValue) {
+      if (value === 0) toggleHiddenClassBySelector('.issues-feature', true);
+      else if (oldValue === 0) toggleHiddenClassBySelector('.issues-feature', false);
+    },
+    mergeRequestsAccessLevel(value, oldValue) {
+      if (value === 0) toggleHiddenClassBySelector('.merge-requests-feature', true);
+      else if (oldValue === 0) toggleHiddenClassBySelector('.merge-requests-feature', false);
+    },
+    buildsAccessLevel(value, oldValue) {
+      if (value === 0) toggleHiddenClassBySelector('.builds-feature', true);
+      else if (oldValue === 0) toggleHiddenClassBySelector('.builds-feature', false);
     },
-    methods: {
-      highlightChanges() {
-        this.highlightChangesClass = true;
-        this.$nextTick(() => {
-          this.highlightChangesClass = false;
-        });
-      },
-      visibilityAllowed(option) {
-        return this.allowedVisibilityOptions.includes(option);
-      },
+  },
+  methods: {
+    highlightChanges() {
+      this.highlightChangesClass = true;
+      this.$nextTick(() => {
+        this.highlightChangesClass = false;
+      });
+    },
+    visibilityAllowed(option) {
+      return this.allowedVisibilityOptions.includes(option);
     },
-  };
+  },
+};
 </script>
 <template>

app/assets/javascripts/projects/project_new.js

@@ -4,8 +4,10 @@ import { slugifyWithHyphens } from '../lib/utils/text_utility';
 let hasUserDefinedProjectPath = false;
-const deriveProjectPathFromUrl = ($projectImportUrl) => {
-  const $currentProjectPath = $projectImportUrl.parents('.toggle-import-form').find('#project_path');
+const deriveProjectPathFromUrl = $projectImportUrl => {
+  const $currentProjectPath = $projectImportUrl
+    .parents('.toggle-import-form')
+    .find('#project_path');
   if (hasUserDefinedProjectPath) {
     return;
   }
@@ -52,9 +54,11 @@ const bindEvents = () => {
     return;
   }
-  $('.how_to_import_link').on('click', (e) => {
+  $('.how_to_import_link').on('click', e => {
     e.preventDefault();
-    $(e.currentTarget).next('.modal').show();
+    $(e.currentTarget)
+      .next('.modal')
+      .show();
   });
   $('.modal-header .close').on('click', () => {
@@ -63,15 +67,21 @@ const bindEvents = () => {
   $('.btn_import_gitlab_project').on('click', () => {
     const importHref = $('a.btn_import_gitlab_project').attr('href');
-    $('.btn_import_gitlab_project')
-      .attr('href', `${importHref}?namespace_id=${$('#project_namespace_id').val()}&name=${$projectName.val()}&path=${$projectPath.val()}`);
+    $('.btn_import_gitlab_project').attr(
+      'href',
+      `${importHref}?namespace_id=${$(
+        '#project_namespace_id',
+      ).val()}&name=${$projectName.val()}&path=${$projectPath.val()}`,
+    );
   });
   if ($pushNewProjectTipTrigger) {
     $pushNewProjectTipTrigger
       .removeAttr('rel')
       .removeAttr('target')
-      .on('click', (e) => { e.preventDefault(); })
+      .on('click', e => {
+        e.preventDefault();
+      })
       .popover({
         title: $pushNewProjectTipTrigger.data('title'),
         placement: 'bottom',
@@ -79,13 +89,15 @@ const bindEvents = () => {
         content: $('.push-new-project-tip-template').html(),
       })
       .on('shown.bs.popover', () => {
-        $(document).on('click.popover touchstart.popover', (event) => {
+        $(document).on('click.popover touchstart.popover', event => {
           if ($(event.target).closest('.popover').length === 0) {
             $pushNewProjectTipTrigger.trigger('click');
           }
         });
-        const target = $(`#${$pushNewProjectTipTrigger.attr('aria-describedby')}`).find('.js-select-on-focus');
+        const target = $(`#${$pushNewProjectTipTrigger.attr('aria-describedby')}`).find(
+          '.js-select-on-focus',
+        );
         addSelectOnFocusBehaviour(target);
         target.focus();
@@ -117,16 +129,18 @@ const bindEvents = () => {
     const selectedTemplate = templates[value];
     $selectedTemplateText.text(selectedTemplate.text);
-    $(selectedTemplate.icon).clone().addClass('d-block').appendTo($selectedIcon);
+    $(selectedTemplate.icon)
+      .clone()
+      .addClass('d-block')
+      .appendTo($selectedIcon);
     const $activeTabProjectName = $('.tab-pane.active #project_name');
     const $activeTabProjectPath = $('.tab-pane.active #project_path');
     $activeTabProjectName.focus();
-    $activeTabProjectName
-      .keyup(() => {
-        onProjectNameChange($activeTabProjectName, $activeTabProjectPath);
-        hasUserDefinedProjectPath = $activeTabProjectPath.val().trim().length > 0;
-      });
+    $activeTabProjectName.keyup(() => {
+      onProjectNameChange($activeTabProjectName, $activeTabProjectPath);
+      hasUserDefinedProjectPath = $activeTabProjectPath.val().trim().length > 0;
+    });
   }
   $useTemplateBtn.on('change', chooseTemplate);

app/assets/javascripts/right_sidebar.js

@@ -21,7 +21,7 @@ Sidebar.initialize = function(currentUser) {
   }
 };
-Sidebar.prototype.removeListeners = function () {
+Sidebar.prototype.removeListeners = function() {
   this.sidebar.off('click', '.sidebar-collapsed-icon');
   this.sidebar.off('hidden.gl.dropdown');
   $('.dropdown').off('loading.gl.dropdown');
@@ -38,10 +38,12 @@ Sidebar.prototype.addEventListeners = function() {
   $('.dropdown').on('loaded.gl.dropdown', this.sidebarDropdownLoaded);
   $document.on('click', '.js-sidebar-toggle', this.sidebarToggleClicked);
-  return $(document).off('click', '.js-issuable-todo').on('click', '.js-issuable-todo', this.toggleTodo);
+  return $(document)
+    .off('click', '.js-issuable-todo')
+    .on('click', '.js-issuable-todo', this.toggleTodo);
 };
-Sidebar.prototype.sidebarToggleClicked = function (e, triggered) {
+Sidebar.prototype.sidebarToggleClicked = function(e, triggered) {
   var $allGutterToggleIcons, $this, isExpanded, tooltipLabel;
   e.preventDefault();
   $this = $(this);
@@ -51,18 +53,26 @@ Sidebar.prototype.sidebarToggleClicked = function (e, triggered) {
   if (isExpanded) {
     $allGutterToggleIcons.removeClass('fa-angle-double-right').addClass('fa-angle-double-left');
-    $('aside.right-sidebar').removeClass('right-sidebar-expanded').addClass('right-sidebar-collapsed');
-    $('.layout-page').removeClass('right-sidebar-expanded').addClass('right-sidebar-collapsed');
+    $('aside.right-sidebar')
+      .removeClass('right-sidebar-expanded')
+      .addClass('right-sidebar-collapsed');
+    $('.layout-page')
+      .removeClass('right-sidebar-expanded')
+      .addClass('right-sidebar-collapsed');
   } else {
     $allGutterToggleIcons.removeClass('fa-angle-double-left').addClass('fa-angle-double-right');
-    $('aside.right-sidebar').removeClass('right-sidebar-collapsed').addClass('right-sidebar-expanded');
-    $('.layout-page').removeClass('right-sidebar-collapsed').addClass('right-sidebar-expanded');
+    $('aside.right-sidebar')
+      .removeClass('right-sidebar-collapsed')
+      .addClass('right-sidebar-expanded');
+    $('.layout-page')
+      .removeClass('right-sidebar-collapsed')
+      .addClass('right-sidebar-expanded');
   }
   $this.attr('data-original-title', tooltipLabel);
   if (!triggered) {
-    Cookies.set("collapsed_gutter", $('.right-sidebar').hasClass('right-sidebar-collapsed'));
+    Cookies.set('collapsed_gutter', $('.right-sidebar').hasClass('right-sidebar-collapsed'));
   }
 };
@@ -71,21 +81,27 @@ Sidebar.prototype.toggleTodo = function(e) {
   $this = $(e.currentTarget);
   ajaxType = $this.attr('data-delete-path') ? 'delete' : 'post';
   if ($this.attr('data-delete-path')) {
-    url = "" + ($this.attr('data-delete-path'));
+    url = '' + $this.attr('data-delete-path');
   } else {
-    url = "" + ($this.data('url'));
+    url = '' + $this.data('url');
   }
   $this.tooltip('hide');
-  $('.js-issuable-todo').disable().addClass('is-loading');
+  $('.js-issuable-todo')
+    .disable()
+    .addClass('is-loading');
   axios[ajaxType](url, {
     issuable_id: $this.data('issuableId'),
     issuable_type: $this.data('issuableType'),
-  }).then(({ data }) => {
-    this.todoUpdateDone(data);
-  }).catch(() => flash(`There was an error ${ajaxType === 'post' ? 'adding a' : 'deleting the'} todo.`));
+  })
+    .then(({ data }) => {
+      this.todoUpdateDone(data);
+    })
+    .catch(() =>
+      flash(`There was an error ${ajaxType === 'post' ? 'adding a' : 'deleting the'} todo.`),
+    );
 };
 Sidebar.prototype.todoUpdateDone = function(data) {
@@ -99,7 +115,8 @@ Sidebar.prototype.todoUpdateDone = function(data) {
     const $el = $(el);
     const $elText = $el.find('.js-issuable-todo-inner');
-    $el.removeClass('is-loading')
+    $el
+      .removeClass('is-loading')
       .enable()
       .attr('aria-label', $el.data(`${attrPrefix}Text`))
       .attr('data-delete-path', deletePath)
@@ -119,7 +136,9 @@ Sidebar.prototype.todoUpdateDone = function(data) {
 Sidebar.prototype.sidebarDropdownLoading = function(e) {
   var $loading, $sidebarCollapsedIcon, i, img;
-  $sidebarCollapsedIcon = $(this).closest('.block').find('.sidebar-collapsed-icon');
+  $sidebarCollapsedIcon = $(this)
+    .closest('.block')
+    .find('.sidebar-collapsed-icon');
   img = $sidebarCollapsedIcon.find('img');
   i = $sidebarCollapsedIcon.find('i');
   $loading = $('<i class="fa fa-spinner fa-spin"></i>');
@@ -134,7 +153,9 @@ Sidebar.prototype.sidebarDropdownLoading = function(e) {
 Sidebar.prototype.sidebarDropdownLoaded = function(e) {
   var $sidebarCollapsedIcon, i, img;
-  $sidebarCollapsedIcon = $(this).closest('.block').find('.sidebar-collapsed-icon');
+  $sidebarCollapsedIcon = $(this)
+    .closest('.block')
+    .find('.sidebar-collapsed-icon');
   img = $sidebarCollapsedIcon.find('img');
   $sidebarCollapsedIcon.find('i.fa-spin').remove();
   i = $sidebarCollapsedIcon.find('i');
@@ -220,7 +241,7 @@ Sidebar.prototype.isOpen = function() {
 };
 Sidebar.prototype.getBlock = function(name) {
-  return this.sidebar.find(".block." + name);
+  return this.sidebar.find('.block.' + name);
 };
 export default Sidebar;

app/assets/javascripts/search_autocomplete.js

@@ -234,7 +234,9 @@ export class SearchAutocomplete {
               icon,
               text: term,
               template,
-              url: `${gon.relative_url_root}/search?search=${term}&project_id=${this.projectInputEl.val()}&group_id=${this.groupInputEl.val()}`,
+              url: `${
+                gon.relative_url_root
+              }/search?search=${term}&project_id=${this.projectInputEl.val()}&group_id=${this.groupInputEl.val()}`,
             });
           }
         }

app/assets/javascripts/sidebar/components/assignees/assignees.vue

@@ -74,8 +74,8 @@ export default {
       }
       if (!this.users.length) {
-        const emptyTooltipLabel = this.issuableType === 'issue' ?
-          __('Assignee(s)') : __('Assignee');
+        const emptyTooltipLabel =
+          this.issuableType === 'issue' ? __('Assignee(s)') : __('Assignee');
         names.push(emptyTooltipLabel);
       }
@@ -248,4 +248,3 @@ export default {
     </div>
   </div>
 </template>
-

app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue

 <script>
-  import { __ } from '~/locale';
-  import icon from '~/vue_shared/components/icon.vue';
-  import toggleButton from '~/vue_shared/components/toggle_button.vue';
-  import tooltip from '~/vue_shared/directives/tooltip';
-  import eventHub from '../../event_hub';
-  const ICON_ON = 'notifications';
-  const ICON_OFF = 'notifications-off';
-  const LABEL_ON = __('Notifications on');
-  const LABEL_OFF = __('Notifications off');
-  export default {
-    directives: {
-      tooltip,
+import { __ } from '~/locale';
+import icon from '~/vue_shared/components/icon.vue';
+import toggleButton from '~/vue_shared/components/toggle_button.vue';
+import tooltip from '~/vue_shared/directives/tooltip';
+import eventHub from '../../event_hub';
+const ICON_ON = 'notifications';
+const ICON_OFF = 'notifications-off';
+const LABEL_ON = __('Notifications on');
+const LABEL_OFF = __('Notifications off');
+export default {
+  directives: {
+    tooltip,
+  },
+  components: {
+    icon,
+    toggleButton,
+  },
+  props: {
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false,
     },
-    components: {
-      icon,
-      toggleButton,
+    subscribed: {
+      type: Boolean,
+      required: false,
+      default: null,
     },
-    props: {
-      loading: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      subscribed: {
-        type: Boolean,
-        required: false,
-        default: null,
-      },
-      id: {
-        type: Number,
-        required: false,
-        default: null,
-      },
+    id: {
+      type: Number,
+      required: false,
+      default: null,
     },
-    computed: {
-      showLoadingState() {
-        return this.subscribed === null;
-      },
-      notificationIcon() {
-        return this.subscribed ? ICON_ON : ICON_OFF;
-      },
-      notificationTooltip() {
-        return this.subscribed ? LABEL_ON : LABEL_OFF;
-      },
+  },
+  computed: {
+    showLoadingState() {
+      return this.subscribed === null;
     },
-    methods: {
-      /**
-       * We need to emit this event on both component & eventHub
-       * for 2 dependencies;
-       *
-       * 1. eventHub: This component is used in Issue Boards sidebar
-       *              where component template is part of HAML
-       *              and event listeners are tied to app's eventHub.
-       * 2. Component: This compone is also used in Epics in EE
-       *               where listeners are tied to component event.
-       */
-      toggleSubscription() {
-        // App's eventHub event emission.
-        eventHub.$emit('toggleSubscription', this.id);
-        // Component event emission.
-        this.$emit('toggleSubscription', this.id);
-      },
-      onClickCollapsedIcon() {
-        this.$emit('toggleSidebar');
-      },
+    notificationIcon() {
+      return this.subscribed ? ICON_ON : ICON_OFF;
+    },
+    notificationTooltip() {
+      return this.subscribed ? LABEL_ON : LABEL_OFF;
+    },
+  },
+  methods: {
+    /**
+     * We need to emit this event on both component & eventHub
+     * for 2 dependencies;
+     *
+     * 1. eventHub: This component is used in Issue Boards sidebar
+     *              where component template is part of HAML
+     *              and event listeners are tied to app's eventHub.
+     * 2. Component: This compone is also used in Epics in EE
+     *               where listeners are tied to component event.
+     */
+    toggleSubscription() {
+      // App's eventHub event emission.
+      eventHub.$emit('toggleSubscription', this.id);
+      // Component event emission.
+      this.$emit('toggleSubscription', this.id);
+    },
+    onClickCollapsedIcon() {
+      this.$emit('toggleSidebar');
     },
-  };
+  },
+};
 </script>
 <template>

app/assets/javascripts/sidebar/sidebar_mediator.js

@@ -39,9 +39,10 @@ export default class SidebarMediator {
   }
   fetch() {
-    return this.service.get()
+    return this.service
+      .get()
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         this.processFetchedData(data);
       })
       .catch(() => new Flash('Error occurred when fetching sidebar data'));
@@ -56,30 +57,33 @@ export default class SidebarMediator {
   toggleSubscription() {
     this.store.setFetchingState('subscriptions', true);
-    return this.service.toggleSubscription()
+    return this.service
+      .toggleSubscription()
       .then(() => {
         this.store.setSubscribedState(!this.store.subscribed);
         this.store.setFetchingState('subscriptions', false);
       })
-      .catch((err) => {
+      .catch(err => {
         this.store.setFetchingState('subscriptions', false);
         throw err;
       });
   }
   fetchAutocompleteProjects(searchTerm) {
-    return this.service.getProjectsAutocomplete(searchTerm)
+    return this.service
+      .getProjectsAutocomplete(searchTerm)
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         this.store.setAutocompleteProjects(data);
         return this.store.autocompleteProjects;
       });
   }
   moveIssue() {
-    return this.service.moveIssue(this.store.moveToProjectId)
+    return this.service
+      .moveIssue(this.store.moveToProjectId)
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         if (window.location.pathname !== data.web_url) {
           visitUrl(data.web_url);
         }

app/assets/javascripts/vue_merge_request_widget/components/mr_widget_pipeline.vue

@@ -63,10 +63,15 @@ export default {
       return this.pipeline.commit && Object.keys(this.pipeline.commit).length > 0;
     },
     errorText() {
-      return sprintf(__('Could not retrieve the pipeline status. For troubleshooting steps, read the %{linkStart}documentation.%{linkEnd}'), {
-        linkStart: `<a href="${this.troubleshootingDocsPath}">`,
-        linkEnd: '</a>',
-      });
+      return sprintf(
+        __(
+          'Could not retrieve the pipeline status. For troubleshooting steps, read the %{linkStart}documentation.%{linkEnd}',
+        ),
+        {
+          linkStart: `<a href="${this.troubleshootingDocsPath}">`,
+          linkEnd: '</a>',
+        },
+      );
     },
   },
 };

app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue

@@ -71,7 +71,12 @@ export default {
       return defaultClass;
     },
     iconClass() {
-      if (this.status === 'failed' || !this.commitMessage.length || !this.mr.isMergeAllowed || this.mr.preventMerge) {
+      if (
+        this.status === 'failed' ||
+        !this.commitMessage.length ||
+        !this.mr.isMergeAllowed ||
+        this.mr.preventMerge
+      ) {
         return 'warning';
       }
       return 'success';
@@ -90,10 +95,12 @@ export default {
     },
     isMergeButtonDisabled() {
       const { commitMessage } = this;
-      return Boolean(!commitMessage.length
-        || !this.shouldShowMergeControls()
-        || this.isMakingRequest
-        || this.mr.preventMerge);
+      return Boolean(
+        !commitMessage.length ||
+          !this.shouldShowMergeControls() ||
+          this.isMakingRequest ||
+          this.mr.preventMerge,
+      );
     },
     isRemoveSourceBranchButtonDisabled() {
       return this.isMergeButtonDisabled;
@@ -140,9 +147,10 @@ export default {
       };
       this.isMakingRequest = true;
-      this.service.merge(options)
+      this.service
+        .merge(options)
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           const hasError = data.status === 'failed' || data.status === 'hook_validation_error';
           if (data.status === 'merge_when_pipeline_succeeds') {
@@ -167,9 +175,10 @@ export default {
       });
     },
     handleMergePolling(continuePolling, stopPolling) {
-      this.service.poll()
+      this.service
+        .poll()
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           if (data.state === 'merged') {
             // If state is merged we should update the widget and stop the polling
             eventHub.$emit('MRWidgetUpdateRequested');
@@ -205,9 +214,10 @@ export default {
       });
     },
     handleRemoveBranchPolling(continuePolling, stopPolling) {
-      this.service.poll()
+      this.service
+        .poll()
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           // If source branch exists then we should continue polling
           // because removing a source branch is a background task and takes time
           if (data.source_branch_exists) {

app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -116,7 +116,7 @@ export default {
         // init polling
         this.initPostMergeDeploymentsPolling();
       }
-    }
+    },
   },
   created() {
     this.initPolling();
@@ -213,17 +213,21 @@ export default {
         })
         .catch(() => this.throwDeploymentsError());
     },
-    fetchPostMergeDeployments(){
+    fetchPostMergeDeployments() {
       return this.fetchDeployments('merge_commit')
         .then(({ data }) => {
           if (data.length) {
             this.mr.postMergeDeployments = data;
           }
         })
-      .catch(() => this.throwDeploymentsError());
+        .catch(() => this.throwDeploymentsError());
     },
     throwDeploymentsError() {
-      createFlash(__('Something went wrong while fetching the environments for this merge request. Please try again.'));
+      createFlash(
+        __(
+          'Something went wrong while fetching the environments for this merge request. Please try again.',
+        ),
+      );
     },
     fetchActionsContent() {
       this.service

app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js

@@ -24,8 +24,8 @@ export default class MRWidgetService {
   fetchDeployments(targetParam) {
     return axios.get(this.endpoints.ciEnvironmentsStatusPath, {
       params: {
-        environment_target: targetParam
-      }
+        environment_target: targetParam,
+      },
     });
   }

app/assets/javascripts/vue_merge_request_widget/stores/mr_widget_store.js

@@ -18,8 +18,7 @@ export default class MergeRequestStore {
     this.squash = data.squash;
     this.squashBeforeMergeHelpPath =
       this.squashBeforeMergeHelpPath || data.squash_before_merge_help_path;
-    this.troubleshootingDocsPath =
-      this.troubleshootingDocsPath || data.troubleshooting_docs_path;
+    this.troubleshootingDocsPath = this.troubleshootingDocsPath || data.troubleshooting_docs_path;
     this.enableSquashBeforeMerge = this.enableSquashBeforeMerge || true;
     this.iid = data.iid;

app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue

@@ -56,12 +56,14 @@ export default {
     filteredResults() {
       if (this.filter !== '') {
         return this.items.filter(
-          item => item[this.filterKey] && item[this.filterKey].toLowerCase().includes(this.filter.toLowerCase()),
+          item =>
+            item[this.filterKey] &&
+            item[this.filterKey].toLowerCase().includes(this.filter.toLowerCase()),
         );
       }
       return this.items.slice(0, this.visibleItems);
-    }
+    },
   },
   mounted() {
     /**

app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue

 <script>
-  import tooltip from '~/vue_shared/directives/tooltip';
-  export default {
-    name: 'CollapsedCalendarIcon',
-    directives: {
-      tooltip,
+import tooltip from '~/vue_shared/directives/tooltip';
+export default {
+  name: 'CollapsedCalendarIcon',
+  directives: {
+    tooltip,
+  },
+  props: {
+    containerClass: {
+      type: String,
+      required: false,
+      default: '',
     },
-    props: {
-      containerClass: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      text: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      showIcon: {
-        type: Boolean,
-        required: false,
-        default: true,
-      },
-      tooltipText: {
-        type: String,
-        required: false,
-        default: '',
-      },
+    text: {
+      type: String,
+      required: false,
+      default: '',
     },
-    methods: {
-      click() {
-        this.$emit('click');
-      },
+    showIcon: {
+      type: Boolean,
+      required: false,
+      default: true,
     },
-  };
+    tooltipText: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  methods: {
+    click() {
+      this.$emit('click');
+    },
+  },
+};
 </script>
 <template>