random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-04-22 01:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Resolved few issues related to add and edit operations

Browse Source
This commit is contained in:
vaidankarswapnil 2021-08-04 19:46:54 +05:30
parent 7fa5883072
commit 8a1920714d
1 changed files with 50 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/Explorer/Tabs/QueryTablesTab/QueryTablesTabComponent.tsx
View File

@ -304,11 +304,11 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
/****************** Constructor Ends */ /****************** Constructor Ends */
componentDidMount(): void { componentDidMount(): void {
this.loadEntities(); this.loadEntities(true);
// setTimeout(() => { // setTimeout(() => {
// this.loadFilterExample(); // this.loadFilterExample();
// // this.setDefaultItemSelection(); // }, 1000);
// }, 7000);
} }
public createSelection = (): Selection => { public createSelection = (): Selection => {
@ -322,24 +322,33 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
}; };
public setDefaultItemSelection(): void { public setDefaultItemSelection(): void {
const newSelection = this.createSelection(); // this.setState({
const items: any = this.state.items; // selectedItems: this.state.entities[0]
// })
newSelection.setItems(items);
for (let i = 1; i <= 3; i++) {
newSelection.setKeySelected(`${i}`, true, false);
console.log(" yooo > ", newSelection.setKeySelected(`${i}`, true, false));
}
this.setState({
selection: newSelection,
// selectedItems: this.onItemsSelectionChanged(),
});
console.log( console.log(
"🚀 ~ file: QueryTablesTabComponent.tsx ~ line 342 ~ QueryTablesTabComponent ~ setDefaultItemSelection ~ selection", "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 328 ~ QueryTablesTabComponent ~ setDefaultItemSelection ~ selectedItems",
this.state.selection, this.state.selectedItems,
", ", ", ",
this.state.selectedItems this.state.entities[0]
); );
// const newSelection = this.createSelection();
// const items: any = this.state.items;
// newSelection.setItems(items);
// for (let i = 1; i <= 3; i++) {
// newSelection.setKeySelected(`${i}`, true, false);
// console.log(" yooo > ", newSelection.setKeySelected(`${i}`, true, false));
// }
// this.setState({
// selection: newSelection,
// // selectedItems: this.onItemsSelectionChanged(),
// });
// console.log(
// "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 342 ~ QueryTablesTabComponent ~ setDefaultItemSelection ~ selection",
// this.state.selection,
// ", ",
// this.state.selectedItems
// );
} }
//NOT USED. Backup only //NOT USED. Backup only
@ -447,12 +456,6 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
} }
private onItemsSelectionChanged = (): Entities.ITableEntity[] => { private onItemsSelectionChanged = (): Entities.ITableEntity[] => {
// console.log(
// "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 280 ~ QueryTablesTabComponent ~ onItemsSelectionChanged",
// Object.values(this.selection.getSelection()[0])[2],
// ", ",
// this.selection.getSelection()[0]["Timestamp"]
// );
console.log( console.log(
"🚀 ~ file: QueryTablesTabComponent.tsx ~ line 338 ~ QueryTablesTabComponent ~ this.selection.getSelection().length", "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 338 ~ QueryTablesTabComponent ~ this.selection.getSelection().length",
this.state.selection.getSelection().length, this.state.selection.getSelection().length,
@ -461,14 +464,14 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
); );
let selectedItems: Entities.ITableEntity[]; let selectedItems: Entities.ITableEntity[];
if (this.state.selection.getSelection().length > 0) { if (this.state.selection.getSelection().length > 0) {
selectedItems = this.state.tableEntityListViewModel selectedItems = this.state.entities.filter(
.items() (item) => item["Timestamp"]._ === Object.values(this.state.selection.getSelection()[0])[2]
.filter((item) => item["Timestamp"]._ === Object.values(this.state.selection.getSelection()[0])[2]); );
// console.log("🚀 ~ file: QueryTablesTabComponent.tsx ~ line 293 ~ QueryTablesTabComponent ~ selectedItems", selectedItems); // console.log("🚀 ~ file: QueryTablesTabComponent.tsx ~ line 293 ~ QueryTablesTabComponent ~ selectedItems", selectedItems);
this.setState({ this.setState({
// selectionCount: this._selection.getSelectedCount(), // selectionCount: this._selection.getSelectedCount(),
selectedItems: selectedItems, selectedItems,
rowSelected: true, rowSelected: true,
}); });
} }
@ -476,7 +479,7 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
}; };
public loadFilterExample(): void { public loadFilterExample(): void {
const { tableEntityListViewModel, queryTableRows, headers, entities } = this.state; const { queryTableRows, headers, entities } = this.state;
console.log( console.log(
"🚀 ~ file: QueryTablesTabComponent.tsx ~ line 480 ~ QueryTablesTabComponent ~ loadFilterExample ~ this.state", "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 480 ~ QueryTablesTabComponent ~ loadFilterExample ~ this.state",
this.state.headers, this.state.headers,
@ -536,9 +539,9 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
}); });
} }
public async loadEntities(): Promise<void> { public async loadEntities(isInitialLoad: boolean): Promise<void> {
// const { tableEntityListViewModel } = this.state; const { tableEntityListViewModel } = this.state;
// tableEntityListViewModel.renderNextPageAndupdateCache(); tableEntityListViewModel.renderNextPageAndupdateCache();
// setTimeout(() => { // setTimeout(() => {
// console.log( // console.log(
@ -580,8 +583,15 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
originalItems: documentItems, originalItems: documentItems,
queryText: this.state.queryViewModel.queryText(), queryText: this.state.queryViewModel.queryText(),
}, },
() => this.loadFilterExample() () => {
if (isInitialLoad) {
this.loadFilterExample();
this.setDefaultItemSelection();
}
}
); );
//If
} }
private getFormattedHeaders = (entities: Entities.ITableEntity[]): string[] => { private getFormattedHeaders = (entities: Entities.ITableEntity[]): string[] => {
@ -667,7 +677,7 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
"🚀 ~ file: QueryTablesTabComponent.tsx ~ line 423 ~ QueryTablesTabComponent ~ reloadEntities ~ reloadEntities" "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 423 ~ QueryTablesTabComponent ~ reloadEntities ~ reloadEntities"
); );
// this.componentDidMount(); // this.componentDidMount();
this.loadEntities(); this.loadEntities(false);
// console.log( // console.log(
// "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 349 ~ QueryTablesTabComponent ~ addEntity ~ addedEntity", // "🚀 ~ file: QueryTablesTabComponent.tsx ~ line 349 ~ QueryTablesTabComponent ~ addEntity ~ addedEntity",
// addedEntity, // addedEntity,
@ -1061,7 +1071,12 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
render(): JSX.Element { render(): JSX.Element {
useCommandBar.getState().setContextButtons(this.getTabsButtons()); useCommandBar.getState().setContextButtons(this.getTabsButtons());
const { queryTableRows } = this.state; const { queryTableRows } = this.state;
console.log(
"🚀 ~ file: QueryTablesTabComponent.tsx ~ line 328 ~ QueryTablesTabComponent ~ setDefaultItemSelection ~ selectedItems",
this.state.selectedItems,
", ",
[this.state.items[0]]
);
return ( return (
<div className="tab-pane tableContainer" id={this.props.tabsBaseInstance.tabId} role="tabpanel"> <div className="tab-pane tableContainer" id={this.props.tabsBaseInstance.tabId} role="tabpanel">
<div className="query-builder"> <div className="query-builder">