Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-04-13 20:35:51 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

added button navigation

Browse Source
This commit is contained in:
Daniel 2017-11-23 23:10:19 -05:00
parent 8e1eaf6f7a
commit 1334bd65ff
2 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
build/bundle.js
View File

File diff suppressed because one or more lines are too long

17
src/components/collection/Home.js
View File

@ -83,6 +83,7 @@ export default class CollectionHome extends React.Component {
<hr />
{this.navigation()}<br />
{output()}
{this.navigation()}<br />
</div>
);
}
@ -341,19 +342,17 @@ export default class CollectionHome extends React.Component {
else return(<button disabled>prev</button>);
}
let entries = (event) => {
let x = event.target.value;
if (!isNaN(x)) {
this.n=x;
}
}
return (
<div style={{textAlign: 'left'}}>
<p>Showing page {this.p} of {numpages} {prev()} {next()}</p>
<p>
Entries per page:&nbsp;
<input type="text" style={{width: '40px'}} value={this.n} onChange={entries} />
Entries per page:&nbsp;{this.n}&nbsp;
{/*<input type="text" style={{width: '40px'}} value={this.n}
onChange={(event) => {let x = event.target.value; if (!isNaN(x)) this.n=x;}
/>*/}
<input type="button" value="10" onClick={(e) => this.n=e.target.value} />&nbsp;
<input type="button" value="20" onClick={(e) => this.n=e.target.value} />&nbsp;
<input type="button" value="50" onClick={(e) => this.n=e.target.value} />
</p>
</div>
);