Merge branch 'move-agent-frontend-to-core' into 'master'

Move cluster agent frontend to Core

See merge request gitlab-org/gitlab!71359

app/assets/javascripts/clusters_list/constants.js

-import { __, s__ } from '~/locale';
+import { __, s__, sprintf } from '~/locale';
+
+export const MAX_LIST_COUNT = 25;
+export const INSTALL_AGENT_MODAL_ID = 'install-agent';
+export const ACTIVE_CONNECTION_TIME = 480000;
+export const TROUBLESHOOTING_LINK =
+  'https://docs.gitlab.com/ee/user/clusters/agent/#troubleshooting';
 
 export const CLUSTER_ERRORS = {
   default: {
@@ -58,3 +64,80 @@ export const STATUSES = {
   deleting: { title: __('Deleting') },
   creating: { title: __('Creating') },
 };
+
+export const I18N_INSTALL_AGENT_MODAL = {
+  next: __('Next'),
+  done: __('Done'),
+  cancel: __('Cancel'),
+
+  modalTitle: s__('ClusterAgents|Install new Agent'),
+
+  selectAgentTitle: s__('ClusterAgents|Select which Agent you want to install'),
+  selectAgentBody: s__(
+    `ClusterAgents|Select the Agent you want to register with GitLab and install on your cluster. To learn more about the Kubernetes Agent registration process %{linkStart}go to the documentation%{linkEnd}.`,
+  ),
+
+  copyToken: s__('ClusterAgents|Copy token'),
+  tokenTitle: s__('ClusterAgents|Registration token'),
+  tokenBody: s__(
+    `ClusterAgents|The registration token will be used to connect the Agent on your cluster to GitLab. To learn more about the registration tokens and how they are used %{linkStart}go to the documentation%{linkEnd}.`,
+  ),
+
+  tokenSingleUseWarningTitle: s__(
+    'ClusterAgents|The token value will not be shown again after you close this window.',
+  ),
+  tokenSingleUseWarningBody: s__(
+    `ClusterAgents|The recommended installation method provided below includes the token. If you want to follow the alternative installation method provided in the docs make sure you save the token value before you close the window.`,
+  ),
+
+  basicInstallTitle: s__('ClusterAgents|Recommended installation method'),
+  basicInstallBody: s__(
+    `Open a CLI and connect to the cluster you want to install the Agent in. Use this installation method to minimize any manual steps. The token is already included in the command.`,
+  ),
+
+  advancedInstallTitle: s__('ClusterAgents|Alternative installation methods'),
+  advancedInstallBody: s__(
+    'ClusterAgents|For alternative installation methods %{linkStart}go to the documentation%{linkEnd}.',
+  ),
+
+  registrationErrorTitle: s__('Failed to register Agent'),
+  unknownError: s__('ClusterAgents|An unknown error occurred. Please try again.'),
+};
+
+export const I18N_AVAILABLE_AGENTS_DROPDOWN = {
+  selectAgent: s__('ClusterAgents|Select an Agent'),
+  registeringAgent: s__('ClusterAgents|Registering Agent'),
+};
+
+export const AGENT_STATUSES = {
+  active: {
+    name: s__('ClusterAgents|Connected'),
+    icon: 'status-success',
+    class: 'text-success-500',
+    tooltip: {
+      title: sprintf(s__('ClusterAgents|Last connected %{timeAgo}.')),
+    },
+  },
+  inactive: {
+    name: s__('ClusterAgents|Not connected'),
+    icon: 'severity-critical',
+    class: 'text-danger-800',
+    tooltip: {
+      title: s__('ClusterAgents|Agent might not be connected to GitLab'),
+      body: sprintf(
+        s__(
+          'ClusterAgents|The Agent has not been connected in a long time. There might be a connectivity issue. Last contact was %{timeAgo}.',
+        ),
+      ),
+    },
+  },
+  unused: {
+    name: s__('ClusterAgents|Never connected'),
+    icon: 'status-neutral',
+    class: 'text-secondary-400',
+    tooltip: {
+      title: s__('ClusterAgents|Agent never connected to GitLab'),
+      body: s__('ClusterAgents|Make sure you are using a valid token.'),
+    },
+  },
+};

app/assets/javascripts/clusters_list/index.js

 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import loadClusters from './load_clusters';
+import loadAgents from './load_agents';
+
+Vue.use(VueApollo);
 
 export default () => {
   loadClusters(Vue);
+  loadAgents(Vue, VueApollo);
 };

ee/app/assets/javascripts/pages/projects/cluster_agents/show/index.js → app/assets/javascripts/pages/projects/cluster_agents/show/index.js

-import loadClusterAgentVues from 'ee/clusters/agents';
+import loadClusterAgentVues from '~/clusters/agents';
 
 loadClusterAgentVues();

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

-import initClustersListApp from 'ee_else_ce/clusters_list';
+import initClustersListApp from '~/clusters_list';
 import PersistentUserCallout from '~/persistent_user_callout';
 
 const callout = document.querySelector('.gcp-signup-offer');

ee/app/assets/javascripts/clusters_list/constants.js

-import { __, s__, sprintf } from '~/locale';
-
-export const MAX_LIST_COUNT = 25;
-export const INSTALL_AGENT_MODAL_ID = 'install-agent';
-export const ACTIVE_CONNECTION_TIME = 480000;
-export const TROUBLESHOOTING_LINK =
-  'https://docs.gitlab.com/ee/user/clusters/agent/#troubleshooting';
-
-export const I18N_INSTALL_AGENT_MODAL = {
-  next: __('Next'),
-  done: __('Done'),
-  cancel: __('Cancel'),
-
-  modalTitle: s__('ClusterAgents|Install new Agent'),
-
-  selectAgentTitle: s__('ClusterAgents|Select which Agent you want to install'),
-  selectAgentBody: s__(
-    `ClusterAgents|Select the Agent you want to register with GitLab and install on your cluster. To learn more about the Kubernetes Agent registration process %{linkStart}go to the documentation%{linkEnd}.`,
-  ),
-
-  copyToken: s__('ClusterAgents|Copy token'),
-  tokenTitle: s__('ClusterAgents|Registration token'),
-  tokenBody: s__(
-    `ClusterAgents|The registration token will be used to connect the Agent on your cluster to GitLab. To learn more about the registration tokens and how they are used %{linkStart}go to the documentation%{linkEnd}.`,
-  ),
-
-  tokenSingleUseWarningTitle: s__(
-    'ClusterAgents|The token value will not be shown again after you close this window.',
-  ),
-  tokenSingleUseWarningBody: s__(
-    `ClusterAgents|The recommended installation method provided below includes the token. If you want to follow the alternative installation method provided in the docs make sure you save the token value before you close the window.`,
-  ),
-
-  basicInstallTitle: s__('ClusterAgents|Recommended installation method'),
-  basicInstallBody: s__(
-    `Open a CLI and connect to the cluster you want to install the Agent in. Use this installation method to minimize any manual steps. The token is already included in the command.`,
-  ),
-
-  advancedInstallTitle: s__('ClusterAgents|Alternative installation methods'),
-  advancedInstallBody: s__(
-    'ClusterAgents|For alternative installation methods %{linkStart}go to the documentation%{linkEnd}.',
-  ),
-
-  registrationErrorTitle: s__('Failed to register Agent'),
-  unknownError: s__('ClusterAgents|An unknown error occurred. Please try again.'),
-};
-
-export const I18N_AVAILABLE_AGENTS_DROPDOWN = {
-  selectAgent: s__('ClusterAgents|Select an Agent'),
-  registeringAgent: s__('ClusterAgents|Registering Agent'),
-};
-
-export const AGENT_STATUSES = {
-  active: {
-    name: s__('ClusterAgents|Connected'),
-    icon: 'status-success',
-    class: 'text-success-500',
-    tooltip: {
-      title: sprintf(s__('ClusterAgents|Last connected %{timeAgo}.')),
-    },
-  },
-  inactive: {
-    name: s__('ClusterAgents|Not connected'),
-    icon: 'severity-critical',
-    class: 'text-danger-800',
-    tooltip: {
-      title: s__('ClusterAgents|Agent might not be connected to GitLab'),
-      body: sprintf(
-        s__(
-          'ClusterAgents|The Agent has not been connected in a long time. There might be a connectivity issue. Last contact was %{timeAgo}.',
-        ),
-      ),
-    },
-  },
-  unused: {
-    name: s__('ClusterAgents|Never connected'),
-    icon: 'status-neutral',
-    class: 'text-secondary-400',
-    tooltip: {
-      title: s__('ClusterAgents|Agent never connected to GitLab'),
-      body: s__('ClusterAgents|Make sure you are using a valid token.'),
-    },
-  },
-};

ee/app/assets/javascripts/clusters_list/index.js

-import Vue from 'vue';
-import VueApollo from 'vue-apollo';
-import loadClusters from '~/clusters_list/load_clusters';
-import loadAgents from './load_agents';
-
-Vue.use(VueApollo);
-
-export default () => {
-  loadClusters(Vue);
-  loadAgents(Vue, VueApollo);
-};

ee/spec/frontend/clusters/agents/components/show_spec.js → spec/frontend/clusters/agents/components/show_spec.js

 import { GlAlert, GlKeysetPagination, GlLoadingIcon, GlSprintf, GlTab } from '@gitlab/ui';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import VueApollo from 'vue-apollo';
-import ClusterAgentShow from 'ee/clusters/agents/components/show.vue';
-import TokenTable from 'ee/clusters/agents/components/token_table.vue';
-import getAgentQuery from 'ee/clusters/agents/graphql/queries/get_cluster_agent.query.graphql';
+import ClusterAgentShow from '~/clusters/agents/components/show.vue';
+import TokenTable from '~/clusters/agents/components/token_table.vue';
+import getAgentQuery from '~/clusters/agents/graphql/queries/get_cluster_agent.query.graphql';
 import { useFakeDate } from 'helpers/fake_date';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import waitForPromises from 'helpers/wait_for_promises';

ee/spec/frontend/clusters/agents/components/token_table_spec.js → spec/frontend/clusters/agents/components/token_table_spec.js

 import { GlEmptyState, GlLink, GlTooltip, GlTruncate } from '@gitlab/ui';
 import { mount } from '@vue/test-utils';
-import TokenTable from 'ee/clusters/agents/components/token_table.vue';
+import TokenTable from '~/clusters/agents/components/token_table.vue';
 import { useFakeDate } from 'helpers/fake_date';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 

ee/spec/frontend/clusters_list/components/agent_empty_state_spec.js → spec/frontend/clusters_list/components/agent_empty_state_spec.js

 import { GlAlert, GlEmptyState, GlSprintf } from '@gitlab/ui';
-import AgentEmptyState from 'ee/clusters_list/components/agent_empty_state.vue';
+import AgentEmptyState from '~/clusters_list/components/agent_empty_state.vue';
 import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 
 const emptyStateImage = '/path/to/image';

ee/spec/frontend/clusters_list/components/agent_table_spec.js → spec/frontend/clusters_list/components/agent_table_spec.js

 import { GlButton, GlLink, GlIcon } from '@gitlab/ui';
-import AgentTable from 'ee/clusters_list/components/agent_table.vue';
-import { ACTIVE_CONNECTION_TIME } from 'ee/clusters_list/constants';
+import AgentTable from '~/clusters_list/components/agent_table.vue';
+import { ACTIVE_CONNECTION_TIME } from '~/clusters_list/constants';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 

ee/spec/frontend/clusters_list/components/agents_spec.js → spec/frontend/clusters_list/components/agents_spec.js

 import { GlAlert, GlKeysetPagination, GlLoadingIcon } from '@gitlab/ui';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import VueApollo from 'vue-apollo';
-import AgentEmptyState from 'ee/clusters_list/components/agent_empty_state.vue';
-import AgentTable from 'ee/clusters_list/components/agent_table.vue';
-import Agents from 'ee/clusters_list/components/agents.vue';
-import { ACTIVE_CONNECTION_TIME } from 'ee/clusters_list/constants';
-import getAgentsQuery from 'ee/clusters_list/graphql/queries/get_agents.query.graphql';
+import AgentEmptyState from '~/clusters_list/components/agent_empty_state.vue';
+import AgentTable from '~/clusters_list/components/agent_table.vue';
+import Agents from '~/clusters_list/components/agents.vue';
+import { ACTIVE_CONNECTION_TIME } from '~/clusters_list/constants';
+import getAgentsQuery from '~/clusters_list/graphql/queries/get_agents.query.graphql';
 import createMockApollo from 'helpers/mock_apollo_helper';
 
 const localVue = createLocalVue();

ee/spec/frontend/clusters_list/components/available_agents_dropwdown_spec.js → spec/frontend/clusters_list/components/available_agents_dropwdown_spec.js

 import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
 import { createLocalVue, mount } from '@vue/test-utils';
 import VueApollo from 'vue-apollo';
-import AvailableAgentsDropdown from 'ee/clusters_list/components/available_agents_dropdown.vue';
-import { I18N_AVAILABLE_AGENTS_DROPDOWN } from 'ee/clusters_list/constants';
-import agentConfigurationsQuery from 'ee/clusters_list/graphql/queries/agent_configurations.query.graphql';
+import AvailableAgentsDropdown from '~/clusters_list/components/available_agents_dropdown.vue';
+import { I18N_AVAILABLE_AGENTS_DROPDOWN } from '~/clusters_list/constants';
+import agentConfigurationsQuery from '~/clusters_list/graphql/queries/agent_configurations.query.graphql';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import { agentConfigurationsResponse } from './mock_data';
 

ee/spec/frontend/clusters_list/components/install_agent_modal_spec.js → spec/frontend/clusters_list/components/install_agent_modal_spec.js

 import { GlAlert, GlButton, GlFormInputGroup } from '@gitlab/ui';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import VueApollo from 'vue-apollo';
-import AvailableAgentsDropdown from 'ee/clusters_list/components/available_agents_dropdown.vue';
-import InstallAgentModal from 'ee/clusters_list/components/install_agent_modal.vue';
-import { I18N_INSTALL_AGENT_MODAL } from 'ee/clusters_list/constants';
-import createAgentMutation from 'ee/clusters_list/graphql/mutations/create_agent.mutation.graphql';
-import createAgentTokenMutation from 'ee/clusters_list/graphql/mutations/create_agent_token.mutation.graphql';
+import AvailableAgentsDropdown from '~/clusters_list/components/available_agents_dropdown.vue';
+import InstallAgentModal from '~/clusters_list/components/install_agent_modal.vue';
+import { I18N_INSTALL_AGENT_MODAL } from '~/clusters_list/constants';
+import createAgentMutation from '~/clusters_list/graphql/mutations/create_agent.mutation.graphql';
+import createAgentTokenMutation from '~/clusters_list/graphql/mutations/create_agent_token.mutation.graphql';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import waitForPromises from 'helpers/wait_for_promises';
 import CodeBlock from '~/vue_shared/components/code_block.vue';