-
Notifications
You must be signed in to change notification settings - Fork 8.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into preview-sli-chart
- Loading branch information
Showing
34 changed files
with
1,718 additions
and
48 deletions.
There are no files selected for viewing
123 changes: 123 additions & 0 deletions
123
...ns/enterprise_search/public/applications/esre/components/esre_guide/esre_docs_section.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| /* | ||
| * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one | ||
| * or more contributor license agreements. Licensed under the Elastic License | ||
| * 2.0; you may not use this file except in compliance with the Elastic License | ||
| * 2.0. | ||
| */ | ||
|
|
||
| import React from 'react'; | ||
|
|
||
| import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText, EuiTitle } from '@elastic/eui'; | ||
|
|
||
| import { FormattedMessage } from '@kbn/i18n-react'; | ||
|
|
||
| export const EsreDocsSection: React.FC = () => ( | ||
| <EuiFlexGroup alignItems="center"> | ||
| <EuiFlexItem grow={4}> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle> | ||
| <h2> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.title" | ||
| defaultMessage="Dive deeper with the ESRE docs" | ||
| /> | ||
| </h2> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.description" | ||
| defaultMessage="To learn more about how to get started with ESRE, and test these tools with concrete examples, visit the ESRE documentation." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={6}> | ||
| <EuiFlexGroup direction="column"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.learn.title" | ||
| defaultMessage="Learn" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.learn.description" | ||
| defaultMessage="These are complex topics, so we've curated some learning topics to help you get started." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.faq.title" | ||
| defaultMessage="FAQ" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.faq.description" | ||
| defaultMessage="Learn what ESRE is (and isn't) from these frequently asked questions." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.help.title" | ||
| defaultMessage="Help" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.help.description" | ||
| defaultMessage="Need help? Check out the ESRE discuss forum!" | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
68 changes: 68 additions & 0 deletions
68
...enterprise_search/public/applications/esre/components/esre_guide/esre_guide_accordion.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| /* | ||
| * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one | ||
| * or more contributor license agreements. Licensed under the Elastic License | ||
| * 2.0; you may not use this file except in compliance with the Elastic License | ||
| * 2.0. | ||
| */ | ||
|
|
||
| import React from 'react'; | ||
|
|
||
| import { | ||
| EuiAccordion, | ||
| EuiFlexGroup, | ||
| EuiFlexItem, | ||
| EuiIcon, | ||
| EuiTitle, | ||
| EuiText, | ||
| IconType, | ||
| EuiPanel, | ||
| } from '@elastic/eui'; | ||
|
|
||
| export interface EsreGuideAccordionProps { | ||
| id: string; | ||
| icon: IconType; | ||
| title: string; | ||
| description: string; | ||
| initialIsOpen?: boolean; | ||
| } | ||
|
|
||
| export const EsreGuideAccordion: React.FC<EsreGuideAccordionProps> = ({ | ||
| id, | ||
| icon, | ||
| title, | ||
| description, | ||
| initialIsOpen = false, | ||
| children, | ||
| }) => { | ||
| return ( | ||
| <EuiPanel hasBorder paddingSize="l"> | ||
| <EuiAccordion | ||
| id={id} | ||
| initialIsOpen={initialIsOpen} | ||
| buttonContent={ | ||
| <EuiFlexGroup responsive={false} gutterSize="s" alignItems="center"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiIcon type={icon} size="xxl" /> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem> | ||
| <EuiFlexGroup direction="column" responsive={false} gutterSize="xs"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3>{title}</h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p>{description}</p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| } | ||
| > | ||
| {children} | ||
| </EuiAccordion> | ||
| </EuiPanel> | ||
| ); | ||
| }; |
85 changes: 85 additions & 0 deletions
85
...ise_search/public/applications/esre/components/esre_guide/measure_performance_section.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| /* | ||
| * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one | ||
| * or more contributor license agreements. Licensed under the Elastic License | ||
| * 2.0; you may not use this file except in compliance with the Elastic License | ||
| * 2.0. | ||
| */ | ||
| import React from 'react'; | ||
|
|
||
| import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiSteps, EuiText, EuiTitle } from '@elastic/eui'; | ||
| import { EuiContainedStepProps } from '@elastic/eui/src/components/steps/steps'; | ||
| import { i18n } from '@kbn/i18n'; | ||
| import { FormattedMessage } from '@kbn/i18n-react'; | ||
|
|
||
| const steps: EuiContainedStepProps[] = [ | ||
| { | ||
| title: i18n.translate('xpack.enterpriseSearch.esre.measurePerformanceSection.step1.title', { | ||
| defaultMessage: 'Create a collection', | ||
| }), | ||
| children: ( | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.measurePerformanceSection.step1.description" | ||
| defaultMessage="Visit Behavioral Analytics and create your first collection" | ||
| /> | ||
| ), | ||
| status: 'incomplete', | ||
| }, | ||
| { | ||
| title: i18n.translate('xpack.enterpriseSearch.esre.measurePerformanceSection.step2.title', { | ||
| defaultMessage: 'Integrate the analytics tracker', | ||
| }), | ||
| children: ( | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.measurePerformanceSection.step2.description" | ||
| defaultMessage="After creating a collection, follow the directions on how to integrate our tracker into your application or website." | ||
| /> | ||
| ), | ||
| status: 'incomplete', | ||
| }, | ||
| { | ||
| title: i18n.translate('xpack.enterpriseSearch.esre.measurePerformanceSection.step3.title', { | ||
| defaultMessage: 'Review your dashboard', | ||
| }), | ||
| children: ( | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.measurePerformanceSection.step3.description" | ||
| defaultMessage="Our dashboards and tools help you visualize your end-user behavior and measure the performance of your search applications." | ||
| /> | ||
| ), | ||
| status: 'incomplete', | ||
| }, | ||
| ]; | ||
|
|
||
| export const MeasurePerformanceSection: React.FC = () => ( | ||
| <EuiFlexGroup alignItems="center"> | ||
| <EuiFlexItem grow={4}> | ||
| <EuiFlexGroup direction="column" gutterSize="s" justifyContent="flexStart"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle> | ||
| <h2> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.measurePerformanceSection.title" | ||
| defaultMessage="Measure your performance" | ||
| /> | ||
| </h2> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.measurePerformanceSection.description" | ||
| defaultMessage="Use Behavioral Analytics dashboards and tools to visualize user behavior and measure the impact of your changes." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={6}> | ||
| <EuiPanel hasBorder> | ||
| <EuiSteps steps={steps} titleSize="xs" /> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| ); |
Oops, something went wrong.