-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[Navigation] Observability Overview and GettingStarted (#1957)
* Blank getting started page added Signed-off-by: Adam Tackett <[email protected]> * update1 Signed-off-by: Adam Tackett <[email protected]> * wireframe progress Signed-off-by: Adam Tackett <[email protected]> * Progress on GettingStarted page Signed-off-by: Adam Tackett <[email protected]> * Filter layout for gettingStarted (Not used) Signed-off-by: Adam Tackett <[email protected]> * Overviewpage started Signed-off-by: Adam Tackett <[email protected]> * Progress on UI Signed-off-by: Adam Tackett <[email protected]> * Skeleton UI Signed-off-by: Adam Tackett <[email protected]> * Update Collection Choices Signed-off-by: Adam Tackett <[email protected]> * updated skeleton Signed-off-by: Adam Tackett <[email protected]> * Update Skeleton Signed-off-by: Adam Tackett <[email protected]> * rename button Signed-off-by: Adam Tackett <[email protected]> * add folder for lior Signed-off-by: Adam Tackett <[email protected]> * Progress on UI + files Signed-off-by: Adam Tackett <[email protected]> * Integration cards for sample data Signed-off-by: Adam Tackett <[email protected]> * adding a sample ndjson call Signed-off-by: Shenoy Pratik <[email protected]> (cherry picked from commit 5dda1b3) * Buttons for patterns Signed-off-by: Adam Tackett <[email protected]> * update Signed-off-by: Adam Tackett <[email protected]> * Working buttons update Signed-off-by: Adam Tackett <[email protected]> * Delete message Signed-off-by: Adam Tackett <[email protected]> * UI progress Signed-off-by: Adam Tackett <[email protected]> * UI update Signed-off-by: Adam Tackett <[email protected]> * new ndjsons and snapshots update Signed-off-by: Adam Tackett <[email protected]> --------- Signed-off-by: Adam Tackett <[email protected]> Co-authored-by: Adam Tackett <[email protected]> Co-authored-by: Shenoy Pratik <[email protected]>
- Loading branch information
3 people
authored
Jul 23, 2024
1 parent
9c25095
commit 49f0630
Showing
186 changed files
with
12,565 additions
and
30 deletions.
There are no files selected for viewing
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
Binary file not shown.
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
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
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
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
80 changes: 80 additions & 0 deletions
80
public/components/getting_started/components/getting_started.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,80 @@ | ||
| /* | ||
| * Copyright OpenSearch Contributors | ||
| * SPDX-License-Identifier: Apache-2.0 | ||
| */ | ||
|
|
||
| import { EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui'; | ||
| import React, { useEffect, useState } from 'react'; | ||
| import { HomeProps } from 'public/components/getting_started/home'; | ||
| import { GettingStartedConnectionsHeader } from './getting_started_header'; | ||
| import { CollectAndShipData } from './getting_started_collectData'; | ||
| import { QueryAndAnalyze } from './getting_started_queryAndAnalyze'; | ||
|
|
||
| export const NewGettingStarted = (props: HomeProps) => { | ||
| const { chrome } = props; | ||
| const [selectedSource, setSelectedSource] = useState(''); | ||
| const [isPickYourSourceOpen, setIsPickYourSourceOpen] = useState(true); | ||
| const [isQueryDataOpen, setIsQueryDataOpen] = useState(false); | ||
| const [indexPatterns, setIndexPatterns] = useState<string[]>([]); | ||
| const [isSampleDataset, setIsSampleDataset] = useState(false); // New state | ||
|
|
||
| useEffect(() => { | ||
| chrome.setBreadcrumbs([ | ||
| { | ||
| text: 'Getting Started', | ||
| href: '#/', | ||
| }, | ||
| ]); | ||
| }, []); | ||
|
|
||
| const handleSelectSource = (source: string) => { | ||
| setSelectedSource(source); | ||
| }; | ||
|
|
||
| const togglePickYourSource = (isOpen: boolean) => { | ||
| setIsPickYourSourceOpen(isOpen); | ||
| if (isOpen) { | ||
| setIsQueryDataOpen(false); | ||
| } | ||
| }; | ||
|
|
||
| const toggleQueryData = (isOpen: boolean) => { | ||
| setIsQueryDataOpen(isOpen); | ||
| }; | ||
|
|
||
| const setQueryDataOpen = (patterns: string[]) => { | ||
| setIsPickYourSourceOpen(false); | ||
| setIsQueryDataOpen(true); | ||
| setIndexPatterns(patterns); | ||
| }; | ||
|
|
||
| const handleCardSelectionChange = (isSample: boolean) => { | ||
| setIsSampleDataset(isSample); | ||
| }; | ||
|
|
||
| return ( | ||
| <EuiPage> | ||
| <EuiPageBody component="div"> | ||
| <GettingStartedConnectionsHeader /> | ||
| <EuiSpacer size="l" /> | ||
| <CollectAndShipData | ||
| isOpen={isPickYourSourceOpen} | ||
| onToggle={togglePickYourSource} | ||
| selectedTechnology={selectedSource} | ||
| onMoveToQueryData={setQueryDataOpen} | ||
| onSelectSource={handleSelectSource} | ||
| onCardSelectionChange={handleCardSelectionChange} | ||
| /> | ||
| <EuiSpacer size="l" /> | ||
| {!isSampleDataset && ( | ||
| <QueryAndAnalyze | ||
| isOpen={isQueryDataOpen} | ||
| onToggle={toggleQueryData} | ||
| selectedTechnology={selectedSource} | ||
| indexPatterns={indexPatterns} | ||
| /> | ||
| )} | ||
| </EuiPageBody> | ||
| </EuiPage> | ||
| ); | ||
| }; |
Oops, something went wrong.