Merge branch...

Merge branch '218545-refactor-container-registry-frontend-code-to-ease-community-contribution' into 'master'

Move list page components under dedicated folder

See merge request gitlab-org/gitlab!33825

app/assets/javascripts/registry/explorer/components/cli_commands.vue → app/assets/javascripts/registry/explorer/components/list_page/cli_commands.vue

@@ -11,7 +11,7 @@ import {
   COPY_BUILD_TITLE,
   PUSH_COMMAND_LABEL,
   COPY_PUSH_TITLE,
-} from '../constants/index';
+} from '../../constants/index';
 
 export default {
   components: {

app/assets/javascripts/registry/explorer/components/image_list_row.vue → app/assets/javascripts/registry/explorer/components/list_page/image_list_row.vue

@@ -8,7 +8,7 @@ import {
   LIST_DELETE_BUTTON_DISABLED,
   REMOVE_REPOSITORY_LABEL,
   ROW_SCHEDULED_FOR_DELETION,
-} from '../constants/index';
+} from '../../constants/index';
 
 export default {
   name: 'ImageListrow',

app/assets/javascripts/registry/explorer/components/project_empty_state.vue → app/assets/javascripts/registry/explorer/components/list_page/project_empty_state.vue

@@ -8,7 +8,7 @@ import {
   COPY_BUILD_TITLE,
   COPY_PUSH_TITLE,
   QUICK_START,
-} from '../constants/index';
+} from '../../constants/index';
 
 export default {
   name: 'ProjectEmptyState',

app/assets/javascripts/registry/explorer/components/registry_header.vue → app/assets/javascripts/registry/explorer/components/list_page/registry_header.vue

@@ -9,7 +9,7 @@ import {
   EXPIRATION_POLICY_WILL_RUN_IN,
   EXPIRATION_POLICY_DISABLED_TEXT,
   EXPIRATION_POLICY_DISABLED_MESSAGE,
-} from '../constants/index';
+} from '../../constants/index';
 
 export default {
   components: {

app/assets/javascripts/registry/explorer/pages/list.vue

@@ -12,11 +12,11 @@ import {
 } from '@gitlab/ui';
 import Tracking from '~/tracking';
 
-import ProjectEmptyState from '../components/project_empty_state.vue';
-import GroupEmptyState from '../components/group_empty_state.vue';
-import RegistryHeader from '../components/registry_header.vue';
-import ImageList from '../components/image_list.vue';
-import CliCommands from '../components/cli_commands.vue';
+import ProjectEmptyState from '../components/list_page/project_empty_state.vue';
+import GroupEmptyState from '../components/list_page/group_empty_state.vue';
+import RegistryHeader from '../components/list_page/registry_header.vue';
+import ImageList from '../components/list_page/image_list.vue';
+import CliCommands from '../components/list_page/cli_commands.vue';
 
 import {
   DELETE_IMAGE_SUCCESS_MESSAGE,

spec/frontend/registry/explorer/components/cli_commands_spec.js → spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js

@@ -3,7 +3,7 @@ import { mount, createLocalVue } from '@vue/test-utils';
 import { GlDropdown, GlFormGroup, GlFormInputGroup } from '@gitlab/ui';
 import Tracking from '~/tracking';
 import * as getters from '~/registry/explorer/stores/getters';
-import QuickstartDropdown from '~/registry/explorer/components/cli_commands.vue';
+import QuickstartDropdown from '~/registry/explorer/components/list_page/cli_commands.vue';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 
 import {

spec/frontend/registry/explorer/components/group_empty_state_spec.js → spec/frontend/registry/explorer/components/list_page/group_empty_state_spec.js

 import Vuex from 'vuex';
 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import { GlSprintf } from '@gitlab/ui';
-import { GlEmptyState } from '../stubs';
-import groupEmptyState from '~/registry/explorer/components/group_empty_state.vue';
+import { GlEmptyState } from '../../stubs';
+import groupEmptyState from '~/registry/explorer/components/list_page/group_empty_state.vue';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);

spec/frontend/registry/explorer/components/image_list_row_spec.js → spec/frontend/registry/explorer/components/list_page/image_list_row_spec.js

 import { shallowMount } from '@vue/test-utils';
 import { GlIcon, GlSprintf } from '@gitlab/ui';
 import { createMockDirective, getBinding } from 'helpers/vue_mock_directive';
-import Component from '~/registry/explorer/components/image_list_row.vue';
+import Component from '~/registry/explorer/components/list_page/image_list_row.vue';
 import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import {
   ROW_SCHEDULED_FOR_DELETION,
   LIST_DELETE_BUTTON_DISABLED,
 } from '~/registry/explorer/constants';
-import { RouterLink } from '../stubs';
-import { imagesListResponse } from '../mock_data';
+import { RouterLink } from '../../stubs';
+import { imagesListResponse } from '../../mock_data';
 
 describe('Image List Row', () => {
   let wrapper;

spec/frontend/registry/explorer/components/image_list_spec.js → spec/frontend/registry/explorer/components/list_page/image_list_spec.js

 import { shallowMount } from '@vue/test-utils';
 import { GlPagination } from '@gitlab/ui';
-import Component from '~/registry/explorer/components/image_list.vue';
-import ImageListRow from '~/registry/explorer/components/image_list_row.vue';
+import Component from '~/registry/explorer/components/list_page/image_list.vue';
+import ImageListRow from '~/registry/explorer/components/list_page/image_list_row.vue';
 
-import { imagesListResponse, imagePagination } from '../mock_data';
+import { imagesListResponse, imagePagination } from '../../mock_data';
 
 describe('Image List', () => {
   let wrapper;

spec/frontend/registry/explorer/components/project_empty_state_spec.js → spec/frontend/registry/explorer/components/list_page/project_empty_state_spec.js

 import Vuex from 'vuex';
 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import { GlSprintf } from '@gitlab/ui';
-import { GlEmptyState } from '../stubs';
-import projectEmptyState from '~/registry/explorer/components/project_empty_state.vue';
+import { GlEmptyState } from '../../stubs';
+import projectEmptyState from '~/registry/explorer/components/list_page/project_empty_state.vue';
 import * as getters from '~/registry/explorer/stores/getters';
 
 const localVue = createLocalVue();

spec/frontend/registry/explorer/components/registry_header_spec.js → spec/frontend/registry/explorer/components/list_page/registry_header_spec.js

 import { shallowMount } from '@vue/test-utils';
 import { GlSprintf, GlLink } from '@gitlab/ui';
-import Component from '~/registry/explorer/components/registry_header.vue';
+import Component from '~/registry/explorer/components/list_page/registry_header.vue';
 import {
   CONTAINER_REGISTRY_TITLE,
   LIST_INTRO_TEXT,

spec/frontend/registry/explorer/pages/list_spec.js

@@ -3,11 +3,11 @@ import { GlSkeletonLoader, GlSprintf, GlAlert, GlSearchBoxByClick } from '@gitla
 import Tracking from '~/tracking';
 import waitForPromises from 'helpers/wait_for_promises';
 import component from '~/registry/explorer/pages/list.vue';
-import CliCommands from '~/registry/explorer/components/cli_commands.vue';
-import GroupEmptyState from '~/registry/explorer/components/group_empty_state.vue';
-import ProjectEmptyState from '~/registry/explorer/components/project_empty_state.vue';
-import RegistryHeader from '~/registry/explorer/components/registry_header.vue';
-import ImageList from '~/registry/explorer/components/image_list.vue';
+import CliCommands from '~/registry/explorer/components/list_page/cli_commands.vue';
+import GroupEmptyState from '~/registry/explorer/components/list_page/group_empty_state.vue';
+import ProjectEmptyState from '~/registry/explorer/components/list_page/project_empty_state.vue';
+import RegistryHeader from '~/registry/explorer/components/list_page/registry_header.vue';
+import ImageList from '~/registry/explorer/components/list_page/image_list.vue';
 import { createStore } from '~/registry/explorer/stores/';
 import {
   SET_MAIN_LOADING,