{"version":3,"file":"244.54666f8602c583ef450e.min.js","mappings":"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","sources":["webpack://Vollrath.Kentico.Web/./js/shared/react/components/video-grid.jsx"],"sourcesContent":["import React, { Component } from \"react\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport Video from './video-item.jsx';\r\nimport LoaderSection from './loader-section.jsx';\r\nimport { getUrlParams, generatePaginationHref } from '../../utils/';\r\nimport debounce from 'lodash/debounce';\r\nimport kebabCase from 'lodash/kebabCase';\r\nimport Filters from './filters.jsx';\r\nimport { getVideos, getVideosBySearch } from '../../apis/inspiration';\r\nimport Magnific from './magnific.jsx';\r\nimport toast from '../../components/toast';\r\nimport FilteringBase from './filtering-base';\r\n\r\nclass VideoGridContainer extends FilteringBase {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = Object.assign({}, this.baseState, {\r\n            filters: {},\r\n            pageSize: 12,\r\n            firstSearch: true,\r\n            showModal: false,\r\n            modalIndex: 0\r\n        });\r\n\r\n        this.onSearchInput = this.onSearchInput.bind(this);\r\n        this.handleChange = this.handleChange.bind(this);\r\n        this.handlePageClick = this.handlePageClick.bind(this);\r\n        this.handleVideoClick = this.handleVideoClick.bind(this);\r\n        this.handleModalClose = this.handleModalClose.bind(this);\r\n        this.loadDebounce = debounce(this.load.bind(this), 1000);\r\n    }\r\n\r\n    get galleryItems() {\r\n        return this.state.items.map(v => {\r\n            return {\r\n                type: v.url.indexOf('.mp4') >= 0 ? 'video' : 'iframe',\r\n                src: v.url,\r\n                description: v.title\r\n            };\r\n        })\r\n    }\r\n\r\n    setFilters() {\r\n        const tags = [...this.props.tags];\r\n        const categories = [...this.props.categories];\r\n        tags.forEach(t => t.Selected = false);\r\n        categories.forEach(c => c.Selected = false);\r\n        return new Promise((resolve) => {\r\n            this.setState({\r\n                filters: {\r\n                    Categories: categories,\r\n                    Tags: tags\r\n                }\r\n            }, () => resolve());\r\n        });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.setFilters().then(() => {\r\n            this.updateFilters();\r\n            let params = getUrlParams();\r\n            let pageNum;\r\n            if (Object.keys(params).length) {\r\n                pageNum = params.page !== '1' ? params.page : 1;\r\n                this.setState({ page: pageNum }, () => {\r\n                    this.load();\r\n                });\r\n            } else {\r\n                this.load();\r\n            } \r\n\r\n            window.addEventListener('popstate',  e => {\r\n                this.updateFilters();\r\n                let params = getUrlParams();\r\n                let pageNum;\r\n                if (Object.keys(params).length) {\r\n                    pageNum = params.page !== '1' ? params.page : 1;\r\n                    this.setState({ page: pageNum }, () => {\r\n                        this.load(false);\r\n                    });\r\n                } else {\r\n                    this.setState({ page: 1 }, () => { this.load(false) });\r\n                } \r\n            });\r\n        });\r\n    }\r\n\r\n    // load products from the api\r\n    load(pushState = true) {\r\n        if (this.ajaxPromise) this.ajaxPromise.controller.abort();\r\n\r\n        this.setState({\r\n            isLoading: true,\r\n            items: []\r\n        });\r\n\r\n        if (pushState && !this.state.firstSearch) {\r\n            history.pushState(null, document.title, this.getUrl());\r\n        }\r\n\r\n        // put together api parameters\r\n        const params = this.getAllFilters();\r\n        params.pageSize = this.state.pageSize;\r\n        // remove empty or undefined params\r\n        Object.keys(params).forEach(key => {\r\n            if (!params[key]) delete params[key];\r\n        });\r\n\r\n        this.setState({\r\n            firstSearch: false\r\n        });\r\n\r\n        if (!this.state.q) {\r\n            this.ajaxPromise = getVideos(params);\r\n        } else {\r\n            this.ajaxPromise = getVideosBySearch(params);\r\n        }\r\n\r\n        this.ajaxPromise.then(data => {\r\n                console.log(data);\r\n                this.setState({\r\n                    items: data.records,\r\n                    totalRecords: data.totalRecords,\r\n                    isLoading: false\r\n                });\r\n                return data;\r\n            })\r\n            .catch(error => {\r\n                console.log(error);\r\n                if (error.name === 'AbortError') return error;\r\n                this.setState({\r\n                    isLoading: false\r\n                });\r\n                toast.error('There was an error getting videos');\r\n                return error;\r\n            });\r\n\r\n        return this.ajaxPromise;\r\n    }\r\n\r\n    // set the selected state of the filters to false\r\n    resetFilterData(data) {\r\n        for (const [key, value] of Object.entries(data)) {\r\n            value.forEach(v => v.Selected = false);\r\n        }\r\n    }\r\n\r\n    // update filters on page using the url parameters\r\n    updateFilters() {\r\n        const params = getUrlParams(),\r\n            filters = Object.assign({}, this.state.filters);\r\n\r\n        // reset filters to be unselected\r\n        this.resetFilterData(filters);\r\n        // go through params and update selected filters\r\n        for (const paramKey in params) {\r\n            const values = params[paramKey].split('|');\r\n            const filterSection = Object.entries(filters).find(([key]) => kebabCase(key) === paramKey);\r\n            console.log(filterSection, values);\r\n\r\n            if (filterSection) {\r\n                values.forEach(value => {\r\n                    const filter = filterSection[1].find(f => f.Id === +value);\r\n                    if (filter) filter.Selected = true;\r\n                });\r\n            }\r\n        }\r\n\r\n        this.setState({\r\n            filters: filters,\r\n            page: params['page'] ? +params['page'] : 1\r\n        });\r\n    }\r\n\r\n    // get all the selected filters at this time\r\n    getAllFilters() {\r\n        const params = {\r\n            q: this.state.q,\r\n            page: this.state.page\r\n        };\r\n\r\n        for (const [key, value] of Object.entries(this.state.filters)) {\r\n            value.forEach(v => {\r\n                if (v.Selected) {\r\n                    const paramKey = kebabCase(key),\r\n                        encodedValue = v.Id;\r\n                    if (params[paramKey]) params[paramKey].push(encodedValue);\r\n                    else params[paramKey] = [encodedValue];\r\n                }\r\n            });\r\n        }\r\n\r\n        // pipe delimit array values\r\n        Object.keys(params).forEach(key => {\r\n            if (Array.isArray(params[key])) params[key] = params[key].join(',');\r\n        });\r\n\r\n        return params;\r\n    }\r\n\r\n    // get the url for the current window location\r\n    getUrl() {\r\n        const baseUrl = `${window.location.pathname}`,\r\n            filters = this.getAllFilters(),\r\n            params = [];\r\n        for (const key in filters) {\r\n            const val = filters[key];\r\n            if (((key === 'page' && val > 1) || key !== 'page')) {\r\n                if(val) params.push(`${key}=${encodeURIComponent(val)}`);\r\n            }\r\n        }\r\n\r\n        return `${baseUrl}${params.length ? '?' : ''}${params.join('&')}`;\r\n    }\r\n\r\n    handleChange(e) {\r\n        const target = e.target,\r\n            isChecked = target.checked,\r\n            name = target.name,\r\n            value = +target.value,\r\n            filters = Object.assign({}, this.state.filters);\r\n\r\n        Object.keys(filters).forEach(key => {\r\n            const match = filters[key].find(f => f.Id === value && key === name);\r\n            if(match) match.Selected = isChecked;\r\n        });\r\n\r\n        this.setState({\r\n            filters: filters,\r\n            page: 1\r\n        }, () => {\r\n            this.load();\r\n        });\r\n    }\r\n\r\n    onSearchInput(value) {\r\n        this.setState({\r\n            q: value\r\n        }, () => {\r\n            this.loadDebounce();\r\n        });\r\n    }\r\n\r\n    handleVideoClick(e) {\r\n        e.preventDefault();\r\n\r\n        let link = e.target;\r\n        while (link.tagName !== 'A') {\r\n            link = link.parentElement;\r\n        }\r\n        console.log(link);\r\n        this.setState({\r\n            showModal: true,\r\n            modalIndex: +link.getAttribute('data-index')\r\n        });\r\n    }\r\n\r\n    handleModalClose() {\r\n        this.setState({\r\n            showModal: false\r\n        });\r\n    }\r\n\r\n    render() {\r\n        let pagination,\r\n            loader,\r\n            results;\r\n        if (this.showPagination()) {\r\n            pagination = <ReactPaginate\r\n                previousLabel={'<'}\r\n                nextLabel={'>'}\r\n                breakLabel={'...'}\r\n                breakClassName={'break-me'}\r\n                pageCount={this.pages()}\r\n                marginPagesDisplayed={2}\r\n                pageRangeDisplayed={5}\r\n                onPageChange={this.handlePageClick}\r\n                containerClassName={'pagination'}\r\n                subContainerClassName={'pages pagination'}\r\n                activeClassName={'active'}\r\n                forcePage={this.state.page - 1}\r\n                hrefBuilder={generatePaginationHref}\r\n            />;\r\n        }\r\n\r\n        if (this.state.items.length > 0) {\r\n            results = <div className=\"row\">\r\n                {this.state.items.map((video, index) => (\r\n                    <Video key={index} {...video} onClick={this.handleVideoClick} index={index} />\r\n                ))}\r\n            </div>;\r\n        }\r\n        else if(!this.state.isLoading) {\r\n            results = <p>No results found</p>;\r\n        }\r\n\r\n        if (this.state.isLoading) loader = <LoaderSection show={true} />;\r\n\r\n        return (\r\n            <div className=\"row\">\r\n                <div className=\"col-lg-3\">\r\n                    <Filters q={this.state.q} handleSearchChange={this.onSearchInput}>\r\n                        {Object.entries(this.state.filters).map(([key, value]) => (\r\n                            <div key={key}>\r\n                            {value.length > 0 &&\r\n                                    <details className=\"filter-accordion\" open role=\"group\" aria-labelledby={'filter-' + kebabCase(key)}>\r\n                                    <summary className=\"filter-accordion-header\" id={'filter-' + kebabCase(key)}><span>{key}</span></summary>\r\n                                    <div className=\"filter-accordion-content\">\r\n                                        {value.map((filter, index) => (\r\n                                            <div key={index}>\r\n                                                <input className=\"custom-checkbox square\" id={filter.Name} type=\"checkbox\" name={key} value={filter.Id} onChange={this.handleChange} checked={filter.Selected} />\r\n                                                <label htmlFor={filter.Name}>\r\n                                                    <span>{filter.Name}</span>\r\n                                                </label>\r\n                                            </div>\r\n                                        ))}\r\n                                    </div>\r\n                                </details>\r\n                                }\r\n                            </div>\r\n                        ))}\r\n                    </Filters>\r\n                </div>\r\n                <div id=\"results\" className=\"col-lg-9 margin-t-20\">\r\n                    {loader}\r\n                    {results}\r\n                    {pagination}\r\n                </div>\r\n\r\n                <Magnific items={this.galleryItems} show={this.state.showModal} onClose={this.handleModalClose} index={this.state.modalIndex} />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nVideoGridContainer.defaultProps = {\r\n    tags: [],\r\n    categories: []\r\n};\r\n\r\nexport default VideoGridContainer;"],"names":["VideoGridContainer","props","state","Object","assign","baseState","filters","pageSize","firstSearch","showModal","modalIndex","onSearchInput","bind","handleChange","handlePageClick","handleVideoClick","handleModalClose","loadDebounce","debounce","load","this","items","map","v","type","url","indexOf","src","description","title","tags","categories","forEach","t","Selected","c","Promise","resolve","setState","Categories","Tags","setFilters","then","updateFilters","pageNum","params","getUrlParams","keys","length","page","window","addEventListener","e","pushState","ajaxPromise","controller","abort","isLoading","history","document","getUrl","getAllFilters","key","q","getVideosBySearch","getVideos","data","console","log","records","totalRecords","error","name","toast","entries","resetFilterData","paramKey","values","split","filterSection","find","kebabCase","value","filter","f","Id","encodedValue","push","Array","isArray","join","baseUrl","location","pathname","val","encodeURIComponent","target","isChecked","checked","match","preventDefault","link","tagName","parentElement","getAttribute","pagination","loader","results","showPagination","previousLabel","nextLabel","breakLabel","breakClassName","pageCount","pages","marginPagesDisplayed","pageRangeDisplayed","onPageChange","containerClassName","subContainerClassName","activeClassName","forcePage","hrefBuilder","generatePaginationHref","className","video","index","onClick","show","handleSearchChange","open","role","id","Name","onChange","htmlFor","galleryItems","onClose","FilteringBase","defaultProps"],"sourceRoot":""}