{"version":3,"sources":["webpack:///./Scripts/Containers/Pagination.container.js"],"names":["PaginationContainer","props","handleOnClick","bind","model","intervalEnd","intervalStart","displayedEntries","pageCount","pageSize","totalCount","currentPageIndex","edgeEntries","state","event","this","updateSearch","target","innerHTML","start","end","items","i","push","onClick","className","key","Math","min","getPaginationItems","begin","max","getBackSymbol","getFirstSection","map","x","getMiddleSection","getEndSection","getForwardSymbol","Component","connect","dispatch","q","withHtmlResult","window","scrollTo","top","behavior"],"mappings":"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","file":"149.0128fce67edbc920f316.js","sourcesContent":["import React, { Component } from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { updateSearch } from '../Actions/FacetedSearch.action'\r\n\r\nclass PaginationContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.handleOnClick = this.handleOnClick.bind(this)\r\n\r\n        const {\r\n            intervalEnd,\r\n            intervalStart,\r\n            displayedEntries,\r\n            pageCount,\r\n            pageSize,\r\n            totalCount,\r\n            currentPageIndex,\r\n            edgeEntries,\r\n         } = props.model\r\n\r\n        this.state = { \r\n            intervalEnd: intervalEnd,\r\n            intervalStart: intervalStart,\r\n            displayedEntries: displayedEntries,\r\n            pageCount: pageCount,\r\n            pageSize: pageSize,\r\n            totalCount: totalCount,\r\n            currentPageIndex: currentPageIndex,\r\n            edgeEntries: edgeEntries\r\n        }\r\n    }\r\n\r\n    handleOnClick(event) {\r\n        this.props.updateSearch(`page=${event.target.innerHTML}`)\r\n    }\r\n\r\n    getPaginationItems(start, end) {\r\n        let items = []\r\n        for (var i = start; i < end; i++) {\r\n            items.push(\r\n                <li onClick={this.handleOnClick} className=\"pagination__item\" key={i}>\r\n                    <a className={`pagination__link ${i+1 == this.state.currentPageIndex ? \"pagination__link--current\" : \"\"}`}>\r\n                        {i+1}\r\n                    </a>\r\n                </li>\r\n            )\r\n        }\r\n\r\n        return items\r\n    }\r\n\r\n    getBackSymbol() {\r\n        if(this.state.currentPageIndex > 1)\r\n            return (\r\n                <li key=\"back\" className=\"pagination__item\" onClick={() => this.props.updateSearch(`page=${this.state.currentPageIndex-1}`)}>\r\n                    <a className=\"pagination__link\">&lt;&lt;</a>\r\n                </li>\r\n            )\r\n    }\r\n\r\n    getFirstSection() {\r\n        let items = []\r\n        if(this.state.intervalStart < 0 || this.state.edgeEntries < 0)\r\n            return []\r\n        \r\n        const end = Math.min(this.state.edgeEntries, this.state.intervalStart)\r\n        items.push(...this.getPaginationItems(0, end))\r\n\r\n        if(this.state.edgeEntries < this.state.intervalStart)\r\n            items.push(\r\n                <li key=\"start\" className=\"pagination__item\">\r\n                    <a className=\"pagination__link pagination__link--disabled\">...</a>\r\n                </li>\r\n            )\r\n        return items\r\n    }\r\n\r\n    getMiddleSection() {\r\n        return this.getPaginationItems(this.state.intervalStart, this.state.intervalEnd)\r\n    }\r\n\r\n    getEndSection() {\r\n        let items = []\r\n        if(this.state.intervalEnd > this.state.pageCount || this.state.edgeEntries < 0)\r\n            return\r\n        if(this.state.pageCount - this.state.edgeEntries > this.state.intervalEnd)\r\n            items.push(\r\n                <li key=\"end\" className=\"pagination__item\">\r\n                    <a className=\"pagination__link pagination__link--disabled\">...</a>\r\n                </li>\r\n            )\r\n        const begin = Math.max(this.state.pageCount - this.state.edgeEntries, this.state.intervalEnd)\r\n        items.push(...this.getPaginationItems(begin, this.state.pageCount))\r\n        \r\n        return items\r\n    }\r\n\r\n    getForwardSymbol() {\r\n        if(this.state.currentPageIndex < this.state.pageCount)\r\n            return (\r\n                <li key=\"forward\" className=\"pagination__item\" onClick={() => this.props.updateSearch(`page=${this.state.currentPageIndex+1}`)}>\r\n                    <a className=\"pagination__link\">&gt;&gt;</a>\r\n                </li>\r\n            )\r\n    }\r\n\r\n    render() { \r\n        return ( \r\n            <>\r\n                {this.state.pageCount > 1 && (\r\n                    <ul className=\"pagination \">\r\n                        {this.getBackSymbol()}\r\n                        {this.getFirstSection().map(x => x)}\r\n                        {this.getMiddleSection().map(x => x)}\r\n                        {this.getEndSection().map(x => x)}\r\n                        {this.getForwardSymbol()}\r\n                    </ul>\r\n                )}\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n    return {\r\n        updateSearch: (q, withHtmlResult) => {\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: \"smooth\"\r\n            })\r\n            return dispatch(updateSearch(q, withHtmlResult))\r\n        }\r\n    }\r\n}\r\n\r\n\r\nexport default connect(null, mapDispatchToProps)(PaginationContainer);"],"sourceRoot":""}