github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Management] Update pager with new props in Index Pattern Creation (#16195) (#16207)

Browse source 
* Update pager with new props

* Update snapshot description
This commit is contained in:
Chris Roberson 2018-01-22 15:34:13 -05:00 • committed by GitHub
parent 46ee1c3414
commit b1b3486cc7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 223 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

190
src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap
View file

@ -299,3 +299,193 @@ exports[`IndicesList should render normally 1`] = `
</EuiFlexGroup>
</div>
`;
exports[`IndicesList updating props should render all new indices 1`] = `
<div>
<EuiTable>
<EuiTableBody>
<EuiTableRow
key="0"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
kibana
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="1"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
es
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="2"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
kibana
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="3"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
es
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="4"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
kibana
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="5"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
es
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="6"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
kibana
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="7"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
es
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="8"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
kibana
</EuiTableRowCell>
</EuiTableRow>
<EuiTableRow
key="9"
>
<EuiTableRowCell
align="left"
textOnly={true}
>
es
</EuiTableRowCell>
</EuiTableRow>
</EuiTableBody>
</EuiTable>
<EuiSpacer
size="m"
/>
<EuiFlexGroup
alignItems="center"
component="div"
gutterSize="l"
justifyContent="spaceBetween"
responsive={true}
wrap={false}
>
<EuiFlexItem
component="div"
grow={false}
>
<EuiPopover
anchorPosition="downCenter"
button={
<EuiButtonEmpty
color="text"
iconSide="right"
iconType="arrowDown"
onClick={[Function]}
size="s"
type="button"
>
Rows per page:
10
</EuiButtonEmpty>
}
closePopover={[Function]}
id="customizablePagination"
isOpen={false}
ownFocus={false}
panelPaddingSize="none"
withTitle={true}
>
<EuiContextMenuPanel
hasFocus={true}
items={
Array [
<EuiContextMenuItem
icon="empty"
onClick={[Function]}
>
5
</EuiContextMenuItem>,
<EuiContextMenuItem
icon="empty"
onClick={[Function]}
>
10
</EuiContextMenuItem>,
<EuiContextMenuItem
icon="empty"
onClick={[Function]}
>
20
</EuiContextMenuItem>,
<EuiContextMenuItem
icon="empty"
onClick={[Function]}
>
50
</EuiContextMenuItem>,
]
}
/>
</EuiPopover>
</EuiFlexItem>
<EuiFlexItem
component="div"
grow={false}
>
<EuiPagination
activePage={0}
onPageClick={[Function]}
pageCount={2}
/>
</EuiFlexItem>
</EuiFlexGroup>
</div>
`;

23
src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/indices_list.test.js
View file

@ -41,4 +41,27 @@ describe('IndicesList', () => {
expect(component).toMatchSnapshot();
});
describe('updating props', () => {
it('should render all new indices', () => {
const component = shallow(
<IndicesList indices={indices}/>
);
const moreIndices = [
...indices,
...indices,
...indices,
...indices,
...indices,
...indices,
...indices,
...indices,
];
component.setProps({ indices: moreIndices });
component.update();
expect(component).toMatchSnapshot();
});
});
});

10
src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
View file

@ -38,6 +38,15 @@ export class IndicesList extends Component {
this.pager = new Pager(props.indices.length, this.state.perPage, this.state.page);
}
componentWillReceiveProps(nextProps) {
if (nextProps.indices.length !== this.props.indices.length) {
this.pager.setTotalItems(nextProps.indices.length);
this.resetPageTo0();
}
}
resetPageTo0 = () => this.onChangePage(0);
onChangePage = page => {
this.pager.goToPageIndex(page);
this.setState({ page });
@ -46,6 +55,7 @@ export class IndicesList extends Component {
onChangePerPage = perPage => {
this.pager.setItemsPerPage(perPage);
this.setState({ perPage });
this.resetPageTo0();
this.closePerPageControl();
}