random-mirrors
/
cosmos-explorer
mirror of https://github.com/Azure/cosmos-explorer.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'migrate_querytablestab__to_react' of https://github.com/Azure/cosmos-explorer into migrate_querytablestab__to_react

This commit is contained in:
sunilyadav840 2021-09-28 12:03:04 +05:30
parent 7d905159c6 126a572078
commit cec6b27d2e
2 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/TableStyles/queryBuilder.less
View File

@ -489,12 +489,19 @@ input::-webkit-inner-spin-button {
display: inline;
}
.querybuilder-addpropertyImg,
.querybuilder-addpropertyImg {
width: 18px;
height: 18px;
margin-left: 3px;
margin-bottom: 8px;
margin-top: 8px;
}
.querybuilder-cancelImg {
width: 14px;
height: 14px;
margin-left: 3px;
margin-bottom: 8px;
margin-top: 8px;
}
.addclauseProperty-Img {

18
src/Explorer/Tabs/QueryTablesTab/QueryTableEntityClause.tsx
View File

@ -11,8 +11,8 @@ import {
TooltipHost,
} from "@fluentui/react";
import React, { FunctionComponent } from "react";
// import AddIcon from "../../../../images/Add.svg";
import CancelIcon from "../../../../images/cancel.svg";
import AddIcon from "../../../../images/Add-property.svg";
import CancelIcon from "../../../../images/Entity_cancel.svg";
import { userContext } from "../../../UserContext";
import { IOption } from "./QueryTableTabUtils";
const dropdownStyles: Partial<IDropdownStyles> = { dropdown: { width: 100 } };
@ -67,13 +67,11 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDeleteCaluseKeyDown,
}: IQueryTableEntityClauseProps): JSX.Element => {
const cancelImageProps: IImageProps = {
width: 14,
height: 25,
className: "querybuilder-cancelImg",
};
const addImageProps: IImageProps = {
width: 18,
height: 25,
className: "querybuilder-addpropertyImg",
};
const sectionStackTokens: IStackTokens = { childrenGap: 12 };
@ -93,7 +91,7 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
<TooltipHost content="Add new clause" id="addNewClause">
<Image
{...addImageProps}
// src={AddIcon}
src={AddIcon}
alt="Add new clause"
id="addNewClause"
onClick={onAddNewClause}
@ -120,7 +118,6 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDropdownChange(selectedOption, "selectedOperation")
}
options={operationOptions}
// id="operatorOptionId"
styles={dropdownStyles}
/>
<Dropdown
@ -129,7 +126,6 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDropdownChange(selectedOption, "selectedField")
}
options={fieldOptions}
// id="fieldOptionId"
styles={dropdownStyles}
/>
<Dropdown
@ -138,7 +134,6 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDropdownChange(selectedOption, "selectedEntityType")
}
options={entityTypeOptions}
// id="entityOptionId"
disabled={validateEntityTypeOption()}
styles={dropdownStyles}
/>
@ -148,7 +143,6 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDropdownChange(selectedOption, "selectedOperator")
}
options={operatorOptions}
// id="operatorOptionId"
styles={dropdownStyles}
/>
{isTimeStampSelected ? (
@ -158,12 +152,10 @@ export const QueryTableEntityClause: FunctionComponent<IQueryTableEntityClausePr
onDropdownChange(selectedOption, "selectedTimestamp")
}
options={timestampOptions}
// id="operatorOptionId"
styles={dropdownStyles}
/>
) : (
<TextField
// id="entityValueId"
autoFocus
placeholder={entityValuePlaceHolder}
value={entityValue}