{
+ this.setState({addTagPopup: true});
+ }}
+ />
- {this.state.videos.length !== 0 ? (
-
-
-
-
-
- ) : (
- No Data found!
- )}
+ {this.state.videos.length !== 0 ? : No Data found!
}
+
+
+
+ {this.state.addTagPopup ? (
+ this.setState({addTagPopup: false})}
+ submit={(tagId: number, tagName: string): void => {
+ this.setState({filterTags: [...this.state.filterTags, {TagId: tagId, TagName: tagName}]}, (): void => {
+ this.loadShuffledvideos(this.LoadNR);
+ });
+ }}
+ />
+ ) : null}
);
}
- /**
- * click handler for shuffle btn
- */
- shuffleclick(): void {
- this.loadShuffledvideos(this.LoadNR);
- }
-
/**
* load random videos from backend
* @param nr number of videos to load
*/
loadShuffledvideos(nr: number): void {
- callAPI(APINode.Video, {action: 'getRandomMovies', Number: nr}, (result) => {
- this.setState({videos: []}); // needed to trigger rerender of main videoview
- this.setState({
- videos: result.Videos,
- tags: result.Tags
- });
- });
+ callAPI(
+ APINode.Video,
+ {action: 'getRandomMovies', Number: nr, TagFilter: this.state.filterTags.map((t) => t.TagId)},
+ (result) => {
+ this.setState({videos: []}); // needed to trigger rerender of main videoview
+ this.setState({
+ videos: result.Videos,
+ tags: result.Tags
+ });
+ }
+ );
}
/**