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

10
src/pages/CategoryPage/CategoryPage.js
View File

@ -31,10 +31,10 @@ class CategoryPage extends React.Component {
<SideBar>
<div className='sidebartitle'>Default Tags:</div>
<Tag>All</Tag>
<Tag>FullHd</Tag>
<Tag>LowQuality</Tag>
<Tag>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>
<hr/>
<button data-testid='btnaddtag' className='btn btn-success' onClick={() => {
this.setState({popupvisible: true})
@ -78,7 +78,7 @@ class CategoryPage extends React.Component {
setPage = (element, tagname) => {
this.selectionelements = element;
this.setState({selected: null}); // todo save this change trigger better
this.setState({selected: tagname});
};

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

2
src/pages/Player/Player.js
View File

@ -149,7 +149,7 @@ class Player extends React.Component {
}
closebtn() {
this.props.viewbinding.hideVideo();
this.props.viewbinding.returnToLastElement();
}
}