Skip to content

Instantly share code, notes, and snippets.

@siddharthlatest
Forked from rajmeghpara/App.js
Last active June 9, 2018 06:20
Show Gist options
  • Save siddharthlatest/a24e1a4740c7d05898fcc31adb33af56 to your computer and use it in GitHub Desktop.
Save siddharthlatest/a24e1a4740c7d05898fcc31adb33af56 to your computer and use it in GitHub Desktop.
<ResultCard
componentId="results"
dataField="original_title"
pagination={true}
paginationAt="bottom"
pages={5}
size={12}
Loader="Loading..."
showResultStats={true}
noResults="No results were found..."
sortOptions={[
{
dataField: "revenue",
sortBy: "desc",
label: "Sort by Revenue(High to Low)"
},
{
dataField: "popularity",
sortBy: "desc",
label: "Sort by Popularity(High to Low)"
},
{
dataField: "vote_average",
sortBy: "desc",
label: "Sort by Ratings(High to Low)"
},
{
dataField: "original_title.raw",
sortBy: "asc",
label: "Sort by Title(A-Z)"
}
]}
className="Result_card"
innerClass={{
title: "result-title",
listItem: "result-item",
list: "list-container",
sortOptions: "sort-options",
resultStats: "result-stats",
resultsInfo: "result-list-info",
poweredBy: "powered-by"
}}
react={{
and: [
"mainSearch",
"RangeSlider",
"language-list",
"date-filter",
"genres-list",
"revenue-list"
]
}}
onData={function(res) {
return {
description: (
<div className="main-description">
<div className="ih-item square effect6 top_to_bottom">
<a
target="#"
href={"http://www.imdb.com/title/" + res.imdb_id}
>
<div className="img">
<img
src={
"https://image.tmdb.org/t/p/w500" +
res.poster_path
}
alt={res.original_title}
className="result-image"
/>
</div>
<div className="info colored">
<h3 className="overlay-title">
{res.original_title}
</h3>
<div className="overlay-description">
{res.tagline}
</div>
<div className="overlay-info">
<div className="rating-time-score-container">
<div className="sub-title Rating-data">
<b>
Imdb
<span className="details">
{" "}
{res.vote_average}/10{" "}
</span>
</b>
</div>
<div className="time-data">
<b>
<span className="time">
<i className="fa fa-clock-o" />{" "}
</span>{" "}
<span className="details">
{res.time_str}
</span>
</b>
</div>
<div className="sub-title Score-data">
<b>
Score:
<span className="details">
{" "}
{res.score}
</span>
</b>
</div>
</div>
<div className="revenue-lang-container">
<div className="revenue-data">
<b>
<span>Revenue:</span>{" "}
<span className="details">
{" "}
${res.or_revenue}
</span>{" "}
</b>
</div>
<div className="sub-title language-data">
<b>
Language:
<span className="details">
{" "}
{res.original_language}
</span>
</b>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
),
url: "http://www.imdb.com/title/" + res.imdb_id
};
}}
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment