Merge branch 'fix-vue-order-in-components-boards' into 'master'

Fix component option order in boards

See merge request gitlab-org/gitlab!51360

app/assets/javascripts/boards/components/board_column.vue

@@ -11,6 +11,11 @@ export default {
     BoardListHeader,
     BoardList,
   },
+  inject: {
+    boardId: {
+      default: '',
+    },
+  },
   props: {
     list: {
       type: Object,
@@ -27,11 +32,6 @@ export default {
       default: false,
     },
   },
-  inject: {
-    boardId: {
-      default: '',
-    },
-  },
   data() {
     return {
       detailIssue: boardsStore.detail,

app/assets/javascripts/boards/components/board_column_new.vue

@@ -9,6 +9,11 @@ export default {
     BoardListHeader,
     BoardList,
   },
+  inject: {
+    boardId: {
+      default: '',
+    },
+  },
   props: {
     list: {
       type: Object,
@@ -25,11 +30,6 @@ export default {
       default: false,
     },
   },
-  inject: {
-    boardId: {
-      default: '',
-    },
-  },
   computed: {
     ...mapState(['filterParams']),
     ...mapGetters(['getIssuesByList']),

app/assets/javascripts/boards/components/board_form.vue

@@ -49,6 +49,14 @@ export default {
     GlModal,
     BoardConfigurationOptions,
   },
+  inject: {
+    fullPath: {
+      default: '',
+    },
+    rootPath: {
+      default: '',
+    },
+  },
   props: {
     canAdminBoard: {
       type: Boolean,
@@ -92,14 +100,6 @@ export default {
       required: true,
     },
   },
-  inject: {
-    fullPath: {
-      default: '',
-    },
-    rootPath: {
-      default: '',
-    },
-  },
   data() {
     return {
       board: { ...boardDefaults, ...this.currentBoard },

app/assets/javascripts/boards/components/board_list_header.vue

@@ -31,6 +31,11 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
+  inject: {
+    boardId: {
+      default: '',
+    },
+  },
   props: {
     list: {
       type: Object,
@@ -47,11 +52,6 @@ export default {
       default: false,
     },
   },
-  inject: {
-    boardId: {
-      default: '',
-    },
-  },
   data() {
     return {
       weightFeatureAvailable: false,

app/assets/javascripts/boards/components/board_list_header_new.vue

@@ -37,6 +37,20 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
+  inject: {
+    boardId: {
+      default: '',
+    },
+    weightFeatureAvailable: {
+      default: false,
+    },
+    scopedLabelsAvailable: {
+      default: false,
+    },
+    currentUserId: {
+      default: null,
+    },
+  },
   props: {
     list: {
       type: Object,
@@ -53,20 +67,6 @@ export default {
       default: false,
     },
   },
-  inject: {
-    boardId: {
-      default: '',
-    },
-    weightFeatureAvailable: {
-      default: false,
-    },
-    scopedLabelsAvailable: {
-      default: false,
-    },
-    currentUserId: {
-      default: null,
-    },
-  },
   computed: {
     ...mapState(['activeId']),
     isLoggedIn() {

app/assets/javascripts/boards/components/board_new_issue.vue

@@ -16,13 +16,13 @@ export default {
     GlButton,
   },
   mixins: [glFeatureFlagMixin()],
+  inject: ['groupId'],
   props: {
     list: {
       type: Object,
       required: true,
     },
   },
-  inject: ['groupId'],
   data() {
     return {
       title: '',

app/assets/javascripts/boards/components/board_new_issue_new.vue

@@ -18,13 +18,13 @@ export default {
     GlButton,
   },
   mixins: [glFeatureFlagMixin()],
+  inject: ['groupId', 'weightFeatureAvailable', 'boardWeight'],
   props: {
     list: {
       type: Object,
       required: true,
     },
   },
-  inject: ['groupId', 'weightFeatureAvailable', 'boardWeight'],
   data() {
     return {
       title: '',

app/assets/javascripts/boards/components/issue_card_inner.vue

@@ -27,6 +27,7 @@ export default {
     GlTooltip: GlTooltipDirective,
   },
   mixins: [issueCardInner],
+  inject: ['groupId', 'rootPath', 'scopedLabelsAvailable'],
   props: {
     issue: {
       type: Object,
@@ -43,7 +44,6 @@ export default {
       default: false,
     },
   },
-  inject: ['groupId', 'rootPath', 'scopedLabelsAvailable'],
   data() {
     return {
       limitBeforeCounter: 2,

app/assets/javascripts/boards/components/issue_card_inner_deprecated.vue

@@ -25,6 +25,7 @@ export default {
     GlTooltip: GlTooltipDirective,
   },
   mixins: [issueCardInner],
+  inject: ['groupId', 'rootPath'],
   props: {
     issue: {
       type: Object,
@@ -41,7 +42,6 @@ export default {
       default: false,
     },
   },
-  inject: ['groupId', 'rootPath'],
   data() {
     return {
       limitBeforeCounter: 2,

app/assets/javascripts/boards/components/issue_time_estimate.vue

@@ -11,13 +11,13 @@ export default {
     GlIcon,
     GlTooltip,
   },
+  inject: ['timeTrackingLimitToHours'],
   props: {
     estimate: {
       type: Number,
       required: true,
     },
   },
-  inject: ['timeTrackingLimitToHours'],
   computed: {
     title() {
       return stringifyTime(

app/assets/javascripts/boards/components/project_select.vue

@@ -33,13 +33,13 @@ export default {
     GlDropdownText,
     GlSearchBoxByType,
   },
+  inject: ['groupId'],
   props: {
     list: {
       type: Object,
       required: true,
     },
   },
-  inject: ['groupId'],
   data() {
     return {
       initialLoading: true,

app/assets/javascripts/boards/components/sidebar/board_editable_item.vue

@@ -3,6 +3,7 @@ import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 
 export default {
   components: { GlButton, GlLoadingIcon },
+  inject: ['canUpdate'],
   props: {
     title: {
       type: String,
@@ -25,7 +26,6 @@ export default {
       default: true,
     },
   },
-  inject: ['canUpdate'],
   data() {
     return {
       edit: false,

app/assets/javascripts/boards/components/sidebar/board_sidebar_labels_select.vue

@@ -14,12 +14,12 @@ export default {
     LabelsSelect,
     GlLabel,
   },
+  inject: ['labelsFetchPath', 'labelsManagePath', 'labelsFilterBasePath'],
   data() {
     return {
       loading: false,
     };
   },
-  inject: ['labelsFetchPath', 'labelsManagePath', 'labelsFilterBasePath'],
   computed: {
     ...mapGetters(['activeIssue', 'projectPathForActiveIssue']),
     selectedLabels() {

app/assets/javascripts/boards/mount_multiple_boards_switcher.js

@@ -18,6 +18,10 @@ export default (params = {}) => {
       BoardsSelector,
     },
     apolloProvider,
+    provide: {
+      fullPath: params.fullPath,
+      rootPath: params.rootPath,
+    },
     data() {
       const { dataset } = boardsSwitcherElement;
 
@@ -35,10 +39,6 @@ export default (params = {}) => {
 
       return { boardsSelectorProps };
     },
-    provide: {
-      fullPath: params.fullPath,
-      rootPath: params.rootPath,
-    },
     render(createElement) {
       return createElement(BoardsSelector, {
         props: this.boardsSelectorProps,

ee/app/assets/javascripts/boards/components/sidebar/board_sidebar_epic_select.vue

@@ -12,12 +12,12 @@ export default {
     BoardEditableItem,
     EpicsSelect,
   },
+  inject: ['groupId'],
   data() {
     return {
       loading: false,
     };
   },
-  inject: ['groupId'],
   computed: {
     ...mapState(['epics']),
     ...mapGetters(['activeIssue', 'getEpicById', 'projectPathForActiveIssue']),

ee/app/assets/javascripts/boards/components/sidebar/board_sidebar_time_tracker.vue

@@ -3,10 +3,10 @@ import { mapGetters } from 'vuex';
 import IssuableTimeTracker from '~/sidebar/components/time_tracking/time_tracker.vue';
 
 export default {
-  inject: ['timeTrackingLimitToHours'],
   components: {
     IssuableTimeTracker,
   },
+  inject: ['timeTrackingLimitToHours'],
   computed: {
     ...mapGetters(['activeIssue']),
   },