github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[8.16] [Onboarding] Add tech preview badges to onboarding flows (#196926) (#197181)

Browse source 
# Backport

This will backport the following commits from `main` to `8.16`:
- [[Onboarding] Add tech preview badges to onboarding flows
(#196926)](https://github.com/elastic/kibana/pull/196926)

<!--- Backport version: 8.9.8 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Giorgos
Bamparopoulos","email":"georgios.bamparopoulos@elastic.co"},"sourceCommit":{"committedDate":"2024-10-21T13:45:56Z","message":"[Onboarding]
Add tech preview badges to onboarding flows (#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<johannes.reuter@elastic.co>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","v9.0.0","backport:prev-minor","ci:project-deploy-observability","Feature:
Observability
Onboarding","v8.16.0","v8.17.0"],"number":196926,"url":"https://github.com/elastic/kibana/pull/196926","mergeCommit":{"message":"[Onboarding]
Add tech preview badges to onboarding flows (#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<johannes.reuter@elastic.co>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9"}},"sourceBranch":"main","suggestedTargetBranches":["8.16"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","labelRegex":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/196926","number":196926,"mergeCommit":{"message":"[Onboarding]
Add tech preview badges to onboarding flows (#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<johannes.reuter@elastic.co>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9"}},{"branch":"8.16","label":"v8.16.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.x","label":"v8.17.0","labelRegex":"^v8.17.0$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/197067","number":197067,"state":"MERGED","mergeCommit":{"sha":"5484f87753e790e1f8a2699f1a6433af414f737f","message":"[8.x]
[Onboarding] Add tech preview badges to onboarding flows (#196926)
(#197067)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.x`:\n- [[Onboarding] Add tech preview badges to onboarding
flows\n(#196926)](https://github.com/elastic/kibana/pull/196926)\n\n<!---
Backport version: 9.4.3 -->\n\n### Questions ?\nPlease refer to the
[Backport
tool\ndocumentation](https://github.com/sqren/backport)\n\n<!--BACKPORT
[{\"author\":{\"name\":\"Giorgos\nBamparopoulos\",\"email\":\"georgios.bamparopoulos@elastic.co\"},\"sourceCommit\":{\"committedDate\":\"2024-10-21T13:45:56Z\",\"message\":\"[Onboarding]\nAdd
tech preview badges to onboarding flows
(#196926)\\n\\n##\nSummary\\r\\nAdds Tech Preview badges for the
following flows:\\r\\n\\r\\n-\nAuto-detect Integrations with Elastic
Agent (Tile + Page)\\r\\n-\nKubernetes monitoring with Elastic Agent
(Tile + Page)\\r\\n- Host\nmonitoring with EDOT Collector
(Tile)\\r\\n\\r\\n### Auto-detect\nflow\\r\\n#### Tile\\r\\n\\r\\n<img
width=\\\"394\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1218\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\\\">\\r\\n\\r\\n###\nKubernetes
monitoring with EA\\r\\n#### Tile\\r\\n<img
width=\\\"393\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1219\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\\\">\\r\\n\\r\\n###\nHost
monitoring (OTel)\\r\\n#### Tile\\r\\n<img
width=\\\"390\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\\\">\\r\\n\\r\\n---------\\r\\n\\r\\nCo-authored-by:\nJoe
Reuter\n<johannes.reuter@elastic.co>\",\"sha\":\"d7e48fd21583b235d1cfa671a86196421d008de9\",\"branchLabelMapping\":{\"^v9.0.0$\":\"main\",\"^v8.17.0$\":\"8.x\",\"^v(\\\\d+).(\\\\d+).\\\\d+$\":\"$1.$2\"}},\"sourcePullRequest\":{\"labels\":[\"bug\",\"release_note:skip\",\"v9.0.0\",\"backport:prev-minor\",\"ci:project-deploy-observability\",\"Feature:\nObservability
Onboarding\"],\"title\":\"[Onboarding] Add tech preview badges\nto
onboarding\nflows\",\"number\":196926,\"url\":\"https://github.com/elastic/kibana/pull/196926\",\"mergeCommit\":{\"message\":\"[Onboarding]\nAdd
tech preview badges to onboarding flows
(#196926)\\n\\n##\nSummary\\r\\nAdds Tech Preview badges for the
following flows:\\r\\n\\r\\n-\nAuto-detect Integrations with Elastic
Agent (Tile + Page)\\r\\n-\nKubernetes monitoring with Elastic Agent
(Tile + Page)\\r\\n- Host\nmonitoring with EDOT Collector
(Tile)\\r\\n\\r\\n### Auto-detect\nflow\\r\\n#### Tile\\r\\n\\r\\n<img
width=\\\"394\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1218\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\\\">\\r\\n\\r\\n###\nKubernetes
monitoring with EA\\r\\n#### Tile\\r\\n<img
width=\\\"393\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1219\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\\\">\\r\\n\\r\\n###\nHost
monitoring (OTel)\\r\\n#### Tile\\r\\n<img
width=\\\"390\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\\\">\\r\\n\\r\\n---------\\r\\n\\r\\nCo-authored-by:\nJoe
Reuter\n<johannes.reuter@elastic.co>\",\"sha\":\"d7e48fd21583b235d1cfa671a86196421d008de9\"}},\"sourceBranch\":\"main\",\"suggestedTargetBranches\":[],\"targetPullRequestStates\":[{\"branch\":\"main\",\"label\":\"v9.0.0\",\"branchLabelMappingKey\":\"^v9.0.0$\",\"isSourceBranch\":true,\"state\":\"MERGED\",\"url\":\"https://github.com/elastic/kibana/pull/196926\",\"number\":196926,\"mergeCommit\":{\"message\":\"[Onboarding]\nAdd
tech preview badges to onboarding flows
(#196926)\\n\\n##\nSummary\\r\\nAdds Tech Preview badges for the
following flows:\\r\\n\\r\\n-\nAuto-detect Integrations with Elastic
Agent (Tile + Page)\\r\\n-\nKubernetes monitoring with Elastic Agent
(Tile + Page)\\r\\n- Host\nmonitoring with EDOT Collector
(Tile)\\r\\n\\r\\n### Auto-detect\nflow\\r\\n#### Tile\\r\\n\\r\\n<img
width=\\\"394\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1218\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\\\">\\r\\n\\r\\n###\nKubernetes
monitoring with EA\\r\\n#### Tile\\r\\n<img
width=\\\"393\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\\\">\\r\\n\\r\\n####\nPage\\r\\n<img
width=\\\"1219\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\\\">\\r\\n\\r\\n###\nHost
monitoring (OTel)\\r\\n#### Tile\\r\\n<img
width=\\\"390\\\"\nalt=\\\"image\\\"\\r\\nsrc=\\\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\\\">\\r\\n\\r\\n---------\\r\\n\\r\\nCo-authored-by:\nJoe
Reuter\n<johannes.reuter@elastic.co>\",\"sha\":\"d7e48fd21583b235d1cfa671a86196421d008de9\"}}]}]\nBACKPORT-->\n\nCo-authored-by:
Giorgos Bamparopoulos <georgios.bamparopoulos@elastic.co>"}}]}]
BACKPORT-->
This commit is contained in:
Giorgos Bamparopoulos 2024-10-22 13:32:55 +03:00 • committed by GitHub
parent d55bc7aa4b
commit 5d1530f5aa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 25 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

35
x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/use_custom_cards_for_category.tsx
View file

@ -61,12 +61,12 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="apple" size="m" />
</EuiFlexItem>,
<EuiFlexItem grow={false}>
</ExtraLabelBadgeWrapper>,
<ExtraLabelBadgeWrapper>
<LogoIcon logo="linux" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
@ -79,6 +79,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
{
id: 'otel-logs',
@ -98,12 +99,12 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="apple" size="m" />
</EuiFlexItem>,
<EuiFlexItem grow={false}>
</ExtraLabelBadgeWrapper>,
<ExtraLabelBadgeWrapper>
<LogoIcon logo="linux" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
@ -116,6 +117,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
];
@ -139,9 +141,9 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="kubernetes" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
@ -154,6 +156,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
{
id: 'otel-kubernetes',
@ -173,9 +176,9 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="kubernetes" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
@ -356,3 +359,11 @@ export function useCustomCardsForCategory(
return undefined;
}
}
function ExtraLabelBadgeWrapper({ children }: { children: React.ReactNode }) {
return (
<EuiFlexItem grow={false} css={{ alignSelf: 'center' }}>
{children}
</EuiFlexItem>
);
}

1
x-pack/plugins/observability_solution/observability_onboarding/public/application/pages/auto_detect.tsx
View file

@ -29,6 +29,7 @@ export const AutoDetectPage = () => (
'This installation scans your host and auto-detects log and metric files.',
}
)}
isTechnicalPreview={true}
/>
}
>

1
x-pack/plugins/observability_solution/observability_onboarding/public/application/pages/kubernetes.tsx
View file

@ -29,6 +29,7 @@ export const KubernetesPage = () => (
'This installation is tailored for configuring and collecting metrics and logs by deploying a new Elastic Agent within your host.',
}
)}
isTechnicalPreview={true}
/>
}
>