{"version":3,"sources":["Components/WithSpinner/WithSpinnerMovie.js","Utils/Truncate.js","Components/CollectionItem/CollectionItem.js","Components/CollectionPreview/CollectionPreview.js","Utils/ScrollArrows.js","Utils/TitleHide.js","Redux/Collection/collection-selectors.js","Components/CollectionOverview/CollectionOverview.js","Components/CollectionOverview/CollectionOverviewMovie.js"],"names":["WithSpinnerMovie","WrappedComponent","isMovieGridLoading","isMovieOverviewLoading","otherProps","Truncate","str","length","ending","substring","withRouter","item","movies","tvshow","history","title","overview","backdrop_path","name","para","titlePath","FixString","namePath","className","onClick","push","src","alt","AddToList","CollectionPreview","onLeftClick","node","move","current","margin","parseInt","$","css","console","log","window","matchMedia","matches","animate","marginLeft","LeftArrow","divRef","onRightClick","RightArrow","React","createRef","querySelector","preview","addEventListener","setTimeout","setAttribute","TitleHide","ReactDOM","findDOMNode","this","props","movieItems","tvItems","start","end","movieData","slice","tvData","toUpperCase","icon","faChevronLeft","faChevronRight","ref","map","key","id","Component","connect","state","selectMovieItems","selectTVItems","selectCollectionData","createSelector","collection","items","mapStateToProps","createStructuredSelector","selectIsMovieFetching","CollectionOverviewMovie","compose","CollectionOverview"],"mappings":"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","file":"static/js/5.56fd76b0.chunk.js","sourcesContent":["import React from \"react\";\nimport Spinner from \"../Spinner/Spinner\";\n\nconst WithSpinnerMovie = WrappedComponent => \n ({ isMovieGridLoading,isMovieOverviewLoading, ...otherProps }) => {\n \n return isMovieGridLoading\n ? \n : (isMovieOverviewLoading\n ? null\n : )\n \n};\n\nexport default WithSpinnerMovie;\n","const Truncate = function(str, length, ending) {\n if (length == null) {\n length = 150;\n }\n if (ending == null) {\n ending = \"...\";\n }\n if (str.length > length) {\n return str.substring(0, length - ending.length) + ending;\n } else {\n return str;\n }\n};\n\nexport default Truncate;\n","import React from \"react\";\n// import { IMAGE_BASE_URL, GRID_IMAGE_SIZE } from \"../../Config/config\";\nimport \"./CollectionItem.scss\";\nimport Truncate from \"../../Utils/Truncate\";\nimport { withRouter } from \"react-router\";\nimport { FixString } from \"../../Utils/FixString\";\nimport AddToList from \"../AddToList/AddToList\";\n\nconst CollectionItem = ({ item,movies,tvshow,history}) => {\n const { title, overview, backdrop_path, name } = item;\n const para = Truncate(overview, 155, \" ..ดูคลิปคลิ๊ก\");\n var titlePath = movies ? FixString(title) : null;\n var namePath = tvshow ? FixString(name) : null;\n return (\n
\n
{\n return movies\n ? history.push(`/clipyed/${titlePath}`)\n : history.push(`/jav/${namePath}`);\n }}\n >\n \n
\n

{title}

\n {/*

{name}

*/}\n {para}\n
\n
\n
\n \n
\n
\n );\n};\n\nexport default withRouter(CollectionItem);\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./CollectionPreview.scss\";\nimport CollectionItem from \"../CollectionItem/CollectionItem\";\nimport { connect } from \"react-redux\";\nimport { selectMovieItems } from \"../../Redux/Movie/movie-selectors\";\nimport { selectTVItems } from \"../../Redux/TVShow/tv-selectors\";\nimport {\n faChevronLeft,\n faChevronRight\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { TitleHide } from \"../../Utils/TitleHide\";\nimport { LeftArrow, RightArrow } from \"../../Utils/ScrollArrows\";\nimport Fade from \"react-reveal/Fade\";\n\nclass CollectionPreview extends React.Component {\n constructor() {\n super();\n this.divRef = React.createRef();\n }\n\n componentDidMount() {\n var node = ReactDOM.findDOMNode(this);\n TitleHide(node);\n }\n\n onLeftClick = () => {\n LeftArrow(this.divRef);\n };\n\n onRightClick = () => {\n RightArrow(this.divRef);\n };\n\n render() {\n const { title,movieItems,tvItems,start,end,movies,tvshow } = this.props;\n const movieData = movieItems.slice(start, end);\n const tvData = tvItems.slice(start, end);\n return (\n \n
\n

{title.toUpperCase()}

\n\n
\n \n \n \n \n \n \n
\n {movies?movieData.map(item => (\n \n ))\n : null}\n {tvshow\n ? tvData.map(item => (\n \n ))\n : null}\n
\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n movieItems: selectMovieItems(state),\n tvItems: selectTVItems(state)\n});\n\nexport default connect(mapStateToProps)(CollectionPreview);\n","import $ from \"jquery\";\n\nexport const LeftArrow = node => {\n var move = node.current;\n var margin = parseInt($(move).css(\"margin-left\"));\n console.log(margin);\n\n if (window.matchMedia(\"(min-width: 768px)\").matches) {\n if (margin < 0) {\n $(move).animate(\n {\n marginLeft: \"+=330px\"\n },\n \"slow\"\n );\n }\n }\n\n if (window.matchMedia(\"(max-width: 768px)\").matches) {\n if (margin < 0) {\n $(move).animate(\n {\n marginLeft: \"+=275px\"\n },\n \"slow\"\n );\n }\n }\n};\n\nexport const RightArrow = node => {\n var move = node.current;\n var margin = parseInt($(move).css(\"margin-left\"));\n console.log(margin);\n\n if (window.matchMedia(\"(min-width: 768px)\").matches) {\n if (margin > -1650) {\n $(move).animate(\n {\n marginLeft: \"-=330px\"\n },\n \"slow\"\n );\n }\n }\n\n if (window.matchMedia(\"(max-width: 768px)\").matches) {\n if (margin > -1800) {\n $(move).animate(\n {\n marginLeft: \"-=275px\"\n },\n \"slow\"\n );\n }\n }\n};\n","export const TitleHide = node => {\n let title = node.querySelector(\"h1\");\n let preview = node.querySelector(\".collection-item\");\n\n if (preview) {\n preview.addEventListener(\"mouseover\", function() {\n setTimeout(function() {\n title.setAttribute(\"style\", \"opacity:0; \");\n }, 250);\n });\n }\n\n if (preview) {\n preview.addEventListener(\"mouseleave\", function() {\n setTimeout(function() {\n title.setAttribute(\"style\", \"opacity:1; \");\n }, 250);\n });\n }\n};\n","import { createSelector } from 'reselect';\n\nconst selectCollection = state => state.collection;\n\nexport const selectCollectionData = createSelector(\n [selectCollection],\n collection => collection.collection\n);","import React from \"react\";\nimport \"./CollectionOverview.scss\";\nimport CollectionPreview from \"../CollectionPreview/CollectionPreview\";\nimport {connect} from 'react-redux';\nimport {selectCollectionData} from '../../Redux/Collection/collection-selectors';\n\nconst CollectionOverview = ({ movies, tvshow, collection }) => (\n
\n {collection.map(items => (\n \n ))}\n
\n);\n\nconst mapStateToProps = state => ({\n collection: selectCollectionData(state)\n});\n\nexport default connect(mapStateToProps)(CollectionOverview);\n","import { connect } from \"react-redux\";\nimport { createStructuredSelector } from \"reselect\";\nimport { compose } from \"redux\";\n\nimport { selectIsMovieFetching } from \"../../Redux/Movie/movie-selectors\";\n\nimport WithSpinnerMovie from \"../WithSpinner/WithSpinnerMovie\";\nimport CollectionOverview from \"./CollectionOverview\";\n\nconst mapStateToProps = createStructuredSelector({\n isMovieOverviewLoading: selectIsMovieFetching,\n});\n\nconst CollectionOverviewMovie = compose(\n connect(mapStateToProps),\n WithSpinnerMovie\n)(CollectionOverview);\n\nexport default CollectionOverviewMovie;\n"],"sourceRoot":""}