lukas/OpenMediaCenter
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

improved tag clicking events

Browse Source
This commit is contained in:
lukas
2020-06-21 23:08:46 +02:00
parent ec4e54e991
commit 89153b5da9
8 changed files with 77 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/HomePage/HomePage.js
View File

@ -118,6 +118,12 @@ class HomePage extends React.Component {
});
}
setPage = (element, tagname) => {
this.setState({tag: tagname});
// todo warning double data download here!
this.fetchVideoData(tagname);
};
render() {
return (
<div>
@ -146,26 +152,18 @@ class HomePage extends React.Component {
<div className='sidebarinfo'><b>{this.state.sideinfo.tagnr}</b> different Tags!</div>
<hr/>
<div className='sidebartitle'>Default Tags:</div>
<Tag onClick={() => {
this.setState({tag: "All"});
this.fetchVideoData("all");
}}>All
</Tag>
<Tag onClick={() => {
this.setState({tag: "Full HD"});
this.fetchVideoData("fullhd");
}}>FullHd
</Tag>
<Tag onClick={() => {
this.setState({tag: "Low Quality"});
this.fetchVideoData("lowquality");
}}>LowQuality
</Tag>
<Tag onClick={() => {
this.setState({tag: "HD"});
this.fetchVideoData("hd");
}}>HD
</Tag>
<Tag
viewbinding={this.props.viewbinding}
contentbinding={this.setPage}>All</Tag>
<Tag
viewbinding={this.props.viewbinding}
contentbinding={this.setPage}>FullHd</Tag>
<Tag
viewbinding={this.props.viewbinding}
contentbinding={this.setPage}>LowQuality</Tag>
<Tag
viewbinding={this.props.viewbinding}
contentbinding={this.setPage}>HD</Tag>
</SideBar>
{this.state.data.length !== 0 ?
<VideoContainer