From 0c2077538f829295e671ddb7152719804e6e9019 Mon Sep 17 00:00:00 2001 From: JoFletcher Date: Fri, 1 Nov 2024 16:42:38 -0400 Subject: [PATCH] Add Display agent details in a popover --- .../components/agent_data_label.vue | 18 ++++ .../components/agent_details_popover.vue | 65 +++++++++++++ .../agent_mapping/components/agents_table.vue | 5 +- .../toggle_agent_mapping_status_mutation.vue | 9 +- ...t_agents_with_mapping_status.query.graphql | 18 ++++ .../remote_development/workspaces_spec.rb | 7 +- .../remote_development/workspaces_spec.rb | 1 + .../components/agent_data_label_spec.js | 45 +++++++++ .../components/agent_details_popover_spec.js | 97 +++++++++++++++++++ .../components/agents_table_spec.js | 8 ++ ...t_agents_with_mapping_status_query_spec.js | 22 +++++ .../frontend/workspaces/mock_data/index.js | 88 +++++++++-------- .../workspaces/workspaces_shared_contexts.rb | 13 +++ locale/gitlab.pot | 9 ++ 14 files changed, 359 insertions(+), 46 deletions(-) create mode 100644 ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_data_label.vue create mode 100644 ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_details_popover.vue create mode 100644 ee/spec/frontend/workspaces/agent_mapping/components/agent_data_label_spec.js create mode 100644 ee/spec/frontend/workspaces/agent_mapping/components/agent_details_popover_spec.js create mode 100644 ee/spec/support/shared_contexts/features/workspaces/workspaces_shared_contexts.rb diff --git a/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_data_label.vue b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_data_label.vue new file mode 100644 index 00000000000000..9cc42e34a5b349 --- /dev/null +++ b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_data_label.vue @@ -0,0 +1,18 @@ + + diff --git a/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_details_popover.vue b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_details_popover.vue new file mode 100644 index 00000000000000..d104e034e02862 --- /dev/null +++ b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agent_details_popover.vue @@ -0,0 +1,65 @@ + + diff --git a/ee/app/assets/javascripts/workspaces/agent_mapping/components/agents_table.vue b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agents_table.vue index 5fc41fb787176c..e1211e7014f7a4 100644 --- a/ee/app/assets/javascripts/workspaces/agent_mapping/components/agents_table.vue +++ b/ee/app/assets/javascripts/workspaces/agent_mapping/components/agents_table.vue @@ -4,6 +4,7 @@ import { __ } from '~/locale'; import SafeHtml from '~/vue_shared/directives/safe_html'; import CrudComponent from '~/vue_shared/components/crud_component.vue'; import { AGENT_MAPPING_STATUS_MAPPED, AGENT_MAPPING_STATUS_UNMAPPED } from '../constants'; +import AgentDetailsPopover from './agent_details_popover.vue'; import AgentMappingStatusToggle from './agent_mapping_status_toggle.vue'; import ToggleAgentMappingStatusMutation from './toggle_agent_mapping_status_mutation.vue'; @@ -45,6 +46,7 @@ export default { GlLoadingIcon, GlTable, CrudComponent, + AgentDetailsPopover, AgentMappingStatusToggle, ToggleAgentMappingStatusMutation, }, @@ -113,7 +115,8 @@ export default {