Define tables #126
There are no files selected for viewing
This file contains hidden or 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 hidden or 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,137 @@ | ||
| /* | ||
| * Copyright OpenSearch Contributors | ||
| * SPDX-License-Identifier: Apache-2.0 | ||
| */ | ||
|
|
||
|
|
||
| import React, { useState, useEffect } from "react"; | ||
| import { EuiIcon, EuiTreeView } from "@elastic/eui"; | ||
| import _ from 'lodash'; | ||
| import { CoreStart } from '../../../../../src/core/public'; | ||
|
|
||
| interface CustomView { | ||
| http: CoreStart['http'] | ||
| } | ||
|
|
||
| export const TableView = ({ http }: CustomView) => { | ||
| const [tablenames, setTablenames] = useState<string[]>([]); | ||
| const [selectedNode, setSelectedNode] = useState<string | null>(null); | ||
| const [childData, setChildData] = useState<string[]>([]); | ||
| const [selectedChildNode, setSelectedChildNode] = useState<string | null>(null); | ||
| const [indexData, setIndexedData] = useState<string[]>([]); | ||
|
|
||
| const getSidebarContent = () => { | ||
| const query = { query: `SHOW tables LIKE '%';` } | ||
| http | ||
| .post(`../api/sql_console/sqlquery`, { | ||
|
sumukhswamy marked this conversation as resolved.
Outdated
|
||
| body: JSON.stringify(query), | ||
| }) | ||
| .then((res) => { | ||
| const responseObj = res.data.resp | ||
| ? JSON.parse(res.data.resp) | ||
| : ''; | ||
| const datarows: any[][] = _.get(responseObj, 'datarows'); | ||
| const fields = datarows.map((data) => { | ||
| return data[2] | ||
| }) | ||
| setTablenames(fields) | ||
| }) | ||
| .catch((err) => { | ||
| console.error(err); | ||
|
Member
There was a problem hiding this comment. if there is an error in the query, will there be a visual indication besides the console message?
Collaborator
Author
There was a problem hiding this comment. this is for the side bar, so here will be no visual indication, this is to list the datasources he has available
Collaborator
Author
There was a problem hiding this comment. also for #126 (comment) i have made the changes and spoken to Derek about it
Member
There was a problem hiding this comment.
do we expect this to fail often? my concern is for example user accidentally deleted sql plugin, and workbench can't get the list of datasources but user doesn't know why
Collaborator
Author
There was a problem hiding this comment. oh okay , will add cod to show error if it occurs
Collaborator
Author
There was a problem hiding this comment. have added an error message for handling missing data |
||
| }); | ||
| }; | ||
|
|
||
| useEffect(() => { | ||
|
|
||
| getSidebarContent(); | ||
| }, []); | ||
|
|
||
| const handleNodeClick = (nodeLabel: string) => { | ||
|
|
||
| // // will update after new query | ||
| // const query = { query: `SHOW tables LIKE '%';` } | ||
| // http | ||
| // .post(`../api/sql_console/sqlquery`, { | ||
| // body: JSON.stringify(query), | ||
| // }) | ||
| // .then((res) => { | ||
| // const responseObj = res.data.resp | ||
| // ? JSON.parse(res.data.resp) | ||
| // : ''; | ||
| // const datarows: any[][] = _.get(responseObj, 'datarows'); | ||
| // const fields = datarows.map((data) => { | ||
| // return data[2] | ||
| // }) | ||
| // setChildData(fields) | ||
| // }) | ||
| // .catch((err) => { | ||
| // console.error(err); | ||
| // }); | ||
|
sumukhswamy marked this conversation as resolved.
Outdated
|
||
|
|
||
| const newData = ["Child 1", "Child 2", "Child 3"]; | ||
| setChildData(newData); | ||
| setSelectedNode(nodeLabel); | ||
| }; | ||
|
|
||
| const handleChildClick = (nodeLabel1: string) => { | ||
|
|
||
| // will update after new query | ||
| // const query = { query: `SHOW tables LIKE '%';` } | ||
| // http | ||
| // .post(`../api/sql_console/sqlquery`, { | ||
| // body: JSON.stringify(query), | ||
| // }) | ||
| // .then((res) => { | ||
| // const responseObj = res.data.resp | ||
| // ? JSON.parse(res.data.resp) | ||
| // : ''; | ||
| // const datarows: any[][] = _.get(responseObj, 'datarows'); | ||
| // const fields = datarows.map((data) => { | ||
| // return data[2] | ||
| // }) | ||
| // setIndexdData(fields) | ||
| // }) | ||
| // .catch((err) => { | ||
| // console.error(err); | ||
| // }); | ||
|
sumukhswamy marked this conversation as resolved.
Outdated
|
||
|
|
||
| const newData1 = ["Child 1", "Child 2", "Child 3"]; | ||
| setIndexedData(newData1); | ||
| setSelectedChildNode(nodeLabel1); | ||
| }; | ||
|
|
||
|
|
||
| const treeData = tablenames.map((element, index) => ({ | ||
| label: element, | ||
| icon: <EuiIcon type='database' size="m" />, | ||
| id: 'element_' + index, | ||
| callback: () => handleNodeClick(element), | ||
| isSelectable: true, | ||
| isExpanded: true, | ||
| children: selectedNode === element ? childData.map(child => ({ | ||
| label: child, | ||
| id: `${element}_${child}`, | ||
| icon: <EuiIcon type='tableDensityCompact' size="s" />, | ||
| callback: () => handleChildClick(child), | ||
| sSelectable: true, | ||
| isExpanded: true, | ||
| children: selectedChildNode === element ? indexData.map(child => ({ | ||
| label: child, | ||
| id: `${element}_${child}`, | ||
| icon: <EuiIcon type='bolt' size="s" /> | ||
| })):undefined, | ||
| })) : undefined, | ||
| })); | ||
| console.log(treeData) | ||
|
sumukhswamy marked this conversation as resolved.
Outdated
|
||
|
|
||
| return ( | ||
| <> | ||
| <EuiTreeView | ||
| aria-label="Sample Folder Tree" | ||
| items={treeData} | ||
| aria-labelledby="" | ||
| /> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.