\r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport { TreeSelect } from 'antd';\r\n\r\nconst { TreeNode } = TreeSelect;\r\n\r\nconst NodeTitle = ({ title }) => {\r\n const history = useHistory();\r\n\r\n return (\r\n \r\n
\r\n \r\n From \r\n
\r\n \r\n setStartYear(event.target.value)}\r\n />\r\n
\r\n To \r\n \r\n setEndYear(event.target.value)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst treeData = [\r\n {\r\n title: {title}
\r\n\r\n history.push('/mypage')} href=\"/community/Readers/2\">\r\n see more\r\n \r\n
\r\n\r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default sideBar;\r\n","import React from \"react\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\n\r\n\r\n\r\nconst breadCrumbs = () => {\r\n return (\r\n \r\n
\r\n \r\n Search books by\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Author's period\r\n
\r\n \r\n Publisher's period\r\n
\r\n \r\n Results: \r\n {}}>filter\r\n
\r\n \r\n \r\n
\r\n \r\n Price range\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default breadCrumbs;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\n\r\nimport { Link } from 'react-router-dom';\r\nimport M from 'materialize-css';\r\nimport {\r\n EmailShareButton,\r\n FacebookShareButton,\r\n LinkedinShareButton,\r\n PinterestShareButton,\r\n RedditShareButton,\r\n TwitterShareButton,\r\n WhatsappShareButton,\r\n} from 'react-share';\r\nimport {\r\n EmailIcon,\r\n FacebookIcon,\r\n LinkedinIcon,\r\n PinterestIcon,\r\n RedditIcon,\r\n TwitterIcon,\r\n WhatsappIcon,\r\n} from 'react-share';\r\nimport {\r\n FacebookShareCount,\r\n PinterestShareCount,\r\n RedditShareCount,\r\n} from 'react-share';\r\nimport Flag from 'react-flagkit';\r\nimport Slider from 'react-slick';\r\nimport Rating from 'react-rating';\r\nimport Magnifier from 'react-magnifier';\r\nimport { Typography } from '@material-ui/core';\r\n\r\nvar settings = {\r\n dots: true,\r\n infinite: true,\r\n adaptiveHeight: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n};\r\nvar settingsSocial = {\r\n infinite: true,\r\n adaptiveHeight: true,\r\n speed: 500,\r\n vertical: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 2560,\r\n settings: {\r\n slidesToShow: 6,\r\n },\r\n },\r\n {\r\n breakpoint: 1440,\r\n settings: {\r\n slidesToShow: 4,\r\n },\r\n },\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 3,\r\n },\r\n },\r\n {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 3,\r\n },\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 4,\r\n },\r\n },\r\n ],\r\n};\r\n\r\nfunction truncate(string, length) {\r\n if (!string) return;\r\n return string.length > length ? string.substring(0, length) + '...' : string;\r\n}\r\n\r\nfunction SampleNextArrow(props) {\r\n const { className, style, onClick, changeImage } = props;\r\n\r\n const handleClick = () => {\r\n onClick();\r\n changeImage();\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import React, { Component } from 'react';\r\n\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport M from 'materialize-css';\r\nimport {\r\n EmailShareButton,\r\n FacebookShareButton,\r\n InstapaperShareButton,\r\n LineShareButton,\r\n LinkedinShareButton,\r\n LivejournalShareButton,\r\n MailruShareButton,\r\n OKShareButton,\r\n PinterestShareButton,\r\n PocketShareButton,\r\n RedditShareButton,\r\n TelegramShareButton,\r\n TumblrShareButton,\r\n TwitterShareButton,\r\n ViberShareButton,\r\n VKShareButton,\r\n WhatsappShareButton,\r\n WorkplaceShareButton,\r\n} from 'react-share';\r\nimport {\r\n EmailIcon,\r\n FacebookIcon,\r\n InstapaperIcon,\r\n LineIcon,\r\n LinkedinIcon,\r\n LivejournalIcon,\r\n MailruIcon,\r\n OKIcon,\r\n PinterestIcon,\r\n PocketIcon,\r\n RedditIcon,\r\n TelegramIcon,\r\n TumblrIcon,\r\n TwitterIcon,\r\n ViberIcon,\r\n VKIcon,\r\n WeiboIcon,\r\n WhatsappIcon,\r\n WorkplaceIcon,\r\n} from 'react-share';\r\nimport {\r\n FacebookShareCount,\r\n OKShareCount,\r\n PinterestShareCount,\r\n RedditShareCount,\r\n TumblrShareCount,\r\n VKShareCount,\r\n} from 'react-share';\r\nimport Flag from 'react-flagkit';\r\nimport Slider from 'react-slick';\r\nimport Rating from 'react-rating';\r\nimport Magnifier from 'react-magnifier';\r\nexport default class bookCard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: props.id,\r\n authorName: '',\r\n description: '',\r\n period: null,\r\n movements: [],\r\n countries: '',\r\n movementsLength: 0,\r\n nav1: null,\r\n nav2: null,\r\n };\r\n this.truncateTitle = this.truncateTitle.bind(this);\r\n this.truncate = this.truncate.bind(this);\r\n this.truncateCity = this.truncateCity.bind(this);\r\n this.truncateAuthor = this.truncateAuthor.bind(this);\r\n }\r\n\r\n componentWillMount() {}\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n this.setState({\r\n nav1: this.slider1,\r\n nav2: this.slider2,\r\n });\r\n }\r\n\r\n truncateTitle(str) {\r\n return str.length > 27 ? str.substring(0, 27) + '...' : str;\r\n }\r\n truncate(str) {\r\n return str.length > 24 ? str.substring(0, 24) + '...' : str;\r\n }\r\n truncateCity(str) {\r\n return str.length > 27 ? str.substring(0, 27) + '...' : str;\r\n }\r\n truncateAuthor(str) {\r\n return str.length > 50 ? str.substring(0, 50) + '...' : str;\r\n }\r\n\r\n render() {\r\n var settings = {\r\n dots: true,\r\n infinite: true,\r\n adaptiveHeight: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n };\r\n var settingsSocial = {\r\n infinite: true,\r\n adaptiveHeight: true,\r\n speed: 500,\r\n vertical: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 2560,\r\n settings: {\r\n slidesToShow: 6,\r\n },\r\n },\r\n {\r\n breakpoint: 1440,\r\n settings: {\r\n slidesToShow: 4,\r\n },\r\n },\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 3,\r\n },\r\n },\r\n {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 3,\r\n },\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 4,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n const data =\r\n '{\"title\":\"WORKS OF VIRGIL CONTAINING HIS PASTORALS, GEORGICS AND AENEIS, Translated into English verse by Mr. Dryden\",\"author\":\"Virgil\",\"publisher\":\"Jacob Tonson\",\"publisherYear\":1697,\"publisherCity\":\"London\",\"publisherCountry\":\"England\", \"translator\": \"John Dryden\" , \"locationAbbreviation\":\"ENG\",\"price\":\"$4,950.00\",\"views\":300,\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"seller\":\"Anticariat Unu\",\"sellerRating\":3.5,\"sellerCity\":\"Bucharest\",\"sellerState\":\"Bucharest\",\"sellerCountry\":\"Romania\",\"sellerCountryAbbreviation\":\"RO\",\"paymentMethods\":[\"Paypal\"],\"shippingPrice\":\"5$\",\"language\":\"English\",\"illustrator\":\"English\",\"binding\":\"Hardcover\",\"bookbinder\":\"Name\",\"condition\":\"Good\",\"sizes\":\"14x12x3\",\"keywords\":[\"test\"],\"description\":\"First Edition. A copy with pleasing provenance, this being the copy owned by Edmund Poley of Badley, the plate and coat-of-arms dated 1707. With a finely engraved title-page and sculptural frontispiece and 101 additional and very beautiful full page copper engraved plates. Title-page printed in red and black. Folio in fours, (350 x 220mm.), a nice large copy with substantial borders., handsomely bound in contemporary paneled calf with borders in blind on the upper and lower covers, the spine with raised bands, richly gilt in the compartments with the panels tooled elaborately gilt tooled and bordered, red morocco lettering label gilt, original endleaves, a fine large coat-of-arms to the front pastedown. [44]; 640 pp. A handsome and well preserved copy, solid and sound with the paper occasionally toned or mellowed by time as is typical with the paper used by Tonson for the printing of the book. This copy is unpressed and unwashed. The back was sometime refurbished and restored expertly and sympathetically, some sophisticated work accomplished to the binding. This is a substantial copy and a fine survival of a highly esteemed work, profusely illustrated and beautifully printed. FIRST EDITION, BEAUTIFULLY AND PROFUSELY ILLUSTRATED WITH FINE COPPERPLATE ENGRAVINGS AND An exquisitely printed work ACCOMPLISHED BY JACOB TONSON, ONE OF THE GREATEST PRINTERS AND PUBLISHERS OF THE TIME. The quality of the engraving work is absolutely superb and the setting of the type of the very highest quality. Having this book in one s hands makes one reflect upon how wonderful a folio edition of Shakespeare might have been had Tonson ever undertaken the task. Dryden s translation, won much acclaim and in fact would remain the standard for generations. It has been recognised as one of the great achievements in English literature (see Caldwell, TIME TO BEGIN ANEW: DRYDEN S GEORGICS AND AENEIS (Bucknell UP, 2000). The illustrations engraved by Hollar and Lombart may be referenced along with much other material on Hollar in Hodnett s classic work: FIVE CENTURIES OF ENGLISH BOOK ILLUSTRATION, pp. 59-63. Exquisite artworks to accompany a cornerstone translation of one of the great classical oeuvres. This copy comes from the holdings of Edmund Poley of Badley. Poley s family had been in Suffolk since the end of the 14th century, and represented Suffolk constituencies since 1554. Poleys family were Royalists during the Civil War and fought in the King s army. Bookseller Inventory # 29816\",\"images\":[\"./1.jpg\",\"./2.jpg\",\"./3.jpg\"]}';\r\n var myData = JSON.parse(data);\r\n\r\n const hasMoreAttributes = myData.translator || myData.illustrator || myData.bookbinder;\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n {props?.images?.map((item, index) => (\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n {truncate(props.title, 27)}\r\n
\r\n \r\n\r\n Author: {truncate(props.author, 24)}\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n Publisher: {truncate(props.publisher, 25)}\r\n
\r\n\r\n
\r\n {props.publishYear}
\r\n\r\n
\r\n \r\n
\r\n City: {truncate(props?.publisherCity, 27)}
\r\n\r\n
\r\n {myData.locationAbbreviation}
\r\n\r\n
\r\n \r\n\r\n \r\n {props.currencySymbol}\r\n {Number(props.price)\r\n .toFixed(2)\r\n .replace(/\\d(?=(\\d{3})+\\.)/g, '$&,')}\r\n
\r\n\r\n remove_red_eye\r\n {myData.views}\r\n
\r\n- \r\n
- \r\n \r\n \r\n insert_chartview more attributes\r\n ({activeExtraAttributes})\r\n \r\n\r\n\r\n\r\n
\r\n Translator: {props?.translator ? {truncate(props?.translator, 24)} : 'no translator'}\r\n
\r\n\r\n Illustrator: {props?.illustrator ? {truncate(props?.illustrator, 24)} : 'no illustrator'}\r\n
\r\n\r\n Book binder: {props?.bookBinder ? {truncate(props?.bookBinder, 24)} : 'no binder'}\r\n
\r\n \r\n
- \r\n
- \r\n \r\n \r\n insert_chartview more statistics\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n Readers 123\r\n {myData.readers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.readersWorldRanking}\r\n {' '}\r\n \r\n {myData.readersNationalRanking}\r\n \r\n\r\n\r\n \r\n Reviewers\r\n {myData.reviewers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.reviewersWorldRanking}\r\n {' '}\r\n \r\n {myData.reviewersNationalRanking}\r\n \r\n\r\n\r\n \r\n Followers\r\n {myData.followers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.followersWorldRanking}\r\n {' '}\r\n \r\n {myData.followersNationalRanking}\r\n \r\n\r\n\r\n \r\n Collectors\r\n {myData.collectors}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.collectorsWorldRanking}\r\n {' '}\r\n \r\n {myData.collectorsNationalRanking}\r\n \r\n\r\n \r\n
\r\n
\r\n Book ranking:
\r\n \r\n World: {myData.worldRanking}\r\n
\r\n \r\n National: {myData.nationalRanking}\r\n
\r\n window.open(\"https://www.peterharrington.co.uk/\", \"_blank\")}>\r\n
\r\n \r\n
\r\n \r\n {myData.seller}\r\n
{' '}\r\n\r\n star_border}\r\n placeholderSymbol={star}\r\n fullSymbol={star}\r\n fractions={2}\r\n />\r\n
\r\n \r\n
\r\n {myData.sellerCity}
\r\n{myData.sellerCountry}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n More details\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {props.title}
\r\n\r\n
\r\n \r\n close\r\n \r\n
\r\n \r\n \r\n {props?.images?.map((item, index) => (\r\n
\r\n
\r\n\r\n {' '}\r\n Rating:{' '}\r\n
\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {props?.images?.length > 1 && (\r\n \r\n 
\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n
Seller information
\r\n\r\n
Name: {myData.seller}
\r\n\r\n {' '}\r\n Rating:{' '}\r\n star_border}\r\n placeholderSymbol={star}\r\n fullSymbol={star}\r\n fractions={2}\r\n />\r\n
\r\n City: {myData.sellerCity}
\r\nState/Region: {myData.sellerState}
\r\nCountry: {myData.sellerState}
\r\nPayment methods: {myData.paymentMethods[0]}
\r\nShipping costs: {myData.shippingPrice}
\r\n View in store\r\n\r\n
\r\n
\r\n\r\n {props.description}\r\n \r\n
\r\n
\r\n Author: {props.author}
\r\nPublisher: {props.publisher}
\r\nCity: {props.publisherCity}
\r\nCountry: {myData.publisherCountry}
\r\nYear: {props.publishYear}
\r\n{props.currencySymbol + Number(props.price).toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,')}
\r\n\r\n
Attributes
\r\nLaguage: {myData.language}
\r\nIllustrator: {props.illustrator}
\r\nTranslator: {props.translator}
\r\nBinding: {myData.binding}
\r\nBookbinder: {props.binder}
\r\nCondition: {myData.condition}
\r\nSizes: {myData.sizes}
\r\nKeywords: {myData.keywords[0]}
\r\n\r\n
Description
\r\n\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst propTypes = {\r\n items: PropTypes.array.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n initialPage: PropTypes.number,\r\n pageSize: PropTypes.number\r\n}\r\n\r\nconst defaultProps = {\r\n initialPage: 1,\r\n pageSize: 25\r\n}\r\n\r\nclass Pagination extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { pager: {} };\r\n }\r\n\r\n componentWillMount() {\r\n console.log(this.props.initialPage);\r\n // set page if items array isn't empty\r\n if (this.props.items && this.props.nrAuthors) {\r\n this.setPage(this.props.initialPage,true);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n // reset page if items array has changed\r\n if (this.props.nrAuthors !== prevProps.nrAuthors) {\r\n this.setPage(this.props.initialPage,true);\r\n }\r\n }\r\n\r\n // componentWillReceiveProps = (nextProps) => {\r\n // if (nextProps.initialPage !== this.props.initialPage) {\r\n // this.setPage(this.props.initialPage, true);\r\n // }\r\n // }\r\n\r\n setPage(page,firstLoad) {\r\n var { items, pageSize } = this.props;\r\n var pager = this.state.pager;\r\n\r\n if (page < 1 || page > pager.totalPages) {\r\n return;\r\n }\r\n\r\n // get new pager object for specified page\r\n pager = this.getPager(this.props.nrAuthors, page, pageSize);\r\n // get new page of items from items array\r\n var pageOfItems = items.slice(pager.startIndex, pager.endIndex + 1);\r\n\r\n // update state\r\n this.setState({ pager: pager });\r\n if (firstLoad === true) {\r\n // console.log('Just setting current page');\r\n } else {\r\n this.props.onLoading();\r\n // call change page function in parent component\r\n this.props.onChangePage(page,firstLoad);\r\n }\r\n }\r\n\r\n getPager(totalItems, currentPage, pageSize) {\r\n // default to first page\r\n currentPage = currentPage || 1;\r\n\r\n // default page size is 10\r\n pageSize = pageSize || 10;\r\n\r\n // calculate total pages\r\n var totalPages = Math.ceil(totalItems / pageSize);\r\n // console.log(totalPages);\r\n var startPage, endPage;\r\n if (totalPages <= this.props.maxPages) {\r\n // less than 10 total pages so show all\r\n startPage = 1;\r\n endPage = totalPages;\r\n } else {\r\n // more than 10 total pages so calculate start and end pages\r\n if (currentPage <= Math.round((this.props.maxPages/2)+1)) {\r\n startPage = 1;\r\n endPage = this.props.maxPages;\r\n } else if (currentPage + Math.round((this.props.maxPages/2)-1) >= totalPages) {\r\n startPage = totalPages - (this.props.maxPages-1);\r\n endPage = totalPages;\r\n } else {\r\n startPage = currentPage - Math.round(this.props.maxPages/2);\r\n endPage = currentPage + Math.round((this.props.maxPages/2)-1);\r\n }\r\n }\r\n\r\n // calculate start and end item indexes\r\n var startIndex = (currentPage - 1) * pageSize;\r\n var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);\r\n\r\n // create an array of pages to ng-repeat in the pager control\r\n var pages = [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);\r\n\r\n // return object with all pager properties required by the view\r\n return {\r\n totalItems: totalItems,\r\n currentPage: currentPage,\r\n pageSize: pageSize,\r\n totalPages: totalPages,\r\n startPage: startPage,\r\n endPage: endPage,\r\n startIndex: startIndex,\r\n endIndex: endIndex,\r\n pages: pages\r\n };\r\n }\r\n\r\n render() {\r\n var pager = this.state.pager;\r\n\r\n if (!pager.pages || pager.pages.length <= 1) {\r\n // don't display pager if there is only 1 page\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {/* */}\r\n
\r\n\r\n \r\n \r\n {myData.images.map((item, index) => (\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.truncateTitle(myData.title)}\r\n \r\n
\r\n \r\n\r\n Author: {this.truncateAuthor(myData.author)}\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n Publisher: {this.truncate(myData.publisher)}\r\n
\r\n\r\n
\r\n {myData.publisherYear}
\r\n\r\n
\r\n \r\n
\r\n City: {this.truncateCity(myData.publisherCity)}
\r\n\r\n
\r\n {myData.locationAbbreviation}
\r\n\r\n
\r\n \r\n\r\n {hasMoreAttributes && (\r\n {myData.price}
\r\n\r\n remove_red_eye\r\n {myData.views}\r\n
\r\n- \r\n
- \r\n \r\n \r\n insert_chartview more attributes\r\n \r\n\r\n\r\n {myData.translator && (\r\n\r\n
\r\n Translator: {this.truncate(myData.translator)}\r\n
\r\n )}\r\n {myData.illustrator && (\r\n\r\n Illustrator: {this.truncate(myData.illustrator)}\r\n
\r\n )}\r\n {myData.bookbinder && (\r\n\r\n Book binder: {this.truncate(myData.bookbinder)}\r\n
\r\n )}\r\n \r\n
- \r\n
- \r\n \r\n \r\n insert_chartview more statistics\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n Readers 123\r\n {myData.readers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.readersWorldRanking}\r\n {' '}\r\n \r\n {myData.readersNationalRanking}\r\n \r\n\r\n\r\n \r\n Reviewers\r\n {myData.reviewers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.reviewersWorldRanking}\r\n {' '}\r\n \r\n {myData.reviewersNationalRanking}\r\n \r\n\r\n\r\n \r\n Followers\r\n {myData.followers}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.followersWorldRanking}\r\n {' '}\r\n \r\n {myData.followersNationalRanking}\r\n \r\n\r\n\r\n \r\n Collectors\r\n {myData.collectors}\r\n {' '}\r\n \r\n add_circle_outline\r\n \r\n \r\n {myData.collectorsWorldRanking}\r\n {' '}\r\n \r\n {myData.collectorsNationalRanking}\r\n \r\n\r\n \r\n
\r\n
\r\n Book ranking:
\r\n \r\n World: {myData.worldRanking}\r\n
\r\n \r\n National: {myData.nationalRanking}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {myData.seller}\r\n
{' '}\r\n\r\n star_border}\r\n placeholderSymbol={star}\r\n fullSymbol={star}\r\n fractions={2}\r\n />\r\n
\r\n \r\n
\r\n {myData.sellerCity}
\r\n{myData.sellerCountry}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n More details\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {myData.title}
\r\n\r\n
\r\n \r\n close\r\n \r\n
\r\n \r\n (this.slider1 = slider)}>\r\n {myData.images.map((item, index) => (\r\n \r\n (this.slider2 = slider)}\r\n slidesToShow={3}\r\n swipeToSlide={true}\r\n focusOnSelect={true}\r\n >\r\n {myData.images.map((item, index) => (\r\n
\r\n
\r\n\r\n {' '}\r\n Rating:{' '}\r\n
\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n ))}\r\n {myData.images.map((item, index) => (\r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n
Seller information
\r\n\r\n
Name: {myData.seller}
\r\n\r\n {' '}\r\n Rating:{' '}\r\n star_border}\r\n placeholderSymbol={star}\r\n fullSymbol={star}\r\n fractions={2}\r\n />\r\n
\r\n City: {myData.sellerCity}
\r\nState/Region: {myData.sellerState}
\r\nCountry: {myData.sellerState}
\r\nPayment methods: {myData.paymentMethods[0]}
\r\nShipping costs: {myData.shippingPrice}
\r\n View in store\r\n\r\n
\r\n
\r\n
\r\n
\r\n Author: {myData.author}
\r\nPublisher: {myData.publisher}
\r\nCity: {myData.publisherCity}
\r\nCountry: {myData.publisherCountry}
\r\nYear: {myData.publisherYear}
\r\n{myData.price}
\r\n\r\n
Attributes
\r\nLaguage: {myData.language}
\r\nIllustrator: {myData.illustrator}
\r\nTranslator: {myData.translator}
\r\nBinding: {myData.binding}
\r\nBookbinder: {myData.bookbinder}
\r\nCondition: {myData.condition}
\r\nSizes: {myData.sizes}
\r\nKeywords: {myData.keywords[0]}
\r\n\r\n
Description
\r\n\r\n
{myData.description}
\r\n- \r\n
- \r\n this.setPage(1,false)}>First\r\n \r\n
- \r\n this.setPage(pager.currentPage - 1,false)}>chevron_left\r\n \r\n {pager.pages.map((page, index) =>\r\n
- \r\n this.setPage(page,false)}>{page}\r\n \r\n )}\r\n
- \r\n this.setPage(pager.currentPage + 1,false)}>chevron_right\r\n \r\n
- \r\n this.setPage(pager.totalPages,false)}>Last\r\n \r\n
\r\n\r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default NavBar;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport BookCard from \"./bookCard\";\r\nimport { Book } from './Book';\r\nimport axios from 'axios';\r\nimport $ from 'jquery';\r\nimport * as M from 'materialize-css/dist/js/materialize';\r\nimport Media from 'react-media';\r\nimport Pagination from './Pagination';\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport { useHistory } from 'react-router-dom';\r\nimport queryString from 'query-string';\r\nimport LoadinBook from './loading';\r\nimport ZoomImage from \"./ZoomImage\";\r\nimport Title from \"antd/lib/skeleton/Title\";\r\nimport { Grid } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n// import Zoom from 'react-medium-image-zoom'\r\n// import 'react-medium-image-zoom/dist/styles.css'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n bookItem: {\r\n padding: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst MainFirstPage = (props) => {\r\n const classes = useStyles();\r\n const [books, setBooks] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(1);\r\n\r\n useEffect(() => {\r\n const elemstooltipped = document.querySelectorAll('.tooltipped');\r\n M.Tooltip.init(elemstooltipped);\r\n\r\n // document.querySelector('.hideOverflowX').children[0].style.overflowX = 'hidden';\r\n const elems = document.querySelectorAll('#dropdown-trigger');\r\n const elemsModal = document.querySelectorAll('.modal');\r\n const elemsC = document.querySelector('.collapsible');\r\n const elemsDate = document.querySelectorAll('.datepicker');\r\n\r\n M.Modal.init(elemsModal);\r\n M.Collapsible.init(elemsC, { accordion: true });\r\n // M.Dropdown.init(elems, { alignment: 'right', closeOnClick: false, coverTrigger: false });\r\n M.Dropdown.init(elems, {alignment:'right', closeOnClick: false, constrainWidth:false, coverTrigger: false});\r\n M.Datepicker.init(elemsDate);\r\n $('.sections a').removeClass('active');\r\n $($('.sections a')[1]).addClass('active');\r\n }, []);\r\n\r\n const renderBook = (book, index) => \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n - \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Sort bysort\r\n
\r\n );\r\n};\r\n\r\nexport default MainFirstPage;\r\n","import SideBar from \"./sideBar\";\r\nimport $ from 'jquery';\r\nimport jQuery from 'jquery';\r\nimport BreadCrumbs from \"./breadCrumbs\";\r\nimport Main from \"./mainFirstPage\";\r\nimport React from \"react\";\r\nimport axios from 'axios';\r\nimport css from 'dom-css';\r\nimport { v1 as uuidv1 } from 'uuid';\r\nimport queryString from 'query-string';\r\nimport { Button } from '@material-ui/core';\r\nimport IonRangeSlider from 'react-ion-slider';\r\nimport \"./vendors/ionRangeSlider/css/ion.rangeSlider.min.css\";\r\nimport \"./vendors/ionRangeSlider/css/ion.rangeSlider.skinFlat.css\";\r\nimport 'react-loading-bar/dist/index.css';\r\n\r\nclass firstPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\nthis.ThisYear = new Date().getFullYear();\r\n this.state ={\r\n totalBooks: 0,\r\n uuid: '',\r\n labels: ['8BC','7BC','6BC','5BC','4BC','3BC','2BC','1BC','0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20'],\r\n yearFrom: 0,\r\n yearTo:31,\r\n active:false,\r\n realYearFrom: -800,\r\n realYearTo: this.ThisYear,\r\n loading: false,\r\n }\r\n this.myData = 0;\r\n this.changeDateRange = this.changeDateRange.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleUpdate = this.handleUpdate.bind(this);\r\n this.onLoading = this.onLoading.bind(this);\r\n this.onHideLoading = this.onHideLoading.bind(this);\r\n this.changeAllTime = this.changeAllTime.bind(this);\r\n this.cancel = this.cancel.bind(this);\r\n this.setYearsFromLink = this.setYearsFromLink.bind(this);\r\n this.updateRange = this.updateRange.bind(this);\r\n this.refreshAuthors = this.refreshAuthors.bind(this);\r\n this.reloadFilters = this.reloadFilters.bind(this);\r\n }\r\n\r\n\r\n changeAllTime(e){\r\n this.onLoading();\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: -800,\r\n to: this.ThisYear\r\n });\r\n this.setYearFrom(-800);\r\n this.setYearTo(this.ThisYear);\r\n window.$('.rangeContainer .active').removeClass('active');\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n }\r\n\r\n updateRange(from,to){\r\n this.setYearFrom(from);\r\n this.setYearTo(to)\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n }\r\n\r\n changeSLider(from,to) {\r\n this.onLoading();\r\n this.setYearFrom(from);\r\n this.setYearTo(to);\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n $('.search-button').removeClass('active');\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n window.$('.rangeContainer .active').removeClass('active');\r\n }\r\n\r\n setYearFrom(v) {\r\n this.setState({\r\n realYearFrom: v,\r\n });\r\n $('.search-button').addClass('active');\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/History/YearActionFrom/${this.state.uuid}/${v}`)\r\n .then(response => {\r\n console.log(response);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n const parsed = queryString.parse(this.props.history.location.search, {arrayFormat: 'comma'});\r\n parsed.from = v;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.history.push(this.props.history.location.pathname+'?'+searchStr);\r\n }\r\n\r\n setYearTo(v) {\r\n this.setState({\r\n realYearTo: v,\r\n });\r\n $('.search-button').addClass('active');\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/History/YearActionTo/${this.state.uuid}/${v}`)\r\n .then(response => {\r\n console.log(response);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n const parsed = queryString.parse(this.props.history.location.search, {arrayFormat: 'comma'});\r\n parsed.to = v;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.history.push(this.props.history.location.pathname+'?'+searchStr);\r\n }\r\n\r\n\r\n changeDateRange(e,century,index){\r\n this.onLoading();\r\n e.preventDefault();\r\n window.$('.rangeContainer .active').removeClass('active');\r\n e.target.classList.value = e.target.classList.value + ' active';\r\n if (index < 9) {\r\n this.setYearTo(-(parseInt(century)*100)+99);\r\n this.setYearFrom(-(parseInt(century)*100));\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: -(parseInt(century)*100),\r\n to: -(parseInt(century)*100)+99\r\n });\r\n var from = -(parseInt(century)*100);\r\n var to = -(parseInt(century)*100)+99;\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n } else if (index === 28) {\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: (parseInt(century)*100)+1-100,\r\n to: (parseInt(century)*100)\r\n });\r\n var from = (parseInt(century)*100)+1-100;\r\n var to = (parseInt(century)*100);\r\n this.setYearTo(to);\r\n this.setYearFrom(from);\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n } else if(index !== 28){\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: (parseInt(century)*100)+1-100,\r\n to: (parseInt(century)*100)\r\n });\r\n var from = (parseInt(century)*100)+1-100;\r\n var to = (parseInt(century)*100);\r\n this.setYearTo(to);\r\n this.setYearFrom(from);\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n }\r\n $('.search-button').removeClass('active');\r\n }\r\n\r\n handleChange(e) {\r\n this.setYearFrom(e.from);\r\n this.setYearTo(e.to)\r\n window.$('.rangeContainer .active').removeClass('active');\r\n $('.search-button').addClass('active');\r\n }\r\n\r\n handleUpdate(values) {\r\n const { shadowTop, shadowBottom } = this.refs;\r\n const { scrollTop, scrollHeight, clientHeight } = values;\r\n const shadowTopOpacity = 1 / 20 * Math.min(scrollTop, 20);\r\n const bottomScrollTop = scrollHeight - clientHeight;\r\n const shadowBottomOpacity = 1 / 20 * (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\r\n css(shadowTop, { opacity: shadowTopOpacity });\r\n css(shadowBottom, { opacity: shadowBottomOpacity });\r\n }\r\n\r\n resize = () => {\r\n this.forceUpdate()\r\n }\r\n\r\n\r\n cancel(){\r\n\r\n }\r\n\r\n componentWillMount() {\r\n var newUid = uuidv1();\r\n this.setState({uuid: newUid})\r\n // var url = this.props.match.url+'/'+newUid;\r\n // this.props.history.push(url)\r\n // this.props.match.params.to = \"1000\";\r\n //this.props.history.push(\"#testing\")\r\n // this.props.history.replace({ pathname: '/index2', state: { from: '300', to: '1000' } });\r\n // var url = this.props.match.url+'/300/1000';\r\n this.onLoading();\r\n/*\r\n var CancelToken = axios.CancelToken;\r\n var self = this;\r\n\r\n axios.get('${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsNewCountry/42613', {\r\n cancelToken: new CancelToken(function executor(c) {\r\n self.cancel = c;\r\n })\r\n }).then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n data[i].index = i;\r\n newData.push(data[i]);\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.setState({allAuthors: alphabeticalOrder});\r\n this.setState({counter: 1});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n*/\r\n }\r\n\r\n setYearsFromLink(){\r\n var from = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).from;\r\n var to = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).to;\r\n if (typeof from === \"undefined\" && typeof to === \"undefined\") {\r\n this.setYearFrom(this.state.realYearFrom);\r\n this.setYearTo(this.state.realYearTo)\r\n } else {\r\n this.setYearFrom(from);\r\n this.setYearTo(to)\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/books/getTotalBooks`).then((res) => {\r\n if (res.data) {\r\n console.log(res.data);\r\n this.setState({ totalBooks: res.data });\r\n }\r\n }).catch(() => {\r\n console.log('error');\r\n });\r\n\r\n var from = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).from;\r\n var to = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).to;\r\n // if (typeof from === \"undefined\" && typeof to === \"undefined\") {\r\n // window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n // from: this.state.realYearFrom,\r\n // to: this.state.realYearTo\r\n // });\r\n // } else {\r\n // window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n // from: from,\r\n // to: to\r\n // });\r\n // if (from-to === -99 ) {\r\n // if (from < 0) {\r\n // var century = parseInt(from.toString().substr(1).substring(0, from.toString().length - 3));\r\n // } else if(from > 0 && from < 100) {\r\n // var century = parseInt(from);\r\n // } else {\r\n // var century = parseInt(from.toString().substring(0, from.toString().length - 2))+1;\r\n // }\r\n // var centuriesArray = document.querySelectorAll('.save-tag-1');\r\n // var possibleCentury = [];\r\n // for (var i = 0; i < centuriesArray.length; i++) {\r\n // if (century === parseInt(centuriesArray[i].innerText)) {\r\n // possibleCentury.push(centuriesArray[i]);\r\n // }\r\n // }\r\n // if (from < 0) {\r\n // possibleCentury[0].classList.add(\"active\");\r\n // } else {\r\n // if (possibleCentury.length > 1) {\r\n // possibleCentury[1].classList.add(\"active\");\r\n // } else {\r\n // possibleCentury[0].classList.add(\"active\");\r\n // }\r\n // }\r\n // }\r\n // }\r\n }\r\n reloadFilters(){\r\n this.sidebar.current.reloadAllButCountryFilters();\r\n }\r\n\r\n\r\n refreshAuthors(page,callback) {\r\n console.log(\"Refreshing author\");\r\n console.log(callback)\r\n this.child.current.onChangePage(parseInt(page),callback);\r\n }\r\n\r\n onLoading() {\r\n this.setState({ loading: true })\r\n }\r\n onHideLoading() {\r\n this.setState({ loading: false })\r\n }\r\n\r\n getAuthors(authors,filterSelected){\r\n this.setState({filterSelected:filterSelected})\r\n this.setState({tempAuthors: authors});\r\n if (authors.length>0 && filterSelected === true) {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsFromTo/`+this.state.realYearFrom+'/'+this.state.realYearTo)\r\n .then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n for (var j = 0; j < authors.length; j++) {\r\n if (authors[j].id === data[i].id) {\r\n newData.push(authors[j]);\r\n }\r\n }\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.setState({counter: 1});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n } else if (authors.length === 0 && filterSelected === true) {\r\n this.setState({authors: []});\r\n this.onHideLoading();\r\n } else if(this.state.counter === 1 && filterSelected === false && this.state.realYearFrom === -800 && this.state.realYearTo === this.ThisYear) {\r\n var allAuthors = this.state.allAuthors;\r\n this.setState({authors: allAuthors});\r\n this.onHideLoading();\r\n } else if(filterSelected === false && this.state.counter === 1 ) {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsFromTo/`+this.state.realYearFrom+'/'+this.state.realYearTo)\r\n .then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n newData.push(data[i]);\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n }\r\n\r\n render(){\r\n let activeClasses = (this.state.active ? 'tag-colors save-tag-1 active': 'tag-colors save-tag-1');\r\n return (\r\n - \r\n
- \r\n Most recently listed arrow_drop_down\r\n
- \r\n
- Last 24 Hours \r\n
- Last 48 Hours \r\n
- Last 72 Hours \r\n
- Last 7 days \r\n
- Last 30 days \r\n
- All times \r\n
\r\n - \r\n Author/Atists A-Z arrow_drop_down\r\n \r\n \r\n
- \r\n Title A-Z arrow_drop_down\r\n \r\n \r\n
- \r\n Most popular by arrow_drop_down\r\n
- \r\n
- Readers \r\n
- Followers \r\n
- Reviewers \r\n
- Collectors \r\n
- Views \r\n
\r\n - Highest price \r\n
- Lowest price \r\n
- Year of publication ascending \r\n
- Year of publication descending \r\n
- My followed books \r\n \r\n
- \r\n
\r\n
*/}\r\n\r\n - \r\n
- \r\n \r\n chevron_left\r\n \r\n \r\n
- 1\r\n \r\n
- 2\r\n \r\n
- 3\r\n \r\n
- 4\r\n \r\n
- 5\r\n \r\n
- onChangePage(3, 5)}>\r\n \r\n chevron_right\r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n {(matches) =>\r\n matches.small ? (\r\n \r\n {(matchesSnall) =>\r\n matchesSnall.small ? (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={2}\r\n onChangePage={onChangePage}\r\n />\r\n ) : (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={5}\r\n onChangePage={onChangePage}\r\n />\r\n )\r\n }\r\n \r\n ) : (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={10}\r\n onChangePage={onChangePage}\r\n />\r\n )\r\n }\r\n \r\n \r\n \r\n 0}>\r\n \r\n {this.state.pageOfItems.map((item, index) => (\r\n \r\n {(matches) =>\r\n matches.small ? (\r\n \r\n {(matchesSnall) =>\r\n matchesSnall.small ? (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={2}\r\n onChangePage={onChangePage}\r\n />\r\n ) : (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={5}\r\n onChangePage={onChangePage}\r\n />\r\n )\r\n }\r\n \r\n ) : (\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={19204}\r\n maxPages={10}\r\n onChangePage={onChangePage}\r\n />\r\n )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n {}}\r\n initialPage={currentPage}\r\n items={books}\r\n nrAuthors={props.totalBooks}\r\n maxPages={10}\r\n onChangePage={onChangePage}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
Loading...
\r\n this.callParent(item.id, e)}>\r\n
\r\n ))}\r\n \r\n
\r\n { ReactHtmlParser(item.name) ||
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
No results found...
\r\n\r\n
\r\n );\r\n};\r\n\r\n\r\n};\r\nexport default firstPage;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport axios from \"axios\";\r\nimport DropdownTreeSelect from \"react-tree-selector\";\r\nimport \"react-tree-selector/dist/styles.css\";\r\nimport { Scrollbars } from \"react-custom-scrollbars\";\r\nimport { List, Spin, Tree, TreeSelect } from \"antd\";\r\nimport { LoadingOutlined, FolderOpenOutlined } from \"@ant-design/icons\";\r\nimport LTT from \"list-to-tree\";\r\nimport iziToast from \"izitoast\";\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from \"react-if\";\r\nimport queryString from \"query-string\";\r\nimport \"./sidebar.css\";\r\nimport \"antd/dist/antd.css\";\r\nconst axiosThrottle = require(\"axios-throttle\");\r\naxiosThrottle.init(axios, 400);\r\nconst responseInterceptor = (response) => {\r\n //console.log(response.data);\r\n return response;\r\n};\r\nconst options = {\r\n method: \"GET\",\r\n};\r\n//add interceptor to work with each response seperately when it is resolved\r\naxios.interceptors.response.use(responseInterceptor, (error) => {\r\n return Promise.reject(error);\r\n});\r\n\r\nconst antIcon = (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default sideBarSecondPage;\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport ReadMoreReact from 'read-more-react';\r\nimport M from 'materialize-css';\r\nimport ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';\r\n\r\n\r\nexport default class AuthorCardFull extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0 };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n this.isLetter = this.isLetter.bind(this);\r\n this.getIndicesOf = this.getIndicesOf.bind(this);\r\n }\r\n\r\n capitalizeFirstLetter(string) {\r\n\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n}\r\nisLetter(str) {\r\n return str.length === 1 && str.match(/[a-z]/i);\r\n}\r\n\r\ngetIndicesOf(searchStr, str, caseSensitive) {\r\n var searchStrLen = searchStr.length;\r\n if (searchStrLen == 0) {\r\n return [];\r\n }\r\n var startIndex = 0, index, indices = [];\r\n if (!caseSensitive) {\r\n str = str.toLowerCase();\r\n searchStr = searchStr.toLowerCase();\r\n }\r\n while ((index = str.indexOf(searchStr, startIndex)) > -1) {\r\n indices.push(index);\r\n startIndex = index + searchStrLen;\r\n }\r\n return indices;\r\n}\r\n componentWillMount(){\r\ntry {\r\n\r\n if (typeof this.props.datax !== \"undefined\") {\r\n\r\n\r\n var data = this.props.datax;\r\n\r\n if (data) {\r\n\r\n this.setState({authorName:data.authorName});\r\n if (data.details) {\r\n var description = data.details.slice(1,-1) + \".\";\r\n }\r\n\r\n if (typeof description !== 'undefined') {\r\n description = this.capitalizeFirstLetter(description);\r\n var synonims = data.synonims;\r\n\r\n\r\n for (var i = 0; i < synonims.length; i++) {\r\n var string = description;\r\n\r\n\r\n var StringIndexs = this.getIndicesOf(synonims[i],string);\r\n for (var z = 0; z < StringIndexs.length; z++) {\r\n var a = string.substring(0, StringIndexs[z]);\r\n var charBefore = string.substring(StringIndexs[z]-1, StringIndexs[z]);\r\n var word = string.substring(StringIndexs[z], StringIndexs[z]+synonims[i].length);\r\n var charAfter = string.substring(StringIndexs[z]+synonims[i].length, StringIndexs[z]+synonims[i].length+1);\r\n var b = string.substring(StringIndexs[z]+synonims[i].length, string.length);\r\n if (this.isLetter(charAfter) === null || this.isLetter(charAfter) === false && this.isLetter(charBefore) === null || this.isLetter(charBefore) === false) {\r\n string = a + ' '+ word +' ' + b;\r\n }\r\n if (z+1 < StringIndexs.length) {\r\n var array = this.getIndicesOf(synonims[i],string);\r\n StringIndexs[z+1] = array[z+1]\r\n }\r\n }\r\n description = string;\r\n }\r\n\r\n this.setState({description:description });\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n }\r\n }\r\n }\r\n} catch (e) {\r\n console.log(e);\r\n} finally {\r\n\r\n}\r\n\r\n\r\n\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.datax !== this.props.datax){\r\n\r\n try {\r\n if (typeof this.props.datax !== \"undefined\") {\r\n\r\n\r\n var data = this.props.datax;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n description = this.capitalizeFirstLetter(description);\r\n var synonims = data.synonims;\r\n\r\n for (var i = 0; i < synonims.length; i++) {\r\n var string = description;\r\n var StringIndexs = this.getIndicesOf(synonims[i],string);\r\n for (var z = 0; z < StringIndexs.length; z++) {\r\n var a = string.substring(0, StringIndexs[z]);\r\n var charBefore = string.substring(StringIndexs[z]-1, StringIndexs[z]);\r\n var word = string.substring(StringIndexs[z], StringIndexs[z]+synonims[i].length);\r\n var charAfter = string.substring(StringIndexs[z]+synonims[i].length, StringIndexs[z]+synonims[i].length+1);\r\n var b = string.substring(StringIndexs[z]+synonims[i].length, string.length);\r\n if (this.isLetter(charAfter) === null || this.isLetter(charAfter) === false && this.isLetter(charBefore) === null || this.isLetter(charBefore) === false) {\r\n string = a + ' '+ word +' ' + b;\r\n }\r\n if (z+1 < StringIndexs.length) {\r\n var array = this.getIndicesOf(synonims[i],string);\r\n StringIndexs[z+1] = array[z+1]\r\n }\r\n }\r\n description = string;\r\n }\r\n\r\n this.setState({description:description });\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n\r\n var colaps = document.querySelectorAll('.collapsible');\r\n var insta = M.Collapsible.init(colaps);\r\n }\r\n\r\n render() {\r\n const data = '{\"totalRanking\":0,\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCoutyRanking\":1234,\"readersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCoutyRanking\":1234,\"collectorsCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCoutyRanking\":1234,\"reviewersCityRanking\":1234,\"bibliography\":0,\"bibliographyWorldRanking\":1234,\"bibliographyNationalRanking\":1234,\"bibliographyRegionRanking\":1234,\"bibliographyCoutyRanking\":1234,\"bibliographyCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCoutyRanking\":1234,\"followersCityRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCoutyRanking\":1234,\"booksOnSaleCityRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCoutyRanking\":1234,\"booksInLibrariesCityRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCoutyRanking\":1234,\"booksOnAuctionCityRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"wishListCoutyRanking\":1234,\"wishListCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCoutyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234}';\r\n var myData = JSON.parse(data);\r\n var details;\r\n if (this.state.movements.length == 0) {\r\n details = (\r\n \r\n Search authors\r\n\r\n
\r\n \r\n {\r\n console.log(\"onChange\", e);\r\n let value = e;\r\n var selectedIds = value;\r\n const parsed = queryString.parse(\r\n this.props.queryObj.history.location.search,\r\n { arrayFormat: \"comma\" }\r\n );\r\n parsed.countries = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {\r\n arrayFormat: \"comma\",\r\n });\r\n this.props.queryObj.history.push(\r\n this.props.queryObj.history.location.pathname +\r\n \"?\" +\r\n searchStr\r\n );\r\n var promisesArray = [];\r\n if (value == \"\") {\r\n promisesArray.push(\r\n axios.get(\r\n `${process.env.REACT_APP_URL_SITE}api/History/CountryActionVoid/${this.props.uuid}`\r\n )\r\n );\r\n var ThisYear = new Date().getFullYear();\r\n this.props.updateRange(-800, ThisYear);\r\n } else {\r\n if (value.length > 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (var j = 0; j < Math.ceil(value.length / 10); j++) {\r\n var newValue = [];\r\n for (var i = j * 10; i < (j + 1) * 10; i++) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionReplace/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionAdd/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionReplace/${\r\n this.props.uuid\r\n }/${value.toString().replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n var self = this;\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n this.props.onLoading();\r\n await this.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(value.toString().replace(/,/g, \"_\"));\r\n this.setState({ countries: value });\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n if (e.length > this.state.countriesExpandedMain.length) {\r\n var treeNode = {};\r\n treeNode.id = e[e.length - 1];\r\n this.onLoadDataCountries(treeNode);\r\n }\r\n this.setState({ countriesExpandedMain: e });\r\n }}\r\n onSearch={function (e) {\r\n console.log(\"onSearch\", e);\r\n if (e.length > 2) {\r\n if (self.timeout) clearTimeout(self.timeout);\r\n self.timeout = setTimeout(() => {\r\n var data = [];\r\n self.setState({ countries: [] });\r\n axios\r\n .get(\r\n `${process.env.REACT_APP_URL_SITE}api/NewData/SearchCountry/${self.props.uuid}/${e}/`\r\n )\r\n .then(function (results) {\r\n console.log(results.data);\r\n var data2 = results.data;\r\n var newData = [];\r\n for (var i = 0; i < data2.length; i++) {\r\n if (data2[i].nrKids !== 0) {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n hasChildren: true,\r\n isLeaf: true,\r\n id: data2[i].id,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n } else {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n id: data2[i].id,\r\n isLeaf: true,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n }\r\n }\r\n newData = self.removeDuplicateObjectFromArray(\r\n newData,\r\n \"id\"\r\n );\r\n\r\n var ltt = new LTT(newData, {\r\n key_id: \"id\",\r\n key_parent: \"pId\",\r\n key_child: \"children\",\r\n empty_children: true,\r\n });\r\n\r\n ltt.sort(self.compareByLabel(false));\r\n var treeData = ltt.GetTree();\r\n console.log(treeData);\r\n if (treeData.length === 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (\r\n var j = 0;\r\n j < Math.ceil(value.length / 10);\r\n j++\r\n ) {\r\n var newValue = [];\r\n for (\r\n var i = j * 10;\r\n i < (j + 1) * 10;\r\n i++\r\n ) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionReplace/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionAdd/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/CountryActionReplace/${\r\n self.props.uuid\r\n }/${value\r\n .toString()\r\n .replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(\r\n value.toString().replace(/,/g, \"_\")\r\n );\r\n console.log(newValue);\r\n\r\n self.setState({ countries: value });\r\n }}\r\n treeData={treeData}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n />\r\n ),\r\n });\r\n }\r\n });\r\n\r\n //search function\r\n }, 2000);\r\n } else if (e.length < 2 && e.length > 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n \r\n \r\n {\r\n console.log(\"onChange\", e);\r\n let value = e;\r\n var selectedIds = value;\r\n const parsed = queryString.parse(\r\n this.props.queryObj.history.location.search,\r\n { arrayFormat: \"comma\" }\r\n );\r\n parsed.specializations = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {\r\n arrayFormat: \"comma\",\r\n });\r\n this.props.queryObj.history.push(\r\n this.props.queryObj.history.location.pathname +\r\n \"?\" +\r\n searchStr\r\n );\r\n var promisesArray = [];\r\n if (value == \"\") {\r\n promisesArray.push(\r\n axios.get(\r\n `${process.env.REACT_APP_URL_SITE}api/History/SpecializationActionVoid/${this.props.uuid}`\r\n )\r\n );\r\n var ThisYear = new Date().getFullYear();\r\n this.props.updateRange(-800, ThisYear);\r\n } else {\r\n if (value.length > 10) {\r\n for (var j = 0; j < Math.ceil(value.length / 10); j++) {\r\n var newValue = [];\r\n for (var i = j * 10; i < (j + 1) * 10; i++) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionReplace/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionAdd/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionReplace/${\r\n this.props.uuid\r\n }/${value.toString().replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n var self = this;\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n this.props.onLoading();\r\n await this.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(value.toString().replace(/,/g, \"_\"));\r\n this.setState({ specializations: value });\r\n }}\r\n onSearch={function (e) {\r\n console.log(\"onSearch\", e);\r\n if (e.length > 2) {\r\n if (self.timeout) clearTimeout(self.timeout);\r\n self.timeout = setTimeout(() => {\r\n var data = [];\r\n self.setState({ specializations: [] });\r\n axios\r\n .get(\r\n `${process.env.REACT_APP_URL_SITE}api/NewData/SearchSpecialization/${self.props.uuid}/${e}/`\r\n )\r\n .then(function (results) {\r\n console.log(results.data);\r\n var data2 = results.data;\r\n var newData = [];\r\n for (var i = 0; i < data2.length; i++) {\r\n if (data2[i].nrKids !== 0) {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n hasChildren: true,\r\n isLeaf: true,\r\n id: data2[i].id,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n } else {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n id: data2[i].id,\r\n isLeaf: true,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n }\r\n }\r\n newData = self.removeDuplicateObjectFromArray(\r\n newData,\r\n \"id\"\r\n );\r\n\r\n var ltt = new LTT(newData, {\r\n key_id: \"id\",\r\n key_parent: \"pId\",\r\n key_child: \"children\",\r\n empty_children: true,\r\n });\r\n\r\n ltt.sort(self.compareByLabel(false));\r\n var treeData = ltt.GetTree();\r\n console.log(treeData);\r\n if (treeData.length === 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (\r\n var j = 0;\r\n j < Math.ceil(value.length / 10);\r\n j++\r\n ) {\r\n var newValue = [];\r\n for (\r\n var i = j * 10;\r\n i < (j + 1) * 10;\r\n i++\r\n ) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionReplace/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionAdd/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/SpecializationActionReplace/${\r\n self.props.uuid\r\n }/${value\r\n .toString()\r\n .replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(\r\n value.toString().replace(/,/g, \"_\")\r\n );\r\n console.log(newValue);\r\n\r\n self.setState({ specializations: value });\r\n }}\r\n treeData={treeData}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n />\r\n ),\r\n });\r\n }\r\n });\r\n\r\n //search function\r\n }, 2000);\r\n } else if (e.length < 2 && e.length > 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n \r\n \r\n {\r\n console.log(\"onChange\", e);\r\n let value = e;\r\n var selectedIds = value;\r\n const parsed = queryString.parse(\r\n this.props.queryObj.history.location.search,\r\n { arrayFormat: \"comma\" }\r\n );\r\n parsed.movements = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {\r\n arrayFormat: \"comma\",\r\n });\r\n this.props.queryObj.history.push(\r\n this.props.queryObj.history.location.pathname +\r\n \"?\" +\r\n searchStr\r\n );\r\n\r\n var promisesArray = [];\r\n if (value == \"\") {\r\n promisesArray.push(\r\n axios.get(\r\n `${process.env.REACT_APP_URL_SITE}api/History/LiteraryMovementsActionVoid/${this.props.uuid}`\r\n )\r\n );\r\n var ThisYear = new Date().getFullYear();\r\n this.props.updateRange(-800, ThisYear);\r\n } else {\r\n if (value.length > 10) {\r\n for (var j = 0; j < Math.ceil(value.length / 10); j++) {\r\n var newValue = [];\r\n for (var i = j * 10; i < (j + 1) * 10; i++) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionReplace/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionAdd/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionReplace/${\r\n this.props.uuid\r\n }/${value.toString().replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n var self = this;\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n this.props.onLoading();\r\n await this.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(value.toString().replace(/,/g, \"_\"));\r\n this.setState({ movements: value });\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n onSearch={function (e) {\r\n console.log(\"onSearch\", e);\r\n if (e.length > 2) {\r\n if (self.timeout) clearTimeout(self.timeout);\r\n self.timeout = setTimeout(() => {\r\n var data = [];\r\n self.setState({ specializations: [] });\r\n axios\r\n .get(\r\n `${process.env.REACT_APP_URL_SITE}api/NewData/SearchLitMov/${self.props.uuid}/${e}/`\r\n )\r\n .then(function (results) {\r\n console.log(results.data);\r\n var data2 = results.data;\r\n var newData = [];\r\n for (var i = 0; i < data2.length; i++) {\r\n if (data2[i].nrKids !== 0) {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n hasChildren: true,\r\n isLeaf: true,\r\n id: data2[i].id,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n } else {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n id: data2[i].id,\r\n isLeaf: true,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n }\r\n }\r\n newData = self.removeDuplicateObjectFromArray(\r\n newData,\r\n \"id\"\r\n );\r\n\r\n var ltt = new LTT(newData, {\r\n key_id: \"id\",\r\n key_parent: \"pId\",\r\n key_child: \"children\",\r\n empty_children: true,\r\n });\r\n\r\n ltt.sort(self.compareByLabel(false));\r\n var treeData = ltt.GetTree();\r\n console.log(treeData);\r\n console.log(treeData.length);\r\n if (treeData.length === 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (\r\n var j = 0;\r\n j < Math.ceil(value.length / 10);\r\n j++\r\n ) {\r\n var newValue = [];\r\n for (\r\n var i = j * 10;\r\n i < (j + 1) * 10;\r\n i++\r\n ) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionReplace/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionAdd/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/LiteraryMovementsActionReplace/${\r\n self.props.uuid\r\n }/${value\r\n .toString()\r\n .replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(\r\n value.toString().replace(/,/g, \"_\")\r\n );\r\n console.log(newValue);\r\n\r\n self.setState({ movements: value });\r\n }}\r\n treeData={treeData}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n />\r\n ),\r\n });\r\n }\r\n });\r\n\r\n //search function\r\n }, 2000);\r\n } else if (e.length < 2 && e.length > 0) {\r\n console.log(\"something\");\r\n self.setState({\r\n Loader: (\r\n \r\n \r\n \r\n {\r\n console.log(\"onChange\", e);\r\n let value = e;\r\n var selectedIds = value;\r\n const parsed = queryString.parse(\r\n this.props.queryObj.history.location.search,\r\n { arrayFormat: \"comma\" }\r\n );\r\n parsed.professions = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {\r\n arrayFormat: \"comma\",\r\n });\r\n this.props.queryObj.history.push(\r\n this.props.queryObj.history.location.pathname +\r\n \"?\" +\r\n searchStr\r\n );\r\n var promisesArray = [];\r\n if (value == \"\") {\r\n promisesArray.push(\r\n axios.get(\r\n `${process.env.REACT_APP_URL_SITE}api/History/ProfessionActionVoid/${this.props.uuid}`\r\n )\r\n );\r\n var ThisYear = new Date().getFullYear();\r\n this.props.updateRange(-800, ThisYear);\r\n } else {\r\n if (value.length > 10) {\r\n for (var j = 0; j < Math.ceil(value.length / 10); j++) {\r\n var newValue = [];\r\n for (var i = j * 10; i < (j + 1) * 10; i++) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionReplace/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionAdd/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionReplace/${\r\n this.props.uuid\r\n }/${value.toString().replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n var self = this;\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n this.props.onLoading();\r\n await this.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(value.toString().replace(/,/g, \"_\"));\r\n this.setState({ professions: value });\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n onSearch={function (e) {\r\n console.log(\"onSearch\", e);\r\n if (e.length > 2) {\r\n if (self.timeout) clearTimeout(self.timeout);\r\n self.timeout = setTimeout(() => {\r\n var data = [];\r\n self.setState({ specializations: [] });\r\n axios\r\n .get(\r\n `${process.env.REACT_APP_URL_SITE}api/NewData/SearchProf/${self.props.uuid}/${e}/`\r\n )\r\n .then(function (results) {\r\n console.log(results.data);\r\n var data2 = results.data;\r\n var newData = [];\r\n for (var i = 0; i < data2.length; i++) {\r\n if (data2[i].nrKids !== 0) {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n hasChildren: true,\r\n isLeaf: true,\r\n id: data2[i].id,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n } else {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n id: data2[i].id,\r\n isLeaf: true,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n }\r\n }\r\n newData = self.removeDuplicateObjectFromArray(\r\n newData,\r\n \"id\"\r\n );\r\n\r\n var ltt = new LTT(newData, {\r\n key_id: \"id\",\r\n key_parent: \"pId\",\r\n key_child: \"children\",\r\n empty_children: true,\r\n });\r\n\r\n ltt.sort(self.compareByLabel(false));\r\n var treeData = ltt.GetTree();\r\n console.log(treeData);\r\n console.log(treeData.length);\r\n if (treeData.length === 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (\r\n var j = 0;\r\n j < Math.ceil(value.length / 10);\r\n j++\r\n ) {\r\n var newValue = [];\r\n for (\r\n var i = j * 10;\r\n i < (j + 1) * 10;\r\n i++\r\n ) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionReplace/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionAdd/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/ProfessionActionReplace/${\r\n self.props.uuid\r\n }/${value\r\n .toString()\r\n .replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(\r\n value.toString().replace(/,/g, \"_\")\r\n );\r\n console.log(newValue);\r\n\r\n self.setState({ professions: value });\r\n }}\r\n treeData={treeData}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n />\r\n ),\r\n });\r\n }\r\n });\r\n\r\n //search function\r\n }, 2000);\r\n } else if (e.length < 2 && e.length > 0) {\r\n console.log(\"something\");\r\n self.setState({\r\n Loader: (\r\n \r\n \r\n \r\n {\r\n console.log(\"onChange\", e);\r\n let value = e;\r\n var selectedIds = value;\r\n const parsed = queryString.parse(\r\n this.props.queryObj.history.location.search,\r\n { arrayFormat: \"comma\" }\r\n );\r\n parsed.topics = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {\r\n arrayFormat: \"comma\",\r\n });\r\n this.props.queryObj.history.push(\r\n this.props.queryObj.history.location.pathname +\r\n \"?\" +\r\n searchStr\r\n );\r\n var promisesArray = [];\r\n if (value == \"\") {\r\n promisesArray.push(\r\n axios.get(\r\n `${process.env.REACT_APP_URL_SITE}api/History/TopicsActionVoid/${this.props.uuid}`\r\n )\r\n );\r\n var ThisYear = new Date().getFullYear();\r\n this.props.updateRange(-800, ThisYear);\r\n } else {\r\n if (value.length > 10) {\r\n for (var j = 0; j < Math.ceil(value.length / 10); j++) {\r\n var newValue = [];\r\n for (var i = j * 10; i < (j + 1) * 10; i++) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionReplace/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionAdd/${\r\n this.props.uuid\r\n }/${newValue.toString().replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(options, j)\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionReplace/${\r\n this.props.uuid\r\n }/${value.toString().replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n var self = this;\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n this.props.onLoading();\r\n await this.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(value.toString().replace(/,/g, \"_\"));\r\n this.setState({ topics: value });\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n onSearch={function (e) {\r\n console.log(\"onSearch\", e);\r\n if (e.length > 2) {\r\n if (self.timeout) clearTimeout(self.timeout);\r\n self.timeout = setTimeout(() => {\r\n var data = [];\r\n self.setState({ specializations: [] });\r\n axios\r\n .get(\r\n `${process.env.REACT_APP_URL_SITE}api/NewData/SearchTopic/${self.props.uuid}/${e}/`\r\n )\r\n .then(function (results) {\r\n console.log(results.data);\r\n var data2 = results.data;\r\n var newData = [];\r\n for (var i = 0; i < data2.length; i++) {\r\n if (data2[i].nrKids !== 0) {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n hasChildren: true,\r\n isLeaf: true,\r\n id: data2[i].id,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n } else {\r\n newData.push({\r\n key: data2[i].id,\r\n value: data2[i].id,\r\n title:\r\n data2[i].name + \" \" + data2[i].numberAuthors,\r\n id: data2[i].id,\r\n isLeaf: true,\r\n name: data2[i].name,\r\n pId: 0,\r\n nrKids: data2[i].nrKids,\r\n });\r\n }\r\n }\r\n newData = self.removeDuplicateObjectFromArray(\r\n newData,\r\n \"id\"\r\n );\r\n\r\n var ltt = new LTT(newData, {\r\n key_id: \"id\",\r\n key_parent: \"pId\",\r\n key_child: \"children\",\r\n empty_children: true,\r\n });\r\n\r\n ltt.sort(self.compareByLabel(false));\r\n var treeData = ltt.GetTree();\r\n console.log(treeData);\r\n console.log(treeData.length);\r\n if (treeData.length === 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n 10) {\r\n // de modificat pe viitor cu alta functie mai buna care trimite\r\n for (\r\n var j = 0;\r\n j < Math.ceil(value.length / 10);\r\n j++\r\n ) {\r\n var newValue = [];\r\n for (\r\n var i = j * 10;\r\n i < (j + 1) * 10;\r\n i++\r\n ) {\r\n if (value[i]) {\r\n newValue.push(value[i]);\r\n }\r\n }\r\n if (j == 0) {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionReplace/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n } else {\r\n options.url = `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionAdd/${\r\n self.props.uuid\r\n }/${newValue\r\n .toString()\r\n .replace(/,/g, \"_\")}/`;\r\n promisesArray.push(\r\n axiosThrottle.getRequestPromise(\r\n options,\r\n j\r\n )\r\n );\r\n }\r\n }\r\n } else {\r\n promisesArray.push(\r\n axios.get(\r\n `${\r\n process.env.REACT_APP_URL_SITE\r\n }api/History/TopicsActionReplace/${\r\n self.props.uuid\r\n }/${value\r\n .toString()\r\n .replace(/,/g, \"_\")}/`\r\n )\r\n );\r\n }\r\n }\r\n axios\r\n .all(promisesArray)\r\n .then(\r\n axios.spread(async (...responses) => {\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n // await this.refreshAll();\r\n })\r\n )\r\n .catch(async function (err) {\r\n console.log(err.message);\r\n self.props.onLoading();\r\n await self.props.refreshAuthors(1);\r\n });\r\n console.log(\r\n value.toString().replace(/,/g, \"_\")\r\n );\r\n console.log(newValue);\r\n\r\n self.setState({ topics: value });\r\n }}\r\n treeData={treeData}\r\n onTreeExpand={(e) => {\r\n console.log(\"onChange\", e);\r\n onChange(e);\r\n }}\r\n />\r\n ),\r\n });\r\n }\r\n });\r\n\r\n //search function\r\n }, 2000);\r\n } else if (e.length < 2 && e.length > 0) {\r\n self.setState({\r\n Loader: (\r\n \r\n \r\n
\r\n \r\n \r\n
Countries: {this.state.countries}
\r\n );\r\n } else {\r\n details = (\r\n \r\nCountries: {this.state.countries}
\r\nLiterary movements: {this.state.movements.slice(0).reverse().map(function(movement, i){\r\n if (i == 0) {\r\n\r\n } else {\r\n if (i< this.state.movements.length-1) {\r\n return {movement.value}, ;\r\n } else {\r\n return {movement.value};\r\n }\r\n }\r\n },this)}
\r\n \r\n );\r\n }\r\n return (\r\n\r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport React from \"react\";\r\n\r\nimport css from 'dom-css';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport axios from 'axios';\r\nimport $ from 'jquery';\r\nimport LoadinBook from './loading';\r\nimport iziToast from 'izitoast';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport Media from 'react-media';\r\nimport Pagination from './Pagination';\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\nimport ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';\r\nimport AuthorCardFull from './authorCardFull';\r\nimport * as M from 'materialize-css/dist/js/materialize'\r\nimport queryString from 'query-string';\r\nimport { Spin } from 'antd';\r\nimport { LoadingOutlined } from '@ant-design/icons';\r\n\r\nconst antIcon = {this.props.index}
\r\n {this.state.authorName ||
\r\n
\r\n \r\n {this.state.period === null ? (\r\n
\r\n\r\n \r\n\r\n \r\n Period: {this.state.period.substr(2).substring(0, this.state.period.length - 4)}
\r\n )}\r\n {details}\r\n\r\n\r\n- \r\n\r\n
- \r\n insert_chartview more statistics\r\n\r\n\r\n\r\n\r\nReaders{myData.readers} add_circle_outline{myData.readersWorldRanking} {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCoutyRanking !== \"undefined\" &&\r\n {myData.readersCoutyRanking}\r\n }\r\n {typeof myData.readersCityRanking !== \"undefined\" &&\r\n {myData.readersCityRanking}\r\n }\r\n\r\nCollectors{myData.collectors} add_circle_outline{myData.collectorsWorldRanking} {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCoutyRanking !== \"undefined\" &&\r\n {myData.collectorsCoutyRanking}\r\n }\r\n {typeof myData.collectorsCityRanking !== \"undefined\" &&\r\n {myData.collectorsCityRanking}\r\n }\r\n\r\nReviewers{myData.reviewers} add_circle_outline {myData.reviewersWorldRanking} {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n\r\nBibliography{myData.bibliography} add_circle_outline {myData.bibliographyWorldRanking} {myData.bibliographyNationalRanking}\r\n {typeof myData.bibliographyRegionRanking !== \"undefined\" &&\r\n {myData.bibliographyRegionRanking}\r\n }\r\n {typeof myData.bibliographyCoutyRanking !== \"undefined\" &&\r\n {myData.bibliographyCoutyRanking}\r\n }\r\n {typeof myData.bibliographyCityRanking !== \"undefined\" &&\r\n {myData.bibliographyCityRanking}\r\n }\r\n\r\nRelated articles{myData.relatedArticles} add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n\r\n
\r\n\r\n\r\nBooks on sale{myData.booksOnSale} add_circle_outline {myData.booksOnSaleWorldRanking} {myData.booksOnSaleNationalRanking}\r\n {typeof myData.booksOnSaleRegionRanking !== \"undefined\" &&\r\n {myData.booksOnSaleRegionRanking}\r\n }\r\n {typeof myData.booksOnSaleCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCoutyRanking}\r\n }\r\n {typeof myData.booksOnSaleCityRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCityRanking}\r\n }\r\n\r\nBooks in libraries{myData.booksInLibraries} add_circle_outline {myData.booksInLibrariesWorldRanking} {myData.booksInLibrariesNationalRanking}\r\n {typeof myData.booksInLibrariesRegionRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesRegionRanking}\r\n }\r\n {typeof myData.booksInLibrariesCoutyRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCoutyRanking}\r\n }\r\n {typeof myData.booksInLibrariesCityRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCityRanking}\r\n }\r\n\r\nWish list{myData.wishList} add_circle_outline {myData.wishListWorldRanking} {myData.wishListNationalRanking}\r\n {typeof myData.wishListRegionRanking !== \"undefined\" &&\r\n {myData.wishListRegionRanking}\r\n }\r\n {typeof myData.wishListCoutyRanking !== \"undefined\" &&\r\n {myData.wishListCoutyRanking}\r\n }\r\n {typeof myData.wishListCityRanking !== \"undefined\" &&\r\n {myData.wishListCityRanking}\r\n }\r\n\r\nBooks on auction{myData.booksOnAuction} add_circle_outline {myData.booksOnAuctionWorldRanking} {myData.booksOnAuctionNationalRanking}\r\n {typeof myData.booksOnAuctionRegionRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionRegionRanking}\r\n }\r\n {typeof myData.booksOnAuctionCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCoutyRanking}\r\n }\r\n {typeof myData.booksOnAuctionCityRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCityRanking}\r\n }\r\n\r\nFollowers{myData.followers} add_circle_outline {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n\r\nFollowers{myData.followers} add_circle_outline {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n\r\nRelated articles{myData.relatedArticles} add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n\r\n \r\n - \r\n \r\n\r\nTotal: {myData.totalRanking}\r\nWorld: {myData.worldRanking}\r\nNational: {myData.nationalRanking}\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\nRegion: {myData.regionRanking}\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" &&\r\nCounty: {myData.countyRanking}\r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\nCity: {myData.cityRanking}\r\n }\r\n \r\n
\r\n
\r\n );\r\n};\r\n};\r\n\r\nexport default mainSecondPage;\r\n","//import lib from './js/jquery';\r\n//import someLibrary from '../js/ionRangeSlider/js/ion.rangeSlider.min';\r\nimport jQuery from 'jquery';\r\nimport $ from 'jquery';\r\nimport SideBar from \"./sideBarSecondPage\";\r\nimport MainSecondPage from \"./mainSecondPage\";\r\nimport BreadCrumbs from \"./breadCrumbs\";\r\nimport React from \"react\";\r\nimport css from 'dom-css';\r\nimport axios from 'axios';\r\nimport Media from 'react-media';\r\nimport { v1 as uuidv1 } from 'uuid';\r\nimport ionRangeSlider from 'ion-rangeslider'\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Button } from '@material-ui/core';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport IonRangeSlider from 'react-ion-slider';\r\nimport \"./vendors/ionRangeSlider/css/ion.rangeSlider.min.css\";\r\nimport \"./vendors/ionRangeSlider/css/ion.rangeSlider.skinFlat.css\";\r\nimport Loading from 'react-loading-bar';\r\nimport 'react-loading-bar/dist/index.css';\r\nimport Timer from 'react-compound-timer';\r\nimport queryString from 'query-string';\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\nclass secondPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.ThisYear = new Date().getFullYear();\r\n this.state = {\r\n uuid: '',\r\n labels: ['8BC','7BC','6BC','5BC','4BC','3BC','2BC','1BC','0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20'],\r\n yearFrom: 0,\r\n yearTo:31,\r\n active:false,\r\n realYearFrom: -800,\r\n realYearTo: this.ThisYear,\r\n scrollTop: 0,\r\n scrollHeight: 0,\r\n clientHeight: 0,\r\n nrAuthors:0,\r\n loading: false,\r\n filterSelected:true,\r\n authors: [],\r\n tempAuthors: [],\r\n counter: 0,\r\n allAuthors: []\r\n }\r\n this.myData = 0;\r\n this.changeDateRange = this.changeDateRange.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleUpdate = this.handleUpdate.bind(this);\r\n this.getAuthors = this.getAuthors.bind(this);\r\n this.onLoading = this.onLoading.bind(this);\r\n this.onHideLoading = this.onHideLoading.bind(this);\r\n this.changeAllTime = this.changeAllTime.bind(this);\r\n this.cancel = this.cancel.bind(this);\r\n this.setYearsFromLink = this.setYearsFromLink.bind(this);\r\n this.updateRange = this.updateRange.bind(this);\r\n this.refreshAuthors = this.refreshAuthors.bind(this);\r\n this.AuthorsNr = this.AuthorsNr.bind(this);\r\n this.changeSliderx = this.changeSliderx.bind(this);\r\n this.refreshSidebar = this.refreshSidebar.bind(this)\r\n this.child = React.createRef();\r\n this.sidebar = React.createRef();\r\n }\r\n\r\n\r\n\r\n changeAllTime(e){\r\n this.onLoading();\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: -800,\r\n to: this.ThisYear\r\n });\r\n this.setYearFrom(-800);\r\n this.setYearTo(this.ThisYear);\r\n window.$('.rangeContainer .active').removeClass('active');\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n }\r\n\r\n updateRange(from,to){\r\n if (from !== null && to !== null) {\r\n this.setYearFrom(from);\r\n this.setYearTo(to)\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n }\r\n }\r\n\r\n changeSLider(from,to) {\r\n this.onLoading();\r\n this.setYearFrom(from);\r\n this.setYearTo(to);\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n $('.search-button').removeClass('active');\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n window.$('.rangeContainer .active').removeClass('active');\r\n }\r\n\r\n changeSliderx(from,to) {\r\n this.onLoading();\r\n if (this.state.realYearFrom !== from) {\r\n // this.setYearFrom(from);\r\n }\r\n if (this.state.realYearTo !== to) {\r\n // this.setYearTo(to);\r\n }\r\n\r\n\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n\r\n }\r\n\r\n\r\n setYearFrom(v) {\r\n this.setState({\r\n realYearFrom: v,\r\n });\r\n $('.search-button').addClass('active');\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/History/YearActionFrom/${this.state.uuid}/${v}`)\r\n .then(response => {\r\n // console.log(response);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n const parsed = queryString.parse(this.props.history.location.search, {arrayFormat: 'comma'});\r\n parsed.from = v;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.history.push(this.props.history.location.pathname+'?'+searchStr);\r\n }\r\n\r\n setYearTo(v) {\r\n this.setState({\r\n realYearTo: v,\r\n });\r\n $('.search-button').addClass('active');\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/History/YearActionTo/${this.state.uuid}/${v}`)\r\n .then(response => {\r\n // console.log(response);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n const parsed = queryString.parse(this.props.history.location.search, {arrayFormat: 'comma'});\r\n parsed.to = v;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.history.push(this.props.history.location.pathname+'?'+searchStr);\r\n }\r\n\r\n\r\n changeDateRange(e,century,index){\r\n this.onLoading();\r\n e.preventDefault();\r\n window.$('.rangeContainer .active').removeClass('active');\r\n e.target.classList.value = e.target.classList.value + ' active';\r\n if (index < 9) {\r\n this.setYearTo(-(parseInt(century)*100)+99);\r\n this.setYearFrom(-(parseInt(century)*100));\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: -(parseInt(century)*100),\r\n to: -(parseInt(century)*100)+99\r\n });\r\n var from = -(parseInt(century)*100);\r\n var to = -(parseInt(century)*100)+99;\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n } else if (index === 28) {\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: (parseInt(century)*100)+1-100,\r\n to: (parseInt(century)*100)\r\n });\r\n var from = (parseInt(century)*100)+1-100;\r\n var to = (parseInt(century)*100);\r\n this.setYearTo(to);\r\n this.setYearFrom(from);\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n } else if(index !== 28){\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: (parseInt(century)*100)+1-100,\r\n to: (parseInt(century)*100)\r\n });\r\n var from = (parseInt(century)*100)+1-100;\r\n var to = (parseInt(century)*100);\r\n this.setYearTo(to);\r\n this.setYearFrom(from);\r\n var self = this;\r\n setTimeout(function(){\r\n if (self.state.filterSelected === true ) {\r\n self.refreshAuthors(1);\r\n } else if(self.state.filterSelected === false && from === -800 && to === self.ThisYear) {\r\n self.refreshAuthors(1);\r\n } else {\r\n self.refreshAuthors(1);\r\n }\r\n }, 300);\r\n\r\n }\r\n $('.search-button').removeClass('active');\r\n }\r\n\r\n handleChange(e) {\r\n this.setYearFrom(e.from);\r\n this.setYearTo(e.to)\r\n window.$('.rangeContainer .active').removeClass('active');\r\n $('.search-button').addClass('active');\r\n }\r\n\r\n handleUpdate(values) {\r\n const { shadowTop, shadowBottom } = this.refs;\r\n const { scrollTop, scrollHeight, clientHeight } = values;\r\n const shadowTopOpacity = 1 / 20 * Math.min(scrollTop, 20);\r\n const bottomScrollTop = scrollHeight - clientHeight;\r\n const shadowBottomOpacity = 1 / 20 * (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\r\n css(shadowTop, { opacity: shadowTopOpacity });\r\n css(shadowBottom, { opacity: shadowBottomOpacity });\r\n }\r\n\r\n resize = () => {\r\n this.forceUpdate()\r\n }\r\n\r\n\r\n cancel(){\r\n\r\n }\r\n\r\n componentWillMount() {\r\n var newUid = uuidv1();\r\n this.setState({uuid: newUid})\r\n // var url = this.props.match.url+'/'+newUid;\r\n // this.props.history.push(url)\r\n // this.props.match.params.to = \"1000\";\r\n //this.props.history.push(\"#testing\")\r\n // this.props.history.replace({ pathname: '/index2', state: { from: '300', to: '1000' } });\r\n // var url = this.props.match.url+'/300/1000';\r\n this.onLoading();\r\n /*\r\n var CancelToken = axios.CancelToken;\r\n var self = this;\r\n\r\n axios.get('${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsNewCountry/42613', {\r\n cancelToken: new CancelToken(function executor(c) {\r\n self.cancel = c;\r\n })\r\n }).then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n data[i].index = i;\r\n newData.push(data[i]);\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.setState({allAuthors: alphabeticalOrder});\r\n this.setState({counter: 1});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n*/\r\n }\r\n\r\n setYearsFromLink(){\r\n var from = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).from;\r\n var to = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).to;\r\n if (typeof from === \"undefined\" && typeof to === \"undefined\") {\r\n this.setYearFrom(this.state.realYearFrom);\r\n this.setYearTo(this.state.realYearTo)\r\n } else {\r\n this.setYearFrom(from);\r\n this.setYearTo(to)\r\n }\r\n\r\n\r\n }\r\n\r\n componentDidMount() {\r\n //console.log(this.props);\r\n var from = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).from;\r\n var to = queryString.parse(this.props.history.location.search,{arrayFormat: 'comma'}).to;\r\n if (typeof from === \"undefined\" && typeof to === \"undefined\") {\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: this.state.realYearFrom,\r\n to: this.state.realYearTo\r\n });\r\n } else {\r\n window.$('.irs-hidden-input').data(\"ionRangeSlider\").update({\r\n from: from,\r\n to: to\r\n });\r\n if (from-to === -99 ) {\r\n if (from < 0) {\r\n var century = parseInt(from.toString().substr(1).substring(0, from.toString().length - 3));\r\n } else if(from > 0 && from < 100) {\r\n var century = parseInt(from);\r\n } else {\r\n var century = parseInt(from.toString().substring(0, from.toString().length - 2))+1;\r\n }\r\n var centuriesArray = document.querySelectorAll('.save-tag-1');\r\n var possibleCentury = [];\r\n for (var i = 0; i < centuriesArray.length; i++) {\r\n if (century === parseInt(centuriesArray[i].innerText)) {\r\n possibleCentury.push(centuriesArray[i]);\r\n }\r\n }\r\n if (from < 0) {\r\n possibleCentury[0].classList.add(\"active\");\r\n } else {\r\n if (possibleCentury.length > 1) {\r\n possibleCentury[1].classList.add(\"active\");\r\n } else {\r\n possibleCentury[0].classList.add(\"active\");\r\n }\r\n }\r\n }\r\n }\r\n window.addEventListener('resize', this.resize);\r\n document.querySelector('.hideOverflowX').children[1].style.display = 'none';\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.resize);\r\n }\r\n\r\ncomponentDidUpdate(){\r\n\r\n}\r\n\r\nAuthorsNr(nr){\r\n this.setState({nrAuthors:nr})\r\n}\r\n\r\n\r\n\r\n refreshSidebar() {\r\n this.sidebar.current.refreshAll();\r\n }\r\n\r\n refreshAuthors(page,callback) {\r\n // console.log(callback)\r\n\r\n\r\n var self = this;\r\nsetTimeout(function(){ self.child.current.onChangePage(parseInt(page)); }, 300);\r\n }\r\n\r\n\r\n onLoading() {\r\n this.setState({ loading: true });\r\n }\r\n onHideLoading() {\r\n this.setState({ loading: false });\r\n\r\n }\r\n\r\n getAuthors(authors,filterSelected){\r\n this.setState({filterSelected:filterSelected})\r\n this.setState({tempAuthors: authors});\r\n\r\n if (authors.length>0 && filterSelected === true) {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsFromTo/`+this.state.realYearFrom+'/'+this.state.realYearTo)\r\n .then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n for (var j = 0; j < authors.length; j++) {\r\n if (authors[j].id === data[i].id) {\r\n newData.push(authors[j]);\r\n }\r\n }\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.setState({counter: 1});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n } else if (authors.length === 0 && filterSelected === true) {\r\n this.setState({authors: []});\r\n this.onHideLoading();\r\n } else if(this.state.counter === 1 && filterSelected === false && this.state.realYearFrom === -800 && this.state.realYearTo === this.ThisYear) {\r\n var allAuthors = this.state.allAuthors;\r\n this.setState({authors: allAuthors});\r\n this.onHideLoading();\r\n } else if(filterSelected === false && this.state.counter === 1 ) {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsFromTo/`+this.state.realYearFrom+'/'+this.state.realYearTo)\r\n .then(response => {\r\n var data = response.data;\r\n var newData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n newData.push(data[i]);\r\n }\r\n var labelArray = [];\r\n for (var i = 0; i < newData.length; i++) {\r\n labelArray.push(newData[i].name);\r\n }\r\n labelArray.sort();\r\n var alphabeticalOrder = []\r\n for (var i = 0; i < labelArray.length; i++) {\r\n for (var j = 0; j < newData.length; j++) {\r\n if (labelArray[i] === newData[j].name) {\r\n newData[j].index = i;\r\n alphabeticalOrder.push(newData[j]);\r\n }\r\n }\r\n }\r\n this.setState({authors: alphabeticalOrder});\r\n this.onHideLoading();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n render(){\r\n const { style } = this.props;\r\n let containerStyle = {\r\n position: 'relative'\r\n };\r\n const hideOverflowX = {\r\n overflowX:'hidden'\r\n }\r\n const shadowTopStyle = {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n height: 10,\r\n background: 'linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)'\r\n };\r\n const shadowBottomStyle = {\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n height: 10,\r\n background: 'linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)'\r\n };\r\n\r\n let activeClasses = (this.state.active ? 'tag-colors save-tag-1 active': 'tag-colors save-tag-1');\r\n\r\n return (\r\n \r\n Sort bysort\r\n Edit\r\n Filter\r\n History\r\n\r\n
\r\n - \r\n
- \r\n Most popular authors byarrow_drop_down\r\n
- \r\n
- Books on sale \r\n
- Books on libraries \r\n
- Books on auction \r\n
- Wishlist books \r\n
- Number of readers \r\n
- Number of collectors \r\n
- Number of reviewers \r\n
- Number of followers \r\n
- Number of related articles \r\n
- Global ranking \r\n
- National ranking \r\n
- The largest bibliography \r\n
\r\n - \r\n Last added authors arrow_drop_down\r\n
- \r\n
- Last 24 Hours \r\n
- Last 48 Hours \r\n
- Last 72 Hours \r\n
- Last 7 days \r\n
- Last 30 days \r\n
- All times \r\n
\r\n - \r\n Authors A-Z arrow_drop_down\r\n \r\n \r\n
- Authors in ascending chronological order \r\n
- Authors in descending chronological order \r\n
- Authors in ascending alphabetical order \r\n
- Authors in descending alphabetical order \r\n
- My followed authors \r\n
- \r\n \r\n \r\n
- \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n Add listing
\r\n\r\n
\r\n Categories
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Types of books
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Author's nationality
\r\n (Dropdown)
\r\n \r\n
\r\n Literary movement
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Country of publisher
\r\n (Dropdown)
\r\n\r\n \r\n
\r\n City of publisher
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Language
\r\n \r\n \r\n
\r\n Books printed in one language
\r\n (Dropdown)
\r\n \r\n
\r\n Bilingual books
\r\n \r\n
\r\n (Dropdown)
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Illustrator's nationality
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Binding
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Book Binder's nationality
\r\n (Dropdown)
\r\n \r\n
\r\n Categories
\r\n (Dropdown)
\r\n \r\n
\r\n Condition
\r\n (Dropdown)
\r\n \r\n
\r\n Sizes
\r\n (Dropdown)
\r\n \r\n
\r\n Attributes
\r\n (Dropdown)
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Photos\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n History
\r\n| Number | \r\nSearch | \r\nLink | \r\nDate | \r\n
|---|---|---|---|
| {item.index} | \r\nFrom {item.from} to {item.to}\r\n {item.countriesNames &&\r\n Countries: {item.countriesNames.map((country, i) => (\r\n {i < item.countriesNames.length-1 ? (\r\n {country}, \r\n ) : (\r\n {country} \r\n )}\r\n ))}\r\n }\r\n {item.professionsNames &&\r\n Professions: {item.professionsNames.map((profession, i) => (\r\n {i < item.professionsNames.length-1 ? (\r\n {profession}, \r\n ) : (\r\n {profession} \r\n )}\r\n ))}\r\n }\r\n {item.specializationsNames &&\r\n Specializations: {item.specializationsNames.map((specialization, i) => (\r\n {i < item.specializationsNames.length-1 ? (\r\n {specialization}, \r\n ) : (\r\n {specialization} \r\n )}\r\n ))}\r\n }\r\n {item.movementsNames &&\r\n Movements: {item.movementsNames.map((movement, i) => (\r\n {i < item.movementsNames.length-1 ? (\r\n {movement}, \r\n) : (\r\n {movement} \r\n)}\r\n ))}\r\n }\r\n {item.topicsNames &&\r\n Topics: {item.topicsNames.map((topic, i) => (\r\n {i < item.topicsNames.length-1 ? (\r\n {topic}, \r\n) : (\r\n {topic} \r\n)}\r\n ))}\r\n }\r\n | \r\nLink | \r\n{item.date} | \r\n
\r\n Clear\r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n {matches =>\r\n matches.small ? (\r\n \r\n {matchesSnall =>\r\n matchesSnall.small ? (\r\n ) : (\r\n \r\n\r\n \r\n \r\n 0}>\r\n \r\n {this.state.pageOfItems.map((item, index) => (\r\n \r\n {matches =>\r\n matches.small ? (\r\n \r\n {matchesSnall =>\r\n matchesSnall.small ? (\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n Loading...
\r\n this.callParent(item.id,e)}>\r\n
\r\n ))}\r\n \r\n {/* \r\n
\r\n { ReactHtmlParser(item.name) ||
\r\n
\r\n \r\n
\r\n No results found...
\r\n\r\n \r\n
\r\n );\r\n };\r\n };\r\n\r\nexport default secondPage;\r\n","import React from \"react\";\r\nimport { Link } from 'react-router-dom';\r\nimport NavLink from \"./navLink\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport { withRouter } from 'react-router';\r\nimport {BrowserRouter as Router, Route, Switch} from 'react-router-dom';\r\nimport FirstPage from \"./firstPage\";\r\nimport SecondPage from \"./secondPage\";\r\nimport M from 'materialize-css';\r\n\r\nclass NavBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n\r\n componentDidMount() {\r\n // M.AutoInit();\r\n var profile = document.querySelectorAll('.profile-button');\r\n var instances = M.Dropdown.init(profile, {coverTrigger: false});\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n {this.handleChange(e)}} />\r\n\r\n
\r\n \r\n {this.state.labels.map(function(object, i){\r\n if (i%2===1 && i>13) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else if(i<6 && i%2===1) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else if(i>6 && i<14 && i%2===1) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else {\r\n return \r\n }\r\n },this)}\r\n
\r\n \r\n {this.state.labels.map(function(object, i){\r\n if (i%2===0 && i !== 8 && i>17) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else if (i === 8) {\r\n return {object}\r\n } else if (i<7 && i%2===0) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else if (i>7 && i<17 && i%2===0) {\r\n return { this.changeDateRange(e,object,i)}}>{object}\r\n } else {\r\n return \r\n }\r\n },this)}\r\n
\r\n \r\n \r\n From \r\n
\r\n \r\n this.setYearFrom(event.target.value)}/>\r\n
\r\n To \r\n \r\n this.setYearTo(event.target.value)}/>\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {matches =>\r\n matches.small ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )\r\n }\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n alert('countdown finished'),\r\n },\r\n ]}\r\n >\r\n\r\n \r\n \r\n Searching for \r\n \r\n \r\n Results: {this.state.nrAuthors} authors\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Close\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n alert('countdown finished'),\r\n },\r\n ]}\r\n >\r\n\r\n \r\n \r\n Searching for \r\n \r\n \r\n Results: {this.state.nrAuthors} authors\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default GenericNotFound;\r\n","import React from \"react\";\r\nimport axios from 'axios';\r\nimport TreeMenu, { ItemComponent } from 'react-simple-tree-menu';\r\nimport '../../../node_modules/react-simple-tree-menu/dist/main.css';\r\nconst statisticsMenu = [\r\n{\r\nkey: '1',\r\nlabel: 'Readers', // any other props you need, e.g. url\r\n},\r\n{\r\nkey: '2',\r\nlabel: 'Followers',\r\n},\r\n{\r\nkey: '3',\r\nlabel: 'Collectors',\r\n},\r\n{\r\nkey: '4',\r\nlabel: 'Reviewers',\r\nactive: true,\r\n},\r\n{\r\nkey: '5',\r\nlabel: 'Wish list',\r\n},\r\n{\r\nkey: '6',\r\nlabel: 'Bibliography',\r\n},\r\n{\r\nkey: '7',\r\nlabel: 'Books on sale',\r\n},\r\n{\r\nkey: '8',\r\nlabel: 'Books on auction',\r\n},\r\n{\r\nkey: '9',\r\nlabel: 'Books in libraries',\r\n},\r\n\r\n];\r\n\r\nclass sideBarAuthorsPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { name: '', activeMenu: '0' }\r\n }\r\n componentWillMount(){\r\n for (var i = 0; i < statisticsMenu.length; i++) {\r\n if (statisticsMenu[i].label === this.props.type) {\r\n this.setState({activeMenu: statisticsMenu[i].key})\r\n }\r\n }\r\n }\r\n render(){\r\n\r\nconst treeData = [\r\n{\r\nkey: '1',\r\nlabel: 'Dealers from all countries', // any other props you need, e.g. url\r\nnodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Romania',\r\n nodes: [\r\n {\r\n key: 'third-level-node-1',\r\n label: 'Bacau',\r\n nodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Bacau',\r\n nodes: [ ],\r\n },\r\n ] // you can remove the nodes property or leave it as an empty array\r\n },\r\n ],\r\n },\r\n ],\r\n},\r\n{\r\nkey: '2',\r\nlabel: 'Languages',\r\nnodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Romania',\r\n nodes: [\r\n {\r\n key: 'third-level-node-1',\r\n label: 'Bacau',\r\n nodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Bacau',\r\n nodes: [ ],\r\n },\r\n ] // you can remove the nodes property or leave it as an empty array\r\n },\r\n ],\r\n },\r\n ],\r\n},\r\n{\r\nkey: '3',\r\nlabel: 'Books about',\r\nactive: true,\r\nnodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Literary criticism',\r\n },\r\n {\r\n key: 'second-level-node-2',\r\n label: 'Biographies',\r\n },\r\n {\r\n key: 'second-level-node-3',\r\n label: 'Relating to',\r\n },\r\n ],\r\n},\r\n{\r\nkey: '4',\r\nlabel: 'Publishers',\r\nnodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'Literary criticism',\r\n },\r\n {\r\n key: 'second-level-node-2',\r\n label: 'Biographies',\r\n },\r\n {\r\n key: 'second-level-node-3',\r\n label: 'Relating to',\r\n },\r\n ],\r\n},\r\n{\r\nkey: '5',\r\nlabel: 'Price',\r\n},\r\n];\r\n\r\n return (\r\n Page Not found
\r\n\r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default sideBarAuthorsPage;\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\nimport Slider from \"react-slick\";\r\nimport Rating from \"react-rating\";\r\nimport Magnifier from \"react-magnifier\";\r\n\r\nexport default class TitleCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, titleName: 'War and peace', description: '',period: null, movements:[], countries: '', movementsLength: 0,nav1: null,\r\n nav2: null , lastType: 'v'};\r\n this.openEditionCollapsible = this.openEditionCollapsible.bind(this);\r\n this.changeClass = this.changeClass.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({\r\nnav1: this.slider1,\r\nnav2: this.slider2\r\n});\r\n }\r\n\r\n changeClass(selectedClass,type){\r\n if (type === \"Related articles\") {\r\n type = \"Related\";\r\n }\r\n if (type === \"Readers with wishlist\" || type === \"Wish list\") {\r\n type = \"Wishlist\";\r\n }\r\n if (type === \"Books on sale\") {\r\n type = \"on-sale\";\r\n }\r\n if (type === \"Books on auction\") {\r\n type = \"on-auction\";\r\n }\r\n if (type === \"Books in libraries\") {\r\n type = \"on-libraries\";\r\n }\r\n this.setState({lastType: type});\r\n document.querySelector(selectedClass).classList.remove(this.state.lastType);\r\n document.querySelector(selectedClass).classList.add(type);\r\n this.openEditionCollapsible(selectedClass);\r\n }\r\n\r\n openEditionCollapsible(selectedClass){\r\n var classList = document.querySelector(selectedClass).classList;\r\n var isHidden = false;\r\n for (var i = 0; i < classList.length; i++) {\r\n if (classList[i]===\"hide\") {\r\n isHidden = true;\r\n }\r\n }\r\n if (isHidden) {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n var instance = M.Collapsible.getInstance(elem);\r\n document.querySelector(selectedClass).classList.remove(\"hide\");\r\n instance.open(0);\r\n })();\r\n } else {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n var instance = M.Collapsible.getInstance(elem);\r\n instance.close(0)\r\n setTimeout(function(){\r\n document.querySelector(selectedClass).classList.add(\"hide\");\r\n }, 300);\r\n })();\r\n }\r\n }\r\n\r\n render() {\r\n const data = '{\"title\":\"War and peace\",\"description\":\" \", \"totalRanking\": 0,\"publishedIn\":\"200 countries\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"editionsNationalRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"children\": [{\"title\":\"Razboi si pace\",\"country\":\"Romania\",\"countryAbbreviation\":\"RO\", \"totalRanking\": 0,\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"editionsNationalRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"children\":[{\"title\":\"Razboi si pace\",\"country\":\"Romania\",\"publisher\":\"Biblioteca pentru toti\",\"author\":\"Leo Tolstoy\",\"publisherYear\":1975,\"language\":\"Romanian\",\"county\":\"Bucharest\",\"city\":\"Bucharest\",\"countryAbbreviation\":\"RO\", \"totalRanking\": 0,\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCountyRanking\":1234,\"readersCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCountyRanking\":1234,\"reviewersCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCountyRanking\":1234,\"followersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCountyRanking\":1234,\"collectorsCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCountyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCountyRanking\":1234,\"booksOnSaleCityRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCountyRanking\":1234,\"booksInLibrariesCityRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"wishListCountyRanking\":1234,\"wishListCityRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCountyRanking\":1234,\"booksOnAuctionCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"children\":[],\"images\":[\"http://localhost:3000/1.jpg\",\"http://localhost:3000/2.jpg\",\"http://localhost:3000/3.jpg\"]},{\"title\":\"Razboi si pace\", \"country\":\"Romania\", \"publisher\":\"Alcalay\", \"author\":\"Leo Tolstoy\", \"publisherYear\":1902, \"language\":\"Romanian\", \"county\":\"Iasi\", \"city\":\"Iasi\", \"countryAbbreviation\":\"RO\", \"totalRanking\": 0, \"readers\":0, \"readersWorldRanking\":1234, \"readersNationalRanking\":1234, \"readersRegionRanking\":1234, \"readersCountyRanking\":1234, \"readersCityRanking\":1234, \"reviewers\":0, \"reviewersWorldRanking\":1234, \"reviewersNationalRanking\":1234, \"reviewersRegionRanking\":1234, \"reviewersCountyRanking\":1234, \"reviewersCityRanking\":1234, \"followers\":0, \"followersWorldRanking\":1234, \"followersNationalRanking\":1234, \"followersRegionRanking\":1234, \"followersCountyRanking\":1234, \"followersCityRanking\":1234, \"collectors\":0, \"collectorsWorldRanking\":1234, \"collectorsNationalRanking\":1234, \"collectorsRegionRanking\":1234, \"collectorsCountyRanking\":1234, \"collectorsCityRanking\":1234, \"relatedArticles\":0, \"relatedArticlesWorldRanking\":1234, \"relatedArticlesNationalRanking\":1234, \"relatedArticlesRegionRanking\":1234, \"relatedArticlesCountyRanking\":1234, \"relatedArticlesCityRanking\":1234, \"booksOnSale\":0, \"booksOnSaleWorldRanking\":1234, \"booksOnSaleNationalRanking\":1234, \"booksOnSaleRegionRanking\":1234, \"booksOnSaleCountyRanking\":1234, \"booksOnSaleCityRanking\":1234, \"booksInLibraries\":0, \"booksInLibrariesWorldRanking\":1234, \"booksInLibrariesNationalRanking\":1234, \"booksInLibrariesRegionRanking\":1234, \"booksInLibrariesCountyRanking\":1234, \"booksInLibrariesCityRanking\":1234, \"wishList\":0, \"wishListWorldRanking\":1234, \"wishListNationalRanking\":1234, \"wishListRegionRanking\":1234, \"wishListCountyRanking\":1234, \"wishListCityRanking\":1234, \"booksOnAuction\":0, \"booksOnAuctionWorldRanking\":1234, \"booksOnAuctionNationalRanking\":1234, \"booksOnAuctionRegionRanking\":1234, \"booksOnAuctionCountyRanking\":1234, \"booksOnAuctionCityRanking\":1234, \"worldRanking\":1234, \"nationalRanking\":1234, \"regionRanking\":1234, \"countyRanking\":1234, \"cityRanking\":1234, \"children\":[], \"images\":[\"http://localhost:3000/1.jpg\",\"http://localhost:3000/2.jpg\",\"http://localhost:3000/3.jpg\"]},{\"title\":\"Razboi si pace\", \"country\":\"Romania\", \"publisher\":\"Nemira\", \"author\":\"Leo Tolstoy\", \"language\":\"Romanian\", \"county\":\"Cluj\", \"publisherYear\":2002, \"city\":\"Cluj Napoca\", \"countryAbbreviation\":\"RO\", \"totalRanking\": 0, \"readers\":0, \"readersWorldRanking\":1234, \"readersNationalRanking\":1234, \"readersRegionRanking\":1234, \"readersCountyRanking\":1234, \"readersCityRanking\":1234, \"reviewers\":0, \"reviewersWorldRanking\":1234, \"reviewersNationalRanking\":1234, \"reviewersRegionRanking\":1234, \"reviewersCountyRanking\":1234, \"reviewersCityRanking\":1234, \"followers\":0, \"followersWorldRanking\":1234, \"followersNationalRanking\":1234, \"followersRegionRanking\":1234, \"followersCountyRanking\":1234, \"followersCityRanking\":1234, \"collectors\":0, \"collectorsWorldRanking\":1234, \"collectorsNationalRanking\":1234, \"collectorsRegionRanking\":1234, \"collectorsCountyRanking\":1234, \"collectorsCityRanking\":1234, \"relatedArticles\":0, \"relatedArticlesWorldRanking\":1234, \"relatedArticlesNationalRanking\":1234, \"relatedArticlesRegionRanking\":1234, \"relatedArticlesCountyRanking\":1234, \"relatedArticlesCityRanking\":1234, \"booksOnSale\":0, \"booksOnSaleWorldRanking\":1234, \"booksOnSaleNationalRanking\":1234, \"booksOnSaleRegionRanking\":1234, \"booksOnSaleCountyRanking\":1234, \"booksOnSaleCityRanking\":1234, \"booksInLibraries\":0, \"booksInLibrariesWorldRanking\":1234, \"booksInLibrariesNationalRanking\":1234, \"booksInLibrariesRegionRanking\":1234, \"booksInLibrariesCountyRanking\":1234, \"booksInLibrariesCityRanking\":1234, \"wishList\":0, \"wishListWorldRanking\":1234, \"wishListNationalRanking\":1234, \"wishListRegionRanking\":1234, \"wishListCountyRanking\":1234, \"wishListCityRanking\":1234, \"booksOnAuction\":0, \"booksOnAuctionWorldRanking\":1234, \"booksOnAuctionNationalRanking\":1234, \"booksOnAuctionRegionRanking\":1234, \"booksOnAuctionCountyRanking\":1234, \"booksOnAuctionCityRanking\":1234, \"worldRanking\":1234, \"nationalRanking\":1234, \"regionRanking\":1234, \"countyRanking\":1234, \"cityRanking\":1234, \"children\":[], \"images\":[\"http://localhost:3000/1.jpg\",\"http://localhost:3000/2.jpg\",\"http://localhost:3000/3.jpg\"]}]},{\"title\":\"Krieg und Frieden\",\"country\":\"Germany\",\"countryAbbreviation\":\"DE\",\"readers\":0, \"totalRanking\": 0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"editionsNationalRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"children\":[]},{\"title\":\"Guerre et paix\",\"country\":\"France\", \"totalRanking\": 0,\"countryAbbreviation\":\"FR\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"editionsNationalRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"children\":[]}]}';\r\n var myData = JSON.parse(data);\r\n\r\n return (\r\n \r\n
\r\n \r\n Author statistics\r\n
\r\n {\r\n this.props.navigate('/'+label) // user defined prop\r\n \r\n }}>\r\n {({ search, items }) => (\r\n \r\n
\r\n \r\n
- \r\n {items.map(({key, ...props}) => (\r\n
\r\n
\r\n \r\n {\r\n console.log(label); // user defined prop\r\n }}>\r\n {({ search, items }) => (\r\n \r\n
\r\n - \r\n {items.map(({key, ...props}) => (\r\n
\r\n
\r\n\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport M from 'materialize-css';\r\nimport TitleCard from './titleCard'\r\n\r\nclass mainAuthorsPage extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n lastType: 'v',\r\n }\r\n this.changeClass = this.changeClass.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n this.changeClass(this.props.type)\r\n }\r\n\r\n changeClass(type){\r\n if (type === \"Related articles\") {\r\n type = \"Related\";\r\n }\r\n if (type === \"Readers with wishlist\" || type === \"Wish list\") {\r\n type = \"Wishlist\";\r\n }\r\n if (type === \"Books on sale\") {\r\n type = \"on-sale\";\r\n }\r\n if (type === \"Books on auction\") {\r\n type = \"on-auction\";\r\n }\r\n if (type === \"Books in libraries\") {\r\n type = \"on-libraries\";\r\n }\r\n this.setState({lastType: type});\r\n document.querySelector('.main-section').classList.remove(this.state.lastType);\r\n document.querySelector('.main-section').classList.add(type);\r\n }\r\n\r\n\r\n render(){\r\n\r\n return (\r\n {this.props.index}
\r\n {this.openEditionCollapsible('.editions')}}>{myData.title ||
{myData.description ||
\r\n\r\n\r\n
\r\n \r\n
\r\n {myData.children.length > 0 &&\r\n
\r\n
\r\n\r\n \r\n
\r\n Readers{myData.readers} {this.changeClass('.editions',\"Readers\")}}>add_circle_outline {myData.readersWorldRanking} {myData.readersNationalRanking}
\r\n Collectors{myData.collectors} {this.changeClass('.editions',\"Collectors\")}}>add_circle_outline {myData.collectorsWorldRanking} {myData.collectorsNationalRanking}
\r\n Reviewers{myData.reviewers} {this.changeClass('.editions',\"Reviewers\")}}>add_circle_outline {myData.reviewersWorldRanking} {myData.reviewersNationalRanking}
\r\n {this.openEditionCollapsible('.editions')}}>Editions{myData.editions} add_circle_outline {myData.editionsWorldRanking} {myData.editionsNationalRanking}
\r\n Related articles{myData.relatedArticles} {this.changeClass('.editions',\"Related articles\")}}>add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}
\r\n \r\n {myData.children.length > 0 &&\r\n
- \r\n
- \r\n \r\n\r\n
- \r\n {myData.children.map((item, index) => (\r\n
- \r\n {index+1} {this.openEditionCollapsible('.'+item.country)}}>{item.title} {this.openEditionCollapsible('.'+item.country)}}>\r\n
{item.country} \r\n\r\n\r\n\r\n\r\nReaders{item.readers} {this.changeClass('.'+item.country,\"Readers\")}}>add_circle_outline {item.readersWorldRanking} {item.readersNationalRanking}\r\nCollectors{item.collectors} {this.changeClass('.'+item.country,\"Collectors\")}}>add_circle_outline {item.collectorsWorldRanking} {item.collectorsNationalRanking}\r\nReviewers{item.reviewers} {this.changeClass('.'+item.country,\"Reviewers\")}}>add_circle_outline {item.reviewersWorldRanking} {item.reviewersNationalRanking}\r\n{this.openEditionCollapsible('.'+item.country)}}>Editions{item.editions} add_circle_outline {item.editionsWorldRanking} {item.editionsNationalRanking}\r\nRelated articles{item.relatedArticles} {this.changeClass('.'+item.country,\"Related articles\")}}>add_circle_outline {item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n {item.children.length > 0 &&\r\n- \r\n
- \r\n \r\n\r\n
- \r\n {item.children.map((children, index) => (\r\n
- \r\n \r\n \r\n {index+1}\r\n {children.title}\r\n \r\n \r\n {index+1}\r\n Author: {children.author}\r\n \r\n \r\n Publisher: {children.publisher}\r\n Language: {children.language}\r\n Year: {children.publisherYear}\r\n \r\n \r\n City: {children.city}\r\n County: {children.county}\r\n Country: {children.country}\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\nReaders{children.readers} add_circle_outline {children.readersWorldRanking} {children.readersNationalRanking}\r\n {typeof children.readersRegionRanking !== \"undefined\" &&\r\n {children.readersRegionRanking}\r\n }\r\n {typeof children.readersCountyRanking !== \"undefined\" &&\r\n {children.readersCountyRanking}\r\n }\r\n {typeof children.readersCityRanking !== \"undefined\" &&\r\n {children.readersCityRanking}\r\n }\r\n\r\nCollectors{children.collectors} add_circle_outline {children.collectorsWorldRanking} {children.collectorsNationalRanking}\r\n {typeof children.collectorsRegionRanking !== \"undefined\" &&\r\n {children.collectorsRegionRanking}\r\n }\r\n {typeof children.collectorsCountyRanking !== \"undefined\" &&\r\n {children.collectorsCountyRanking}\r\n }\r\n {typeof children.collectorsCityRanking !== \"undefined\" &&\r\n {children.collectorsCityRanking}\r\n }\r\n\r\nReviewers{children.reviewers} add_circle_outline {children.reviewersWorldRanking} {children.reviewersNationalRanking}\r\n {typeof children.reviewersRegionRanking !== \"undefined\" &&\r\n {children.reviewersRegionRanking}\r\n }\r\n {typeof children.reviewersCountyRanking !== \"undefined\" &&\r\n {children.reviewersCountyRanking}\r\n }\r\n {typeof children.reviewersCityRanking !== \"undefined\" &&\r\n {children.reviewersCityRanking}\r\n }\r\n\r\nRelated articles{children.relatedArticles} add_circle_outline {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}\r\n {typeof children.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {children.relatedArticlesRegionRanking}\r\n }\r\n {typeof children.relatedArticlesCountyRanking !== \"undefined\" &&\r\n {children.relatedArticlesCountyRanking}\r\n }\r\n {typeof children.relatedArticlesCityRanking !== \"undefined\" &&\r\n {children.relatedArticlesCityRanking}\r\n }\r\n\r\n\r\n\r\n
\r\n\r\n\r\nBooks on sale{children.booksOnSale} add_circle_outline {children.booksOnSaleWorldRanking} {children.booksOnSaleNationalRanking}\r\n {typeof children.booksOnSaleRegionRanking !== \"undefined\" &&\r\n {children.booksOnSaleRegionRanking}\r\n }\r\n {typeof children.booksOnSaleCountyRanking !== \"undefined\" &&\r\n {children.booksOnSaleCountyRanking}\r\n }\r\n {typeof children.booksOnSaleCityRanking !== \"undefined\" &&\r\n {children.booksOnSaleCityRanking}\r\n }\r\n\r\nBooks in libraries{children.booksInLibraries} add_circle_outline {children.booksInLibrariesWorldRanking} {children.booksInLibrariesNationalRanking}\r\n {typeof children.booksInLibrariesRegionRanking !== \"undefined\" &&\r\n {children.booksInLibrariesRegionRanking}\r\n }\r\n {typeof children.booksInLibrariesCountyRanking !== \"undefined\" &&\r\n {children.booksInLibrariesCountyRanking}\r\n }\r\n {typeof children.booksInLibrariesCityRanking !== \"undefined\" &&\r\n {children.booksInLibrariesCityRanking}\r\n }\r\n\r\nWish list{children.wishList} add_circle_outline {children.wishListWorldRanking} {children.wishListNationalRanking}\r\n {typeof children.wishListRegionRanking !== \"undefined\" &&\r\n {children.wishListRegionRanking}\r\n }\r\n {typeof children.wishListCountyRanking !== \"undefined\" &&\r\n {children.wishListCountyRanking}\r\n }\r\n {typeof children.wishListCityRanking !== \"undefined\" &&\r\n {children.wishListCityRanking}\r\n }\r\n\r\nBooks on auction{children.booksOnAuction} add_circle_outline {children.booksOnAuctionWorldRanking} {children.booksOnAuctionNationalRanking}\r\n {typeof children.booksOnAuctionRegionRanking !== \"undefined\" &&\r\n {children.booksOnAuctionRegionRanking}\r\n }\r\n {typeof children.booksOnAuctionCountyRanking !== \"undefined\" &&\r\n {children.booksOnAuctionCountyRanking}\r\n }\r\n {typeof children.booksOnAuctionCityRanking !== \"undefined\" &&\r\n {children.booksOnAuctionCityRanking}\r\n }\r\n\r\nFollowers{children.followers} add_circle_outline {children.followersWorldRanking} {children.followersNationalRanking}\r\n {typeof children.followersRegionRanking !== \"undefined\" &&\r\n {children.followersRegionRanking}\r\n }\r\n {typeof children.followersCountyRanking !== \"undefined\" &&\r\n {children.followersCountyRanking}\r\n }\r\n {typeof children.followersCityRanking !== \"undefined\" &&\r\n {children.followersCityRanking}\r\n }\r\n\r\nFollowers{children.followers} add_circle_outline {children.followersWorldRanking} {children.followersNationalRanking}\r\n {typeof children.followersRegionRanking !== \"undefined\" &&\r\n {children.followersRegionRanking}\r\n }\r\n {typeof children.followersCountyRanking !== \"undefined\" &&\r\n {children.followersCountyRanking}\r\n }\r\n {typeof children.followersCityRanking !== \"undefined\" &&\r\n {children.followersCityRanking}\r\n }\r\n\r\nRelated articles{children.relatedArticles} add_circle_outline {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}\r\n {typeof children.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {children.relatedArticlesRegionRanking}\r\n }\r\n {typeof children.relatedArticlesCountyRanking !== \"undefined\" &&\r\n {children.relatedArticlesCountyRanking}\r\n }\r\n {typeof children.relatedArticlesCityRanking !== \"undefined\" &&\r\n {children.relatedArticlesCityRanking}\r\n }\r\n\r\n
\r\n\r\n\r\nTotal: {children.totalRanking}\r\nWorld: {children.worldRanking}\r\nNational: {children.nationalRanking}\r\n {typeof children.regionRanking !== \"undefined\" && typeof children.countyRanking === \"undefined\" &&\r\n \r\n \r\nRegion: {children.regionRanking}\r\n \r\n }\r\n {typeof children.regionRanking !== \"undefined\" && typeof children.countyRanking !== \"undefined\" &&\r\nRegion: {children.regionRanking}\r\n }\r\n {typeof children.countyRanking !== \"undefined\" && typeof children.regionRanking !== \"undefined\" &&\r\nCounty: {children.countyRanking}\r\n }\r\n {typeof children.countyRanking !== \"undefined\" && typeof children.regionRanking === \"undefined\" &&\r\n \r\n \r\nCounty: {children.countyRanking}\r\n \r\n }\r\n {typeof children.cityRanking !== \"undefined\" &&\r\nCity: {children.cityRanking}\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n close\r\n\r\n\r\n\r\n\r\n\r\n ))}\r\n \r\n\r\n \r\n\r\n ))}\r\n {children.images.map((item, index) => (\r\n\r\n\r\n ))}\r\n \r\n\r\n\r\n ))}\r\n
\r\n - \r\n
\r\n\r\nBooks on sale{item.booksOnSale} {this.changeClass('.'+item.country,\"Books on sale\")}}>add_circle_outline {item.booksOnSaleWorldRanking} {item.booksOnSaleNationalRanking}\r\nBooks in libraries{item.booksInLibraries} {this.changeClass('.'+item.country,\"Books in libraries\")}}>add_circle_outline {item.booksInLibrariesWorldRanking} {item.booksInLibrariesNationalRanking}\r\nWish list{item.wishList} {this.changeClass('.'+item.country,\"Wish list\")}}>add_circle_outline {item.wishListWorldRanking} {item.wishListNationalRanking}\r\nBooks on auction{item.booksOnAuction} {this.changeClass('.'+item.country,\"Books on auction\")}}>add_circle_outline {item.booksOnAuctionWorldRanking} {item.booksOnAuctionNationalRanking}\r\nFollowers{item.followers} {this.changeClass('.'+item.country,\"Followers\")}}>add_circle_outline {item.followersWorldRanking} {item.followersNationalRanking}\r\nFollowers{item.followers} {this.changeClass('.'+item.country,\"Followers\")}}>add_circle_outline {item.followersWorldRanking} {item.followersNationalRanking}\r\nRelated articles{item.relatedArticles} {this.changeClass('.'+item.country,\"Related articles\")}}>add_circle_outline {item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n\r\nTotal: {item.totalRanking}\r\nWorld: {item.worldRanking}\r\nNational: {item.nationalRanking}\r\n \r\n ))}\r\n - \r\n
\r\n - \r\n
\r\n
\r\n Books on sale{myData.booksOnSale} {this.changeClass('.editions',\"Books on sale\")}}>add_circle_outline {myData.booksOnSaleWorldRanking} {myData.booksOnSaleNationalRanking}
\r\n Books in libraries{myData.booksInLibraries} {this.changeClass('.editions',\"Books in libraries\")}}>add_circle_outline{myData.booksInLibrariesWorldRanking} {myData.booksInLibrariesNationalRanking}
\r\n Wish list{myData.wishList} {this.changeClass('.editions',\"Wish list\")}}>add_circle_outline {myData.booksOnSaleWorldRanking} {myData.wishListNationalRanking}
\r\n Books on auction{myData.booksOnAuction} {this.changeClass('.editions',\"Books on auction\")}}>add_circle_outline {myData.booksOnAuctionWorldRanking} {myData.booksOnAuctionNationalRanking}
\r\n Followers{myData.followers} {this.changeClass('.editions',\"Followers\")}}>add_circle_outline {myData.followersWorldRanking} {myData.followersNationalRanking}
\r\n Followers{myData.followers} {this.changeClass('.editions',\"Followers\")}}>add_circle_outline{myData.followersWorldRanking} {myData.followersNationalRanking}
\r\n Related articles{myData.followers} {this.changeClass('.editions',\"Related articles\")}}>add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n \r\n
\r\n );\r\n};\r\n};\r\n\r\nexport default mainAuthorsPage;\r\n","import React from \"react\";\r\nimport axios from 'axios';\r\nimport SideBar from './sidebarAuthorsPage';\r\nimport Main from './mainAuthorsPage';\r\nimport BreadCrumbs from \"../breadCrumbs\";\r\n\r\nclass AuthorsPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { name: ''}\r\n this.navigate = this.navigate.bind(this);\r\n this.child = React.createRef();\r\n }\r\n\r\n navigate(url) {\r\n this.props.history.replace('/author'+'/'+this.props.match.params.id+url+'/');\r\n console.log('/author'+'/'+this.props.match.params.id+url+'/');\r\n this.child.current.changeClass(url.substr(1));\r\n }\r\n\r\n componentWillMount(){\r\n console.log(this.props.history)\r\n console.log(this.props.match.params);\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.match.params.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({name:data.authorName});\r\n\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n render(){\r\n return (\r\n \r\n National ranking: 1234 - 30 titles
\r\n Author published in 215 countries
World ranking: 1234 - 67 titles\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n};\r\n\r\nexport default AuthorsPage;\r\n","import React from \"react\";\r\nimport axios from 'axios';\r\nimport TreeMenu, { ItemComponent } from 'react-simple-tree-menu';\r\nimport '../../../node_modules/react-simple-tree-menu/dist/main.css';\r\n\r\nclass sidebar2ProfilePage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { name: ''}\r\n }\r\n componentWillMount(){\r\n\r\n\r\n }\r\n render(){\r\n const statisticsMenu = [\r\n {\r\n key: '1',\r\n label: 'Readers', // any other props you need, e.g. url\r\n },\r\n {\r\n key: '2',\r\n label: 'Collectors',\r\n },\r\n {\r\n key: '3',\r\n label: 'Connoisseurs',\r\n active: true,\r\n },\r\n {\r\n key: '4',\r\n label: 'Wish list',\r\n },\r\n {\r\n key: '5',\r\n label: 'Bibliography',\r\n },\r\n {\r\n key: '6',\r\n label: 'Books on Sale',\r\n },\r\n {\r\n key: '7',\r\n label: 'Libraries',\r\n },\r\n];\r\nconst treeData = [\r\n{\r\nkey: '1',\r\nlabel: 'All countries', // any other props you need, e.g. url\r\nnodes: [\r\n {\r\n key: 'second-level-node-1',\r\n label: 'City',\r\n nodes: [\r\n {\r\n key: 'third-level-node-1',\r\n label: 'Last node of the branch',\r\n nodes: [] // you can remove the nodes property or leave it as an empty array\r\n },\r\n ],\r\n },\r\n ],\r\n},\r\n{\r\nkey: '2',\r\nlabel: 'Collector',\r\n},\r\n{\r\nkey: '3',\r\nlabel: 'Connoisseur',\r\nactive: true,\r\n},\r\n{\r\nkey: '4',\r\nlabel: 'Wish list',\r\n},\r\n{\r\nkey: '5',\r\nlabel: 'Bibliography',\r\n},\r\n{\r\nkey: '7',\r\nlabel: 'Favorite Libraries',\r\n},\r\n];\r\n\r\n return (\r\n {this.state.name} - {this.props.match.params.type}
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default sidebar2ProfilePage;\r\n","import React from \"react\";\r\n\r\n\r\n\r\nclass MainProfilePage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n\r\n\r\n\r\n render(){\r\n const data = '{\"location\":\"Bucharest sector 4, Romania\",\"profession\":\"Technical Director EA\",\"gender\":\"Male\",\"relationship\":\"Single\",\"religion\":\"Agnostic\",\"age\":\"48\",\"links\":[],\"compatibility\":\"12%\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n \r\n {\r\n console.log(label); // user defined prop\r\n }}>\r\n {({ search, items }) => (\r\n \r\n
\r\n\r\n - \r\n {items.map(({key, ...props}) => (\r\n
\r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default MainProfilePage;\r\n","import React from \"react\";\r\nimport SecondSidebar from \"./sidebar2ProfilePage\"\r\nimport MainProfilePage from './mainProfilePage';\r\nclass SideBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n\r\n render(){\r\n const data = '{\"name\":\"Ignat andrei\",\"followers\":540,\"following\":128,\"profileImg\":\"./12.png\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Gender: {myData.gender}
\r\nRelationship status: {myData.relationship}
\r\nReligion: {myData.religion}
\r\nAge: {myData.age}
\r\nWeb links:
\r\n\r\n
\r\n \r\n
\r\n Cultural Compatibility: {myData.compatibility}
\r\n\r\n Add Friend\r\n
\r\n \r\n Send Message\r\n
\r\n \r\n
\r\n );\r\n};\r\n};\r\n\r\nexport default SideBar;\r\n","import React from \"react\";\r\nimport SideBar from './sideBarProfilePage';\r\nimport BreadCrumbs from '../breadCrumbs';\r\n\r\n\r\nclass ProfilePage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { }\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Followers
\r\n{myData.followers}
\r\n\r\n
\r\n Following
\r\n{myData.following}
\r\n\r\n Cultural Activity \r\n
\r\n \r\n
\r\n\r\n );\r\n};\r\n};\r\n\r\nexport default ProfilePage;\r\n","import React, { Component } from 'react';\r\nimport DropdownTreeSelect from 'react-tree-selector';\r\nimport 'react-tree-selector/dist/styles.css';\r\nimport isEqual from 'lodash/isEqual'\r\nimport axios from 'axios';\r\nimport LTT from 'list-to-tree';\r\nimport queryString from 'query-string';\r\nimport traverse from 'traverse';\r\nimport $ from 'jquery';\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\n\r\nexport default class CountriesC extends Component {\r\n constructor(props){\r\n super(props)\r\n this.state = { uuid: this.props.uuid, data: props.data, elementsArray: [], depth:0,expandedElements:[],selectedElements:[], counter:0, expanded:false, query:'',shouldLoadLink:true };\r\n this.onNodeToggle = this.onNodeToggle.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.searchPredicate = this.searchPredicate.bind(this);\r\n this.firstLoadElements = this.firstLoadElements.bind(this);\r\n this.loadLink = this.loadLink.bind(this);\r\n }\r\n\r\n loadLink(){\r\n var page = queryString.parse(this.props.queryObj.history.location.search,{arrayFormat: 'comma'}).page;\r\n if(typeof page == 'undefined'){\r\n page = 1;\r\n const parsed = queryString.parse(this.props.queryObj.history.location.search, {arrayFormat: 'comma'});\r\n parsed.page = page;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.queryObj.history.push(this.props.queryObj.history.location.pathname+'?'+searchStr);\r\n }\r\n var countryIds = queryString.parse(this.props.queryObj.history.location.search,{arrayFormat: 'comma'}).countries;\r\n\r\n if (countryIds) {\r\n if (Array.isArray(countryIds) === false) {\r\n var array = [];\r\n array.push(countryIds);\r\n countryIds = array;\r\n }\r\n var requests = [];\r\n for (var i = 0; i < countryIds.length; i++) {\r\n requests.push(axios.get(`${process.env.REACT_APP_URL_SITE}api/Filter/CountryFilters/`+countryIds[i]))\r\n }\r\n var self = this;\r\n axios.all(requests).then(axios.spread((...responses) => {\r\n var data = [];\r\n for (var i = 0; i < responses.length; i++) {\r\n data.push(responses[i].data)\r\n }\r\n var newRequests = [];\r\n var checkedId = [];\r\n var expandedIds = [];\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n for (var j = data[i].length-2; j >=0; j--) {\r\n if (j !== 0) {\r\n newRequests.push(axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/getCountry/${self.state.uuid}/`+data[i][j].id));\r\n expandedIds.push(data[i][j].id);\r\n } else {\r\n checkedId.push(data[i][j].id);\r\n }\r\n }\r\n }\r\n\r\n var elementsArray = self.state.elementsArray;\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n elementsArray[i].checked = false;\r\n if (i === elementsArray.length-1) {\r\n this.setState({elementsArray: elementsArray})\r\n }\r\n }\r\n\r\n axios.all(newRequests).then(axios.spread((...responses) => {\r\n var data = [];\r\n for (var i = 0; i < responses.length; i++) {\r\n data.push(responses[i].data)\r\n }\r\n var elementsArray = self.state.elementsArray;\r\n\r\n for (var i = data.length-1; i>=0; i--) {\r\n for (var j = 0; j < data[i].length; j++) {\r\n if (data[i][j].nrKids !== 0) {\r\n var obj = {label:data[i][j].name + ' '+data[i][j].numberAuthors,id:data[i][j].id,name: data[i][j].name,nrKids:data[i][j].nrKids, idParent:data[i][j].idParent,children:[{label:'Loading',name:'Loading',idParent:data[i][j].id,id:2}]};\r\n var isThere = false;\r\n for (var v = 0; v < elementsArray.length; v++) {\r\n if (elementsArray[v].id === obj.id ) {\r\n isThere = true;\r\n }\r\n if (v === elementsArray.length-1 && isThere === false) {\r\n elementsArray.push(obj);\r\n }\r\n }\r\n } else {\r\n var obj = {label:data[i][j].name + ' '+data[i][j].numberAuthors,id:data[i][j].id,name: data[i][j].name,nrKids:data[i][j].nrKids, idParent:data[i][j].idParent};\r\n var isThere = false;\r\n for (var v = 0; v < elementsArray.length; v++) {\r\n if (elementsArray[v].id === obj.id ) {\r\n isThere = true;\r\n }\r\n if (v === elementsArray.length-1 && isThere === false) {\r\n elementsArray.push(obj);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n var expandedElements = [];\r\n var selectedElements = [];\r\n for (var j = 0; j < expandedIds.length; j++) {\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n if (elementsArray[i].id === expandedIds[j]) {\r\n elementsArray[i].expanded = true;\r\n expandedElements.push(elementsArray[i]);\r\n }\r\n }\r\n }\r\n\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n for (var v = 0; v < checkedId.length; v++) {\r\n if (elementsArray[i].id === checkedId[v]) {\r\n elementsArray[i].checked = true;\r\n selectedElements.push(elementsArray[i]);\r\n }\r\n }\r\n }\r\n\r\n this.setState({expandedElements: expandedElements});\r\n this.setState({selectedElements: selectedElements});\r\n\r\n function compareByLabel(vector) {\r\n return (a, b) => {\r\n const bid = a.get('label').toLowerCase();\r\n const aid = b.get('label').toLowerCase();\r\n if (aid > bid) {\r\n return vector ? 1 : -1;\r\n } else if (aid < bid) {\r\n return vector ? -1 : 1;\r\n } else {\r\n return 0\r\n }\r\n };\r\n }\r\n const promises = checkedId.map(item => {\r\n const countriesGetAuthorsUrl = `${process.env.REACT_APP_URL_SITE}api/History/CountryAction/${self.state.uuid}/${item}/1`;\r\n return axios.get(countriesGetAuthorsUrl);\r\n });\r\n\r\n promises.reduce((promiseChain, currentTask) => {\r\n return promiseChain.then(chainResults =>\r\n currentTask.then(currentResult =>\r\n [ ...chainResults, currentResult ]\r\n )\r\n );\r\n}, Promise.resolve([])).then(arrayOfResults => {\r\n // Do something with all results\r\n self.props.sendAuthors(page);\r\n});\r\n\r\n var ltt = new LTT(elementsArray, {key_id:'id',key_parent:'idParent',key_child:'children',empty_children:true});\r\n ltt.sort(compareByLabel(false));\r\n var tree = ltt.GetTree();\r\n self.setState({data:tree});\r\n\r\n\r\n self.setState({elementsArray:elementsArray});\r\n self.forceUpdate();\r\n\r\n })).catch(errors => {\r\n console.log(errors);\r\n })\r\n\r\n })).catch(errors => {\r\n console.log(errors);\r\n })\r\n } else {\r\n if (this.state.elementsArray.length !== 0) {\r\n var elementsArray = this.state.elementsArray;\r\n\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n elementsArray[i].checked = false;\r\n if (i === elementsArray.length-1) {\r\n this.setState({elementsArray: elementsArray})\r\n }\r\n };\r\n\r\n function compareByLabel(vector) {\r\n return (a, b) => {\r\n const bid = a.get('label').toLowerCase();\r\n const aid = b.get('label').toLowerCase();\r\n if (aid > bid) {\r\n return vector ? 1 : -1;\r\n } else if (aid < bid) {\r\n return vector ? -1 : 1;\r\n } else {\r\n return 0\r\n }\r\n };\r\n }\r\n var ltt = new LTT(elementsArray, {key_id:'id',key_parent:'idParent',key_child:'children',empty_children:true});\r\n\r\n ltt.sort(compareByLabel(false));\r\n var tree = ltt.GetTree();\r\n\r\n this.setState({data:tree});\r\n this.setState({elementsArray:elementsArray});\r\n this.forceUpdate();\r\n }\r\n }\r\n }\r\n\r\n firstLoadElements() {\r\n // this.loadLink();\r\n this.componentWillReceiveProps(this.props);\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({query: this.props.queryObj.history.location.search});\r\n }\r\n\r\n componentWillReceiveProps = (nextProps) => {\r\n if(!isEqual(nextProps.data, this.state.data)) {\r\n this.setState({ data: nextProps.data });\r\n }\r\n\r\n\r\nif (nextProps.queryObj.history.location.search !== this.state.query) {\r\n this.setState({query: nextProps.queryObj.history.location.search});\r\n // this.componentWillMount();\r\n}\r\n\r\n var array = this.state.data;\r\n var newArray = [];\r\n\r\n if (array.length > 0) {\r\n if (array[0].label !== 'Loading' && this.state.elementsArray.length === 0 ) {\r\n for (var i = 0; i < array[0].children.length; i++) {\r\n newArray.push(array[0].children[i]);\r\n }\r\n array[0].children = [{label:'Loading',idParent:array[0].id,id:1}];\r\n newArray.push(array[0]);\r\n\r\n function compareByLabel(vector) {\r\n return (a, b) => {\r\n const bid = a.get('label');\r\n const aid = b.get('label');\r\n if (aid > bid) {\r\n return vector ? 1 : -1;\r\n } else if (aid < bid) {\r\n return vector ? -1 : 1;\r\n } else {\r\n return 0\r\n }\r\n };\r\n }\r\n\r\n var ltt = new LTT(newArray, {key_id:'id',key_parent:'idParent',key_child:'children',empty_children:true});\r\n\r\n ltt.sort(compareByLabel(false));\r\n var tree = ltt.GetTree();\r\n this.setState({elementsArray:newArray});\r\n\r\n this.setState({ data: tree });\r\n this.loadLink();\r\n }\r\n }\r\n }\r\n\r\n\r\n shouldComponentUpdate = (nextProps) => {\r\n return !isEqual(nextProps.data, this.state.data)\r\n }\r\n\r\n onChange (currentNode, selectedNodes) {\r\n this.props.onLoading();\r\n var elementsArray = this.state.elementsArray;\r\n var selectedElements = this.state.selectedElements;\r\n var newArray = selectedNodes.slice();\r\n for (var i = 0; i < newArray.length; i++) {\r\n if (newArray[i].label == 'Loading') {\r\n newArray.splice(i,1);\r\n }\r\n }\r\n selectedElements = newArray;\r\n var self = this;\r\n var removingItem = false;\r\n if (currentNode.checked === false) {\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/History/CountryAction/${self.state.uuid}/${currentNode.id}/-1`)\r\n .then(response => {\r\n // self.props.refresh(self.state.uuid);\r\n });\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n if (elementsArray[i].id == currentNode.id) {\r\n elementsArray[i].checked = false;\r\n }\r\n }\r\n removingItem = true;\r\n }\r\n if (selectedNodes.length > 0 && removingItem === false) {\r\n var addArray = [];\r\n addArray.push(currentNode);\r\n const promises = addArray.map(item => {\r\n const countryGetAuthorsUrl = `${process.env.REACT_APP_URL_SITE}api/History/CountryAction/${self.state.uuid}/${item.id}/1`\r\n return axios.get(countryGetAuthorsUrl)\r\n });\r\n Promise.all(promises).then(results => console.log(results)).then(function(){\r\n self.props.sendAuthors(1,'topics');\r\n });\r\n } else {\r\n this.props.sendAuthors(1,'topics');\r\n }\r\n\r\n this.setState({elementsArray: elementsArray});\r\n this.setState({selectedElements: selectedElements});\r\n\r\n var selectedIds = [];\r\n for (var i = 0; i < selectedElements.length; i++) {\r\n if (selectedElements[i].id !== 3) {\r\n selectedIds.push(selectedElements[i].id);\r\n }\r\n }\r\n const parsed = queryString.parse(this.props.queryObj.history.location.search, {arrayFormat: 'comma'});\r\n parsed.countries = selectedIds;\r\n var searchStr = queryString.stringify(parsed, {arrayFormat: 'comma'});\r\n this.props.queryObj.history.push(this.props.queryObj.history.location.pathname+'?'+searchStr)\r\n\r\n }\r\n\r\n onNodeToggle(currentNode) {\r\n var self = this;\r\n if (currentNode.expanded === true && currentNode.id !== 42613 ) {\r\n var newExpandedElements = this.state.expandedElements;\r\n newExpandedElements.push(currentNode);\r\n\r\n this.setState({expandedElements:newExpandedElements});\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/getcountry/${self.state.uuid}/`+currentNode.id)\r\n .then(response => {\r\n var data = response.data;\r\n var elementsArray = self.state.elementsArray;\r\n var selectedElements = this.state.selectedElements;\r\n self.setState({depth:1});\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i].nrKids !== 0) {\r\n var obj = {label:data[i].name + ' '+data[i].numberAuthors,id:data[i].id,name: data[i].name,nrKids:data[i].nrKids, idParent:data[i].idParent,children:[{label:'Loading',name:'Loading',idParent:data[i].id,id:2}]};\r\n var isThere = false;\r\n for (var j = 0; j < elementsArray.length; j++) {\r\n if (elementsArray[j].id === obj.id ) {\r\n isThere = true;\r\n }\r\n if (j === elementsArray.length-1 && isThere === false) {\r\n elementsArray.push(obj);\r\n }\r\n }\r\n } else {\r\n var obj = { label:data[i].name + ' '+ data[i].numberAuthors,id:data[i].id,name: data[i].name, nrKids:data[i].nrKids, idParent:data[i].idParent};\r\n var isThere = false;\r\n for (var j = 0; j < elementsArray.length; j++) {\r\n if (elementsArray[j].id === obj.id ) {\r\n isThere = true;\r\n }\r\n if (j === elementsArray.length-1 && isThere === false) {\r\n elementsArray.push(obj);\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n if (elementsArray[i].id === currentNode.id && currentNode.expanded === true) {\r\n elementsArray[i].expanded = true;\r\n }\r\n\r\n\r\n for (var j = 0; j < selectedElements.length; j++) {\r\n if (elementsArray[i].id === selectedElements[j].id) {\r\n elementsArray[i].checked = true;\r\n }\r\n }\r\n }\r\n\r\n function compareByLabel(vector) {\r\n return (a, b) => {\r\n const bid = a.get('label').toLowerCase();\r\n const aid = b.get('label').toLowerCase();\r\n if (aid > bid) {\r\n return vector ? 1 : -1;\r\n } else if (aid < bid) {\r\n return vector ? -1 : 1;\r\n } else {\r\n return 0\r\n }\r\n };\r\n }\r\n\r\n if (this.state.counter!==0) {\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n if (elementsArray[i].nrKids !== 0) {\r\n elementsArray[i].children = [{id:3,name:'Loading'}];\r\n } else {\r\n elementsArray[i].children = [];\r\n }\r\n }\r\n }\r\n this.setState({counter:1});\r\n var ltt = new LTT(elementsArray, {key_id:'id',key_parent:'idParent',key_child:'children',empty_children:true});\r\n\r\n ltt.sort(compareByLabel(false));\r\n var tree = ltt.GetTree();\r\n\r\n const uniqueNames = Array.from(new Set(elementsArray));\r\n self.setState({elementsArray:elementsArray});\r\n self.setState({data:tree});\r\n self.forceUpdate();\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n } else if (currentNode.id !== 42613) {\r\n var elementsArray = this.state.elementsArray;\r\n var expandedElements = this.state.expandedElements;\r\n var obj = this.state.data;\r\n var id = currentNode.id;\r\n\r\n function uniq(a) {\r\n return a.sort().filter(function(item, pos, ary) {\r\n return !pos || item != ary[pos - 1];\r\n })\r\n }\r\n\r\n var childrenIds = [];\r\n var scrubbed = traverse(obj).map(function (x) {\r\n if (x.id === id) {\r\n traverse(x).map(function(z){\r\n if (typeof this.node.id === 'number' && this.node.id !== 2 && this.node.id !== 1 && this.node.id !== 3) {\r\n childrenIds.push(this.node.id);\r\n }\r\n })\r\n }\r\n });\r\n childrenIds = uniq(childrenIds);\r\n\r\n for (var i = 0; i < elementsArray.length; i++) {\r\n for (var j = 0; j < childrenIds.length; j++) {\r\n if (elementsArray[i].id === childrenIds[j]) {\r\n elementsArray[i].expanded = false;\r\n }\r\n }\r\n }\r\n\r\n for (var i = 0; i < expandedElements.length; i++) {\r\n for (var j = 0; j < childrenIds.length; j++) {\r\n if (typeof expandedElements[i] !== 'undefined' ) {\r\n if (expandedElements[i].id === childrenIds[j]) {\r\n expandedElements.splice(i,1);\r\n }\r\n }\r\n }\r\n }\r\n\r\n this.setState({expandedElements: expandedElements});\r\n this.setState({elementsArray: elementsArray});\r\n\r\n\r\n function compareByLabel(vector) {\r\n return (a, b) => {\r\n const bid = a.get('label').toLowerCase();\r\n const aid = b.get('label').toLowerCase();\r\n if (aid > bid) {\r\n return vector ? 1 : -1;\r\n } else if (aid < bid) {\r\n return vector ? -1 : 1;\r\n } else {\r\n return 0\r\n }\r\n };\r\n }\r\n\r\n var ltt = new LTT(elementsArray, {key_id:'id',key_parent:'idParent',key_child:'children',empty_children:true});\r\n\r\n ltt.sort(compareByLabel(false));\r\n var tree = ltt.GetTree();\r\n this.setState({data:tree})\r\n }\r\n\r\n }\r\n\r\n onFocus(){\r\n this.setState({expanded: 'closed'});\r\n }\r\n onBlur() {\r\n this.setState({expanded: 'always'});\r\n }\r\n searchPredicate(node, searchTerm) {\r\n /*\r\n var x = {children: undefined, label: \"Disco 2212\", id: 42614, name: \"Disco\", idParent: 42613, _isMatch: true }\r\n console.log(searchTerm);\r\n console.log(this.onNodeToggle);\r\n console.log(node.label && node.label.toLowerCase().indexOf(searchTerm) >= 0)\r\n if (node.label && node.label.toLowerCase().indexOf(searchTerm) >= 0) {\r\n console.log(this.onNodeToggle);\r\n node.expanded = true;\r\n this.onNodeToggle(node);\r\n return node.label && node.label.toLowerCase().indexOf(searchTerm) >= 0;\r\n }\r\n*/\r\n// return node.customData && node.customData.toLower().indexOf(searchTerm) >= 0\r\n}\r\n render() {\r\n const { data, ...rest } = this.props\r\n return (\r\n\r\n \r\n
\r\n\r\n );\r\n };\r\n};\r\n\r\nexport default sideBarCommunityPage;\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\n\r\n\r\nexport default class ReaderCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0 };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n }\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n}\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n }\r\n\r\n render() {\r\n const data = '{\"name\":\"Ignat Andrei\",\"totalRanking\":0, \"country\":\"Romania\", \"countryAbbreviation\":\"RO\", \"city\":\"Bucharest\",\"sector\":\"Sector 5\",\"compatibility\":\"12%\",\"read\":0,\"readWorldRanking\":1234,\"readNationalRanking\":1234,\"readRegionRanking\":1234,\"readCoutyRanking\":1234,\"readCityRanking\":1234,\"collected\":0,\"collectedWorldRanking\":1234,\"collectedNationalRanking\":1234,\"collectedRegionRanking\":1234,\"collectedCoutyRanking\":1234,\"collectedCityRanking\":1234,\"reviewed\":0,\"reviewedWorldRanking\":1234,\"reviewedNationalRanking\":1234,\"reviewedRegionRanking\":1234,\"reviewedCoutyRanking\":1234,\"reviewedCityRanking\":1234,\"wishlisted\":0,\"wishlistedWorldRanking\":1234,\"wishlistedNationalRanking\":1234,\"wishlistedRegionRanking\":1234,\"wishlistedCoutyRanking\":1234,\"wishlistedCityRanking\":1234,\"followed\":0,\"followedWorldRanking\":1234,\"followedNationalRanking\":1234,\"followedRegionRanking\":1234,\"followedCoutyRanking\":1234,\"followedCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"profileImg\":\"http://localhost:3000/12.png\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n \r\n
\r\n \r\n Community statistics\r\n
\r\n {\r\n this.props.navigate('/'+label); // user defined prop\r\n this.hideFilters(label);\r\n this.setState({activeKey: key});\r\n }}>\r\n {({ search, items }) => (\r\n \r\n
\r\n \r\n
- \r\n {items.map(({key, ...props}) => (\r\n
\r\n
\r\n \r\n Filters\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n Authors filters\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n\r\n Author's period\r\n \r\n\r\n\r\n From \r\n\r\n\r\n this.setPeriodFrom(event.target.value)}/>\r\n\r\n To \r\n\r\n this.setPeriodTo(event.target.value)}/>\r\n\r\n\r\n Results: \r\n this.filterPeriod(event)}>filter\r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n Publishers filters\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n\r\n\r\n From \r\n\r\n\r\n this.setPublisherYearFrom(event.target.value)}/>\r\n\r\n To \r\n\r\n this.setPublisherYearTo(event.target.value)}/>\r\n\r\n\r\n Results: \r\n this.filterPublisher(event)}>filter\r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n Illustrators filters\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n\r\n\r\n From \r\n\r\n\r\n this.setIllustratorYearFrom(event.target.value)}/>\r\n\r\n To \r\n\r\n this.setIllustratorYearTo(event.target.value)}/>\r\n\r\n\r\n Results: \r\n this.filterIllustrator(event)}>filter\r\n\r\n\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n Users filters\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Age\r\n \r\n\r\n\r\n From \r\n\r\n\r\n this.setAgeFrom(event.target.value)}/>\r\n\r\n To \r\n\r\n this.setAgeTo(event.target.value)}/>\r\n\r\n\r\n Results: \r\n this.filterAge(event)}>Age filter\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport $ from 'jquery';\r\nimport Flag from \"react-flagkit\";\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\n\r\nexport default class ReaderCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0,\r\n possibleClasses: ['Readers','Collectors','Reviewers','Related-articles','Books-on-sale','Books-in-libraries','Wish-list','Books-on-auction','Followers','Total']\r\n };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n this.activateMenuItem = this.activateMenuItem.bind(this);\r\n this.openCollapsible = this.openCollapsible.bind(this);\r\n this.convertClass = this.convertClass.bind(this);\r\n }\r\n\r\n convertClass(name){\r\n if (typeof name !== \"undefined\") {\r\n return name.split(' ').join('-');\r\n }\r\n }\r\n\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n }\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n changeClass(selectedClass,type){\r\n if (type === \"Related articles\") {\r\n type = \"Related\";\r\n }\r\n if (type === \"Readers with wishlist\" || type === \"Wish list\") {\r\n type = \"Wishlist\";\r\n }\r\n if (type === \"Books on sale\") {\r\n type = \"on-sale\";\r\n }\r\n if (type === \"Books on auction\") {\r\n type = \"on-auction\";\r\n }\r\n if (type === \"Books in libraries\") {\r\n type = \"on-libraries\";\r\n }\r\n this.setState({lastType: type});\r\n document.querySelector(selectedClass).classList.remove(this.state.lastType);\r\n document.querySelector(selectedClass).classList.add(type);\r\n this.openEditionCollapsible(selectedClass);\r\n }\r\n\r\n activateMenuItem(type,section,number,e){\r\n if (type=== \"Total\") {\r\n this.props.activateMenuItem(\"Total ranking\");\r\n }else {\r\n this.props.activateMenuItem(type);\r\n }\r\n\r\n if (typeof e !== \"undefined\" && number === 0) {\r\n var currentTarget = e.currentTarget.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n console.log(currentTarget.classList[currentTarget.classList.length-1]);\r\n this.openCollapsible('.'+ currentTarget.classList[currentTarget.classList.length-1] +' .'+section+\" .\"+type,'.'+section+' ');\r\n } else if(typeof e !== \"undefined\" && number > 0 && number < 2){\r\n var currentTarget = e.currentTarget.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n var currentTarget2 = e.currentTarget.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n this.openCollapsible('.'+ currentTarget2.classList[currentTarget2.classList.length-1] +' .'+ currentTarget.classList[currentTarget.classList.length-1] +' .'+section+\" .\"+type,'.'+section+' ');\r\n } else if(typeof e !== \"undefined\" && number > 1 && number < 3){\r\n var classValue = $(e.currentTarget).find(\".see-all\")[0].classList.value;;\r\n if (classValue.includes('active')) {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.remove('active');\r\n } else {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.add('active');\r\n }\r\n var currentTarget = $(e.currentTarget).find(\".see-all\")[0].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n this.openCollapsible('.'+ currentTarget.classList[currentTarget.classList.length-1] +' .'+section+\" .\"+type,'.'+section+' ');\r\n } else if(typeof e !== \"undefined\" && number > 2 && number < 4){\r\n var classValue = $(e.currentTarget).find(\".see-all\")[0].classList.value;\r\n if (classValue.includes('active')) {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.remove('active');\r\n } else {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.add('active');\r\n }\r\n var currentTarget = $(e.currentTarget).find(\".see-all\")[0].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n var currentTarget2 = $(e.currentTarget).find(\".see-all\")[0].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;\r\n this.openCollapsible('.'+ currentTarget2.classList[currentTarget2.classList.length-1] +' .'+ currentTarget.classList[currentTarget.classList.length-1] +' .'+section+\" .\"+type,'.'+section+' ');\r\n } else if(typeof e !== \"undefined\" && number > 3 && number < 5){\r\n var classValue = $(e.currentTarget).find(\".see-all\")[0].classList.value;\r\n if (classValue.includes('active')) {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.remove('active');\r\n } else {\r\n $(e.currentTarget).find(\".see-all\")[0].classList.add('active');\r\n }\r\n this.openCollapsible('.'+section+\" .\"+type,'.'+section+' ');\r\n} else {\r\n this.openCollapsible('.'+section+\" .\"+type,'.'+section+' ');\r\n }\r\n }\r\n\r\n openCollapsible(selectedClass,level){\r\n\r\n console.log(selectedClass);\r\n console.log(level);\r\n if (selectedClass.split(\".\").length-1>1) {\r\n\r\n var possibleClasses = this.state.possibleClasses;\r\n var foundIndex = null;\r\n for (var i = 0; i < possibleClasses.length; i++) {\r\n if (selectedClass.indexOf(possibleClasses[i]) !== -1) {\r\n foundIndex = i;\r\n console.log(foundIndex);\r\n }\r\n }\r\n for (var i = 0; i < possibleClasses.length; i++) {\r\n if (foundIndex === i) {\r\n var classList = document.querySelector(selectedClass).classList;\r\n var isHidden = false;\r\n for (var j = 0; j < classList.length; j++) {\r\n if (classList[j]===\"hide\") {\r\n isHidden = true;\r\n }\r\n }\r\n if (isHidden) {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n\r\n document.querySelector(selectedClass).classList.remove(\"hide\");\r\n console.log(elem);\r\n M.Collapsible.getInstance(elem).open(0);\r\n })();\r\n } else {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n var instance = M.Collapsible.getInstance(elem);\r\n instance.close(0)\r\n setTimeout(function(){\r\n document.querySelector(selectedClass).classList.add(\"hide\");\r\n }, 300);\r\n })();\r\n }\r\n } else {\r\n console.log(level + '.'+possibleClasses[i])\r\n if (document.querySelector(level + '.'+possibleClasses[i]) !== null) {\r\n var classList = document.querySelector(level + '.'+possibleClasses[i]).classList;\r\n console.log(classList);\r\n var isHidden = false;\r\n for (var j = 0; j < classList.length; j++) {\r\n if (classList[j]===\"hide\") {\r\n isHidden = true;\r\n }\r\n }\r\n if (isHidden) {\r\n\r\n } else {\r\n if (typeof possibleClasses[i] !== \"undefined\") {\r\n (function(i){\r\n var elem = document.querySelector(level + '.'+possibleClasses[i]);\r\n console.log(elem)\r\n var instance = M.Collapsible.getInstance(elem);\r\n console.log(instance)\r\n instance.close(0)\r\n setTimeout(function(){\r\n document.querySelector(level + '.'+possibleClasses[i]).classList.add(\"hide\");\r\n }, 300);\r\n })(i);\r\n }\r\n\r\n }\r\n}\r\n }\r\n }\r\n } else {\r\n var classList = document.querySelector(selectedClass).classList;\r\n var isHidden = false;\r\n for (var i = 0; i < classList.length; i++) {\r\n if (classList[i]===\"hide\") {\r\n isHidden = true;\r\n }\r\n }\r\n if (isHidden) {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n var instance = M.Collapsible.getInstance(elem);\r\n document.querySelector(selectedClass).classList.remove(\"hide\");\r\n instance.open(0);\r\n })();\r\n } else {\r\n (function(){\r\n var elem = document.querySelector(selectedClass);\r\n var instance = M.Collapsible.getInstance(elem);\r\n instance.close(0)\r\n setTimeout(function(){\r\n document.querySelector(selectedClass).classList.add(\"hide\");\r\n }, 300);\r\n })();\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var colaps = document.querySelectorAll('.collapsible');\r\n var insta = M.Collapsible.init(colaps);\r\n });\r\n }\r\n\r\n render() {\r\n const data = '{\"country\":\"United States\",\"id\":0,\"countryAbbreviation\":\"US\",\"totalRanking\":0,\"readers\":0,\"readersWorldRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"worldRanking\":1234,\"children\":[{\"country\":\"United States\", \"countryAbbreviation\":\"US\", \"id\":1, \"totalRanking\":0, \"region\":\"Ilinois\", \"readers\":0, \"readersWorldRanking\":1234, \"readersNationalRanking\":1234, \"reviewers\":0, \"reviewersWorldRanking\":1234, \"reviewersNationalRanking\":1234, \"followers\":0, \"followersWorldRanking\":1234, \"followersNationalRanking\":1234, \"collectors\":0, \"collectorsWorldRanking\":1234, \"collectorsNationalRanking\":1234, \"editions\":0, \"editionsWorldRanking\":1234, \"editionsNationalRanking\":1234, \"relatedArticles\":0, \"relatedArticlesWorldRanking\":1234, \"relatedArticlesNationalRanking\":1234, \"booksOnSale\":0, \"booksOnSaleWorldRanking\":1234, \"booksOnSaleNationalRanking\":1234, \"booksInLibraries\":0, \"booksInLibrariesWorldRanking\":1234, \"booksInLibrariesNationalRanking\":1234, \"wishList\":0, \"wishListWorldRanking\":1234, \"wishListNationalRanking\":1234, \"booksOnAuction\":0, \"booksOnAuctionWorldRanking\":1234, \"booksOnAuctionNationalRanking\":1234, \"worldRanking\":1234, \"nationalRanking\":1234, \"children\": [{\"country\":\"United States\",\"county\":\"Cook County\",\"totalRanking\":0,\"id\":2,\"countryAbbreviation\":\"US\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"worldRanking\":1234,\"regionRanking\":1234,\"nationalRanking\":1234,\"children\": [{\"city\":\"Chicago\",\"totalRanking\":0,\"readers\":0,\"id\":3,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCountyRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCountyRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCountyRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCountyRanking\":1234,\"editions\":0,\"editionsWorldRanking\":1234,\"editionsNationalRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCountyRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCountyRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCountyRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"wishListCountyRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCountyRanking\":1234,\"children\":[],\"worldRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"nationalRanking\":1234}]}]}]}';\r\n\r\n var myData = JSON.parse(data);\r\n\r\n return (\r\n\r\n {this.props.index}
\r\n \r\n 
\r\n
\r\n {myData.name}
\r\n{myData.country} {myData.city} {myData.sector}
\r\nCultural Compatibility: {myData.compatibility}
\r\n\r\n
\r\n
\r\n \r\n
\r\n Read{myData.read}{myData.readWorldRanking} {myData.readNationalRanking}\r\n {typeof myData.readRegionRanking !== \"undefined\" &&\r\n {myData.readRegionRanking}\r\n }\r\n {typeof myData.readCoutyRanking !== \"undefined\" &&\r\n {myData.readCoutyRanking}\r\n }\r\n {typeof myData.readCityRanking !== \"undefined\" &&\r\n {myData.readCityRanking}\r\n }\r\n
\r\n Collected{myData.collected}{myData.collectedWorldRanking} {myData.collectedNationalRanking}\r\n {typeof myData.collectedRegionRanking !== \"undefined\" &&\r\n {myData.collectedRegionRanking}\r\n }\r\n {typeof myData.collectedCoutyRanking !== \"undefined\" &&\r\n {myData.collectedCoutyRanking}\r\n }\r\n {typeof myData.collectedCityRanking !== \"undefined\" &&\r\n {myData.collectedCityRanking}\r\n }\r\n
\r\n Reviewed{myData.reviewed} {myData.reviewedWorldRanking} {myData.reviewedNationalRanking}\r\n {typeof myData.reviewedRegionRanking !== \"undefined\" &&\r\n {myData.reviewedRegionRanking}\r\n }\r\n {typeof myData.reviewedCoutyRanking !== \"undefined\" &&\r\n {myData.reviewedCoutyRanking}\r\n }\r\n {typeof myData.reviewedCityRanking !== \"undefined\" &&\r\n {myData.reviewedCityRanking}\r\n }\r\n
\r\n Wishlisted{myData.wishlisted}{myData.wishlistedWorldRanking} {myData.wishlistedNationalRanking}\r\n {typeof myData.wishlistedRegionRanking !== \"undefined\" &&\r\n {myData.wishlistedRegionRanking}\r\n }\r\n {typeof myData.wishlistedCoutyRanking !== \"undefined\" &&\r\n {myData.wishlistedCoutyRanking}\r\n }\r\n {typeof myData.wishlistedCityRanking !== \"undefined\" &&\r\n {myData.wishlistedCityRanking}\r\n }\r\n
\r\n Followed{myData.followed} {myData.followedWorldRanking} {myData.followedNationalRanking}\r\n {typeof myData.followedRegionRanking !== \"undefined\" &&\r\n {myData.followedRegionRanking}\r\n }\r\n {typeof myData.followedCoutyRanking !== \"undefined\" &&\r\n {myData.followedCoutyRanking}\r\n }\r\n {typeof myData.followedCityRanking !== \"undefined\" &&\r\n {myData.followedCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\n Region: {myData.regionRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\n City: {myData.cityRanking}
\r\n }\r\n \r\n {this.activateMenuItem('Total',this.convertClass(myData.country),4,e)}} className=\"pointer\" >\r\n
\r\n\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\nimport Slider from \"react-slick\";\r\nimport Rating from \"react-rating\";\r\nimport Magnifier from \"react-magnifier\";\r\n\r\nexport default class BookCommunityCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, titleName: 'War and peace', description: '',period: null, movements:[], countries: '', movementsLength: 0,nav1: null,\r\n nav2: null , lastType: 'v'};\r\n\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({\r\nnav1: this.slider1,\r\nnav2: this.slider2\r\n});\r\n }\r\n\r\n\r\n\r\n render() {\r\n const data = '{\"title\":\"Razboi si pace\",\"country\":\"Romania\",\"publisher\":\"Biblioteca pentru toti\",\"author\":\"Leo Tolstoy\",\"publisherYear\":1975,\"language\":\"Romanian\",\"county\":\"Bucharest\",\"city\":\"Bucharest\",\"countryAbbreviation\":\"RO\",\"totalRanking\": 0,\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCountyRanking\":1234,\"readersCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCountyRanking\":1234,\"reviewersCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCountyRanking\":1234,\"followersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCountyRanking\":1234,\"collectorsCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCountyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCountyRanking\":1234,\"booksOnSaleCityRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCountyRanking\":1234,\"booksInLibrariesCityRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"wishListCountyRanking\":1234,\"wishListCityRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCountyRanking\":1234,\"booksOnAuctionCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"children\":[],\"images\":[\"http://localhost:3000/1.jpg\",\"http://localhost:3000/2.jpg\",\"http://localhost:3000/3.jpg\"]}';\r\n var myData = JSON.parse(data);\r\n\r\n return (\r\n {this.props.index}
\r\n {myData.country ||
\r\n
\r\n \r\n
\r\n {myData.children.length > 0 &&\r\n
\r\n
\r\n\r\n \r\n
\r\n Readers{myData.readers} {myData.readersWorldRanking}
\r\n Collectors{myData.collectors} {myData.collectorsWorldRanking}
\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}
\r\n Related articles{myData.relatedArticles}{myData.relatedArticlesWorldRanking}
\r\n \r\n {myData.children.length > 0 &&\r\n
- \r\n
- \r\n \r\n\r\n
- \r\n {myData.children.map((item, index) => (\r\n
- \r\n {index+1}{item.city}\r\n\r\n\r\n\r\n\r\n\r\n\r\nReaders{item.readers}{item.readersWorldRanking} {item.readersNationalRanking}\r\nCollectors{item.collectors} {item.collectorsWorldRanking} {item.collectorsNationalRanking}\r\nReviewers{item.reviewers} {item.reviewersWorldRanking} {item.reviewersNationalRanking}\r\nRelated articles{item.relatedArticles}{item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n\r\nBooks on sale{item.booksOnSale}{item.booksOnSaleWorldRanking} {item.booksOnSaleNationalRanking}\r\nBooks in libraries{item.booksInLibraries}{item.booksInLibrariesWorldRanking} {item.booksInLibrariesNationalRanking}\r\nWish list{item.wishList} {item.booksOnSaleWorldRanking} {item.wishListNationalRanking}\r\nBooks on auction{item.booksOnAuction} {item.booksOnAuctionWorldRanking} {item.booksOnAuctionNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nRelated articles{item.relatedArticles} {item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n\r\nTotal: {item.totalRanking}\r\nWorld: {item.worldRanking}\r\n{myData.country}: {item.nationalRanking}\r\n \r\n - \r\n {this.activateMenuItem('Total',this.convertClass(item.county),3,e)}} >{index+1}\r\n
{item.country} {item.county}See all cities\r\n\r\n\r\n\r\n\r\nReaders{item.readers} {item.readersWorldRanking} {item.readersNationalRanking}\r\nCollectors{item.collectors} {item.collectorsWorldRanking} {item.collectorsNationalRanking}\r\nReviewers{item.reviewers} {item.reviewersWorldRanking} {item.reviewersNationalRanking}\r\nRelated articles{item.relatedArticles}{item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n {item.children.length > 0 &&\r\n \r\n- \r\n
- \r\n \r\n\r\n
- \r\n {item.children.map((children, index) => (\r\n
- \r\n {index+1} {children.city}\r\n\r\n\r\n\r\n\r\n\r\n\r\nReaders{children.readers}{children.readersWorldRanking} {children.readersNationalRanking}{children.readersCountyRanking}\r\nCollectors{children.collectors} {children.collectorsWorldRanking} {children.collectorsNationalRanking}{children.collectorsCountyRanking}\r\nReviewers{children.reviewers} {children.reviewersWorldRanking} {children.reviewersNationalRanking} {children.reviewersCountyRanking}\r\nRelated articles{children.relatedArticles} {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}{children.relatedArticlesCountyRanking}\r\n
\r\n\r\n\r\nBooks on sale{children.booksOnSale}{children.booksOnSaleWorldRanking} {children.booksOnSaleNationalRanking}{children.booksOnSaleCountyRanking}\r\nBooks in libraries{children.booksInLibraries}{children.booksInLibrariesWorldRanking} {children.booksInLibrariesNationalRanking}{children.booksInLibrariesCountyRanking}\r\nWish list{children.wishList}{children.booksOnSaleWorldRanking} {children.wishListNationalRanking}{children.wishListCountyRanking}\r\nBooks on auction{children.booksOnAuction} {children.booksOnAuctionWorldRanking} {children.booksOnAuctionNationalRanking}{children.booksOnAuctionCountyRanking}\r\nFollowers{children.followers} {children.followersWorldRanking} {children.followersNationalRanking}{children.followersCountyRanking}\r\nFollowers{children.followers} {children.followersWorldRanking} {children.followersNationalRanking}{children.followersCountyRanking}\r\nRelated articles{children.relatedArticles} {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}{children.relatedArticlesCountyRanking}\r\n
\r\n\r\n\r\nTotal: {children.totalRanking}\r\nWorld: {children.worldRanking}\r\n{item.country}: {children.nationalRanking}\r\n{item.county}: {children.countyRanking}\r\n \r\n ))}\r\n
\r\n - \r\n
\r\n\r\nBooks on sale{item.booksOnSale} {item.booksOnSaleWorldRanking} {item.booksOnSaleNationalRanking}\r\nBooks in libraries{item.booksInLibraries}{item.booksInLibrariesWorldRanking} {item.booksInLibrariesNationalRanking}\r\nWish list{item.wishList} {item.booksOnSaleWorldRanking} {item.wishListNationalRanking}\r\nBooks on auction{item.booksOnAuction} {item.booksOnAuctionWorldRanking} {item.booksOnAuctionNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nRelated articles{item.relatedArticles} {item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n\r\nTotal: {item.totalRanking}\r\nWorld: {item.worldRanking}\r\n{item.country}: {item.nationalRanking}\r\n \r\n - \r\n
- \r\n {this.activateMenuItem('Total',this.convertClass(item.region),2,e)}} className=\"row text-centered\" >{index+1}\r\n
{item.country} {item.region}See all counties\r\n\r\n\r\n\r\n\r\nReaders{item.readers}{item.readersWorldRanking} {item.readersNationalRanking}\r\nCollectors{item.collectors} {item.collectorsWorldRanking} {item.collectorsNationalRanking}\r\nReviewers{item.reviewers} {item.reviewersWorldRanking} {item.reviewersNationalRanking}\r\nRelated articles{item.relatedArticles}{item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n {item.children.length > 0 &&\r\n \r\n- \r\n
- \r\n \r\n\r\n
- \r\n {item.children.map((obj, index) => (\r\n
- \r\n {this.activateMenuItem('Total',this.convertClass(obj.county),3,e)}} className=\"row text-centered\">{index+1}\r\n
{obj.country} {obj.county}See all cities\r\n\r\n\r\n\r\n\r\nReaders{obj.readers}{obj.readersWorldRanking} {obj.readersNationalRanking}{obj.readersRegionRanking}\r\nCollectors{obj.collectors} {obj.collectorsWorldRanking} {obj.collectorsNationalRanking}{obj.collectorsRegionRanking}\r\nReviewers{obj.reviewers} {obj.reviewersWorldRanking} {obj.reviewersNationalRanking}{obj.reviewersRegionRanking}\r\nRelated articles{obj.relatedArticles}{obj.relatedArticlesWorldRanking} {obj.relatedArticlesNationalRanking}{obj.relatedArticlesRegionRanking}\r\n
\r\n {obj.children.length > 0 &&\r\n \r\n- \r\n
- \r\n \r\n\r\n
- \r\n {obj.children.map((children, index) => (\r\n
- \r\n {index+1} {children.city}\r\n\r\n\r\n\r\n\r\n\r\n\r\nReaders{children.readers}{children.readersWorldRanking} {children.readersNationalRanking}{children.readersRegionRanking}{children.readersCountyRanking}\r\nCollectors{children.collectors} {children.collectorsWorldRanking} {children.collectorsNationalRanking}{children.collectorsRegionRanking}{children.collectorsCountyRanking}\r\nReviewers{children.reviewers} {children.reviewersWorldRanking} {children.reviewersNationalRanking}{children.reviewersRegionRanking}{children.reviewersCountyRanking}\r\nRelated articles{children.relatedArticles} {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}{children.relatedArticlesRegionRanking}{children.relatedArticlesCountyRanking}\r\n
\r\n\r\n\r\nBooks on sale{children.booksOnSale}{children.booksOnSaleWorldRanking} {children.booksOnSaleNationalRanking}{children.booksOnSaleRegionRanking}{children.booksOnSaleCountyRanking}\r\nBooks in libraries{children.booksInLibraries}{children.booksInLibrariesWorldRanking} {children.booksInLibrariesNationalRanking}{children.booksInLibrariesRegionRanking}{children.booksInLibrariesCountyRanking}\r\nWish list{children.wishList}{children.booksOnSaleWorldRanking} {children.wishListNationalRanking}{children.wishListRegionRanking}{children.wishListCountyRanking}\r\nBooks on auction{children.booksOnAuction} {children.booksOnAuctionWorldRanking} {children.booksOnAuctionNationalRanking}{children.booksOnAuctionRegionRanking}{children.booksOnAuctionCountyRanking}\r\nFollowers{children.followers} {children.followersWorldRanking} {children.followersNationalRanking}{children.followersRegionRanking}{children.followersCountyRanking}\r\nFollowers{children.followers} {children.followersWorldRanking} {children.followersNationalRanking}{children.followersRegionRanking}{children.followersCountyRanking}\r\nRelated articles{children.relatedArticles} {children.relatedArticlesWorldRanking} {children.relatedArticlesNationalRanking}{children.relatedArticlesRegionRanking}{children.relatedArticlesCountyRanking}\r\n
\r\n\r\n\r\nTotal: {children.totalRanking}\r\nWorld: {children.worldRanking}\r\n{item.country}: {children.nationalRanking}\r\n \r\n{item.region}: {children.regionRanking}\r\n{obj.county}: {children.countyRanking}\r\n \r\n ))}\r\n
\r\n - \r\n
\r\n\r\nBooks on sale{obj.booksOnSale}{obj.booksOnSaleWorldRanking} {obj.booksOnSaleNationalRanking}{obj.booksOnSaleRegionRanking}\r\nBooks in libraries{obj.booksInLibraries} {obj.booksInLibrariesWorldRanking} {obj.booksInLibrariesNationalRanking}{obj.booksInLibrariesRegionRanking}\r\nWish list{obj.wishList}{obj.booksOnSaleWorldRanking} {obj.wishListNationalRanking}{obj.wishListRegionRanking}\r\nBooks on auction{obj.booksOnAuction} {obj.booksOnAuctionWorldRanking} {obj.booksOnAuctionNationalRanking}{obj.booksOnAuctionRegionRanking}\r\nFollowers{obj.followers}{obj.followersWorldRanking} {obj.followersNationalRanking} {obj.followersRegionRanking}\r\nFollowers{obj.followers}{obj.followersWorldRanking} {obj.followersNationalRanking}{obj.followersRegionRanking}\r\nRelated articles{obj.relatedArticles} {obj.relatedArticlesWorldRanking} {obj.relatedArticlesNationalRanking}{obj.relatedArticlesRegionRanking}\r\n
\r\n\r\n\r\nTotal: {obj.totalRanking}\r\nWorld: {obj.worldRanking}\r\n{item.country}: {obj.nationalRanking}\r\n{item.region}: {obj.regionRanking}\r\n \r\n ))}\r\n - \r\n
\r\n - \r\n
\r\n\r\nBooks on sale{item.booksOnSale} {item.booksOnSaleWorldRanking} {item.booksOnSaleNationalRanking}\r\nBooks in libraries{item.booksInLibraries}{item.booksInLibrariesWorldRanking} {item.booksInLibrariesNationalRanking}\r\nWish list{item.wishList}{item.booksOnSaleWorldRanking} {item.wishListNationalRanking}\r\nBooks on auction{item.booksOnAuction} {item.booksOnAuctionWorldRanking} {item.booksOnAuctionNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nFollowers{item.followers} {item.followersWorldRanking} {item.followersNationalRanking}\r\nRelated articles{item.relatedArticles} {item.relatedArticlesWorldRanking} {item.relatedArticlesNationalRanking}\r\n
\r\n\r\n\r\nTotal: {item.totalRanking}\r\nWorld: {item.worldRanking}\r\n{item.country}: {item.nationalRanking}\r\n \r\n - \r\n
\r\n \r\n ))}\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n - \r\n
\r\n
\r\n Books on sale{myData.booksOnSale} {myData.booksOnSaleWorldRanking}
\r\n Books in libraries{myData.booksInLibraries}{myData.booksInLibrariesWorldRanking}
\r\n Wish list{myData.wishList}{myData.booksOnSaleWorldRanking}
\r\n Books on auction{myData.booksOnAuction} {myData.booksOnAuctionWorldRanking}
\r\n Followers{myData.followers} {myData.followersWorldRanking}
\r\n Followers{myData.followers} {myData.followersWorldRanking}
\r\n Related articles{myData.relatedArticles} {myData.relatedArticlesWorldRanking}
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n \r\n \r\n {this.props.index}\r\n {myData.title}\r\n \r\n \r\n {this.props.index}\r\n Author: {myData.author}\r\n \r\n \r\n Publisher: {myData.publisher}\r\n Language: {myData.language}\r\n Year: {myData.publisherYear}\r\n \r\n \r\n City: {myData.city}\r\n County: {myData.county}\r\n Country: {myData.country}\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\n\r\n\r\nexport default class BookStoresCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0 };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n }\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n}\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n }\r\n\r\n render() {\r\n const data = '{\"name\":\"Anticariat Unu\",\"totalRanking\":0, \"country\":\"Romania\",\"id\":1, \"countryAbbreviation\":\"RO\", \"city\":\"Bucharest\",\"sector\":\"Sector 5\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCoutyRanking\":1234,\"readersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCoutyRanking\":1234,\"collectorsCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCoutyRanking\":1234,\"reviewersCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCoutyRanking\":1234,\"followersCityRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCoutyRanking\":1234,\"booksOnSaleCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCoutyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"profileImg\":\"http://localhost:3000/12.png\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n Readers{myData.readers} add_circle_outline {myData.readersWorldRanking} {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCountyRanking !== \"undefined\" &&\r\n {myData.readersCountyRanking}\r\n }\r\n {typeof myData.readersCityRanking !== \"undefined\" &&\r\n {myData.readersCityRanking}\r\n }\r\n
\r\n Collectors{myData.collectors} add_circle_outline {myData.collectorsWorldRanking} {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCountyRanking !== \"undefined\" &&\r\n {myData.collectorsCountyRanking}\r\n }\r\n {typeof myData.collectorsCityRanking !== \"undefined\" &&\r\n {myData.collectorsCityRanking}\r\n }\r\n
\r\n Reviewers{myData.reviewers} add_circle_outline {myData.reviewersWorldRanking} {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCountyRanking !== \"undefined\" &&\r\n {myData.reviewersCountyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles} add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCountyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCountyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n
\r\n Books on sale{myData.booksOnSale} add_circle_outline {myData.booksOnSaleWorldRanking} {myData.booksOnSaleNationalRanking}\r\n {typeof myData.booksOnSaleRegionRanking !== \"undefined\" &&\r\n {myData.booksOnSaleRegionRanking}\r\n }\r\n {typeof myData.booksOnSaleCountyRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCountyRanking}\r\n }\r\n {typeof myData.booksOnSaleCityRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCityRanking}\r\n }\r\n
\r\n Books in libraries{myData.booksInLibraries} add_circle_outline {myData.booksInLibrariesWorldRanking} {myData.booksInLibrariesNationalRanking}\r\n {typeof myData.booksInLibrariesRegionRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesRegionRanking}\r\n }\r\n {typeof myData.booksInLibrariesCountyRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCountyRanking}\r\n }\r\n {typeof myData.booksInLibrariesCityRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCityRanking}\r\n }\r\n
\r\n Wish list{myData.wishList} add_circle_outline {myData.wishListWorldRanking} {myData.wishListNationalRanking}\r\n {typeof myData.wishListRegionRanking !== \"undefined\" &&\r\n {myData.wishListRegionRanking}\r\n }\r\n {typeof myData.wishListCountyRanking !== \"undefined\" &&\r\n {myData.wishListCountyRanking}\r\n }\r\n {typeof myData.wishListCityRanking !== \"undefined\" &&\r\n {myData.wishListCityRanking}\r\n }\r\n
\r\n Books on auction{myData.booksOnAuction} add_circle_outline {myData.booksOnAuctionWorldRanking} {myData.booksOnAuctionNationalRanking}\r\n {typeof myData.booksOnAuctionRegionRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionRegionRanking}\r\n }\r\n {typeof myData.booksOnAuctionCountyRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCountyRanking}\r\n }\r\n {typeof myData.booksOnAuctionCityRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCityRanking}\r\n }\r\n
\r\n Followers{myData.followers} add_circle_outline {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCountyRanking !== \"undefined\" &&\r\n {myData.followersCountyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n
\r\n Followers{myData.followers} add_circle_outline {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCountyRanking !== \"undefined\" &&\r\n {myData.followersCountyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles} add_circle_outline {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCountyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCountyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" && typeof myData.countyRanking === \"undefined\" &&\r\n \r\n \r\n Region: {myData.regionRanking}
\r\n \r\n }\r\n {typeof myData.regionRanking !== \"undefined\" && typeof myData.countyRanking !== \"undefined\" &&\r\n Region: {myData.regionRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" && typeof myData.regionRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" && typeof myData.regionRanking === \"undefined\" &&\r\n \r\n \r\n County: {myData.countyRanking}
\r\n \r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\n City: {myData.cityRanking}
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n close\r\n
\r\n \r\n (this.slider1 = slider)}\r\n >\r\n {myData.images.map((item, index) => (\r\n (this.slider2 = slider)}\r\n slidesToShow={3}\r\n swipeToSlide={true}\r\n focusOnSelect={true}\r\n >\r\n {myData.images.map((item, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n
\r\n ))}\r\n {myData.images.map((item, index) => (\r\n \r\n \r\n
\r\n ))}\r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\n\r\n\r\nexport default class AuctionHousesCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0 };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n }\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n}\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n }\r\n\r\n render() {\r\n const data = '{\"name\":\"Anticariat Unu\", \"totalRanking\":0,\"country\":\"Romania\",\"id\":1, \"countryAbbreviation\":\"RO\", \"city\":\"Bucharest\",\"sector\":\"Sector 5\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCoutyRanking\":1234,\"readersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCoutyRanking\":1234,\"collectorsCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCoutyRanking\":1234,\"reviewersCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCoutyRanking\":1234,\"followersCityRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCoutyRanking\":1234,\"booksOnAuctionCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCoutyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"profileImg\":\"http://localhost:3000/12.png\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n {this.props.index}
\r\n \r\n \r\n
\r\n {myData.name}
\r\n{myData.country} {myData.city} {myData.sector}
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n Readers{myData.readers} {myData.readersWorldRanking}\r\n {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCoutyRanking !== \"undefined\" &&\r\n {myData.readersCoutyRanking}\r\n }\r\n {typeof myData.readersCityRanking !== \"undefined\" &&\r\n {myData.readersCityRanking}\r\n }\r\n
\r\n Collectors{myData.collectors} {myData.collectorsWorldRanking}\r\n {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCoutyRanking !== \"undefined\" &&\r\n {myData.collectorsCoutyRanking}\r\n }\r\n {typeof myData.collectorsCityRanking !== \"undefined\" &&\r\n {myData.collectorsCityRanking}\r\n }\r\n
\r\n\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n\r\n \r\n
\r\n
\r\n Books on sale{myData.booksOnSale} {myData.booksOnSaleWorldRanking}\r\n {myData.booksOnSaleNationalRanking}\r\n {typeof myData.booksOnSaleRegionRanking !== \"undefined\" &&\r\n {myData.booksOnSaleRegionRanking}\r\n }\r\n {typeof myData.booksOnSaleCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCoutyRanking}\r\n }\r\n {typeof myData.booksOnSaleCityRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCityRanking}\r\n }\r\n
\r\n Followers{myData.followers} {myData.followersWorldRanking}\r\n {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles}{myData.relatedArticlesWorldRanking}\r\n {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n
\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\n Region: {myData.regionRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\n City: {myData.cityRanking}
\r\n }\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport Flag from \"react-flagkit\";\r\n\r\n\r\nexport default class LibrariesCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0 };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n }\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n}\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n }\r\n\r\n render() {\r\n const data = '{\"name\":\"Anticariat Unu\", \"totalRanking\":0, \"country\":\"Romania\",\"id\":1, \"countryAbbreviation\":\"RO\", \"city\":\"Bucharest\",\"sector\":\"Sector 5\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCoutyRanking\":1234,\"readersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCoutyRanking\":1234,\"collectorsCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCoutyRanking\":1234,\"reviewersCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCoutyRanking\":1234,\"followersCityRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCoutyRanking\":1234,\"booksInLibrariesCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCoutyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234,\"cityRanking\":1234,\"profileImg\":\"http://localhost:3000/12.png\"}';\r\n var myData = JSON.parse(data);\r\n return (\r\n {this.props.index}
\r\n \r\n \r\n
\r\n {myData.name}
\r\n{myData.country} {myData.city} {myData.sector}
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n Readers{myData.readers} {myData.readersWorldRanking}\r\n {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCoutyRanking !== \"undefined\" &&\r\n {myData.readersCoutyRanking}\r\n }\r\n {typeof myData.readersCityRanking !== \"undefined\" &&\r\n {myData.readersCityRanking}\r\n }\r\n
\r\n Collectors{myData.collectors} {myData.collectorsWorldRanking}\r\n {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCoutyRanking !== \"undefined\" &&\r\n {myData.collectorsCoutyRanking}\r\n }\r\n {typeof myData.collectorsCityRanking !== \"undefined\" &&\r\n {myData.collectorsCityRanking}\r\n }\r\n
\r\n\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n\r\n \r\n
\r\n
\r\n Books on auction{myData.booksOnAuction} {myData.booksOnAuctionWorldRanking}\r\n {myData.booksOnAuctionNationalRanking}\r\n {typeof myData.booksOnAuctionRegionRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionRegionRanking}\r\n }\r\n {typeof myData.booksOnAuctionCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCoutyRanking}\r\n }\r\n {typeof myData.booksOnAuctionCityRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCityRanking}\r\n }\r\n
\r\n Followers{myData.followers} {myData.followersWorldRanking}\r\n {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles}{myData.relatedArticlesWorldRanking}\r\n {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n
\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\n Region: {myData.regionRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\n City: {myData.cityRanking}
\r\n }\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Skeleton from 'react-loading-skeleton';\r\nimport M from 'materialize-css';\r\nimport $ from 'jquery';\r\nimport Flag from \"react-flagkit\";\r\nimport { If, Then, Else, When, Unless, Switch, Case, Default } from 'react-if';\r\n\r\nexport default class ReaderCard extends Component {\r\n\r\n constructor(props){\r\n super(props)\r\n this.state = { id: props.id, authorName: '', description: '',period: null, movements:[], countries: '', movementsLength: 0\r\n };\r\n this.capitalizeFirstLetter = this.capitalizeFirstLetter.bind(this);\r\n this.convertClass = this.convertClass.bind(this);\r\n }\r\n\r\n convertClass(name){\r\n if (typeof name !== \"undefined\") {\r\n return name.split(' ').join('-');\r\n }\r\n }\r\n\r\n\r\n capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n }\r\n componentWillMount(){\r\n\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.id !== this.props.id){\r\n axios.get(`${process.env.REACT_APP_URL_SITE}api/NewData/GetAuthorsData/`+this.props.id)\r\n .then(response => {\r\n var data = response.data;\r\n this.setState({authorName:data.authorName});\r\n var description = data.details.slice(1,-1) + \".\";\r\n this.setState({description:this.capitalizeFirstLetter(description)});\r\n this.setState({period:data.originalPerioada});\r\n this.setState({countries:data.originalCountry});\r\n this.setState({movements:data.litMov});\r\n this.setState({movementsLength:data.litMov.length-1})\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n componentDidMount() {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems);\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var colaps = document.querySelectorAll('.collapsible');\r\n var insta = M.Collapsible.init(colaps);\r\n });\r\n }\r\n\r\n render() {\r\n const data = '{\"country\":\"United States\",\"id\":0,\"countryAbbreviation\":\"US\",\"totalRanking\":0,\"city\":\"Chicago\",\"readers\":0,\"readersWorldRanking\":1234,\"readersNationalRanking\":1234,\"readersRegionRanking\":1234,\"readersCoutyRanking\":1234,\"readersCityRanking\":1234,\"collectors\":0,\"collectorsWorldRanking\":1234,\"collectorsNationalRanking\":1234,\"collectorsRegionRanking\":1234,\"collectorsCoutyRanking\":1234,\"collectorsCityRanking\":1234,\"reviewers\":0,\"reviewersWorldRanking\":1234,\"reviewersNationalRanking\":1234,\"reviewersRegionRanking\":1234,\"reviewersCoutyRanking\":1234,\"reviewersCityRanking\":1234,\"bibliography\":0,\"bibliographyWorldRanking\":1234,\"bibliographyNationalRanking\":1234,\"bibliographyRegionRanking\":1234,\"bibliographyCoutyRanking\":1234,\"bibliographyCityRanking\":1234,\"followers\":0,\"followersWorldRanking\":1234,\"followersNationalRanking\":1234,\"followersRegionRanking\":1234,\"followersCoutyRanking\":1234,\"followersCityRanking\":1234,\"booksOnSale\":0,\"booksOnSaleWorldRanking\":1234,\"booksOnSaleNationalRanking\":1234,\"booksOnSaleRegionRanking\":1234,\"booksOnSaleCoutyRanking\":1234,\"booksOnSaleCityRanking\":1234,\"booksInLibraries\":0,\"booksInLibrariesWorldRanking\":1234,\"booksInLibrariesNationalRanking\":1234,\"booksInLibrariesRegionRanking\":1234,\"booksInLibrariesCoutyRanking\":1234,\"booksInLibrariesCityRanking\":1234,\"booksOnAuction\":0,\"booksOnAuctionWorldRanking\":1234,\"booksOnAuctionNationalRanking\":1234,\"booksOnAuctionRegionRanking\":1234,\"booksOnAuctionCoutyRanking\":1234,\"booksOnAuctionCityRanking\":1234,\"wishList\":0,\"wishListWorldRanking\":1234,\"wishListNationalRanking\":1234,\"wishListRegionRanking\":1234,\"wishListCoutyRanking\":1234,\"wishListCityRanking\":1234,\"relatedArticles\":0,\"relatedArticlesWorldRanking\":1234,\"relatedArticlesNationalRanking\":1234,\"relatedArticlesRegionRanking\":1234,\"relatedArticlesCoutyRanking\":1234,\"relatedArticlesCityRanking\":1234,\"worldRanking\":1234,\"nationalRanking\":1234,\"regionRanking\":1234,\"countyRanking\":1234}';\r\n\r\n var myData = JSON.parse(data);\r\n\r\n return (\r\n\r\n {this.props.index}
\r\n \r\n \r\n
\r\n {myData.name}
\r\n{myData.country} {myData.city} {myData.sector}
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n Readers{myData.readers} {myData.readersWorldRanking}\r\n {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCoutyRanking !== \"undefined\" &&\r\n {myData.readersCoutyRanking}\r\n }\r\n {typeof myData.readersCityRanking !== \"undefined\" &&\r\n {myData.readersCityRanking}\r\n }\r\n
\r\n Collectors{myData.collectors} {myData.collectorsWorldRanking}\r\n {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCoutyRanking !== \"undefined\" &&\r\n {myData.collectorsCoutyRanking}\r\n }\r\n {typeof myData.collectorsCityRanking !== \"undefined\" &&\r\n {myData.collectorsCityRanking}\r\n }\r\n
\r\n\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n\r\n \r\n
\r\n
\r\n Books in libraries{myData.booksInLibraries} {myData.booksInLibrariesWorldRanking}\r\n {myData.booksInLibrariesNationalRanking}\r\n {typeof myData.booksInLibrariesRegionRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesRegionRanking}\r\n }\r\n {typeof myData.booksInLibrariesCoutyRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCoutyRanking}\r\n }\r\n {typeof myData.booksInLibrariesCityRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCityRanking}\r\n }\r\n
\r\n Followers{myData.followers} {myData.followersWorldRanking}\r\n {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n {typeof myData.followersCityRanking !== \"undefined\" &&\r\n {myData.followersCityRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles}{myData.relatedArticlesWorldRanking}\r\n {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n {typeof myData.relatedArticlesCityRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCityRanking}\r\n }\r\n
\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking}\r\n {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n {typeof myData.reviewersCityRanking !== \"undefined\" &&\r\n {myData.reviewersCityRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\n Region: {myData.regionRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.cityRanking !== \"undefined\" &&\r\n City: {myData.cityRanking}
\r\n }\r\n\r\n \r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport M from 'materialize-css';\r\nimport AuthorCard from '../authorCardFull';\r\nimport ReaderCard from '../readerCard';\r\nimport CountryCard from './countryCard';\r\nimport BookCard from './bookCommunityCard';\r\nimport TitleCard from '../authorsPage/titleCard';\r\nimport BookStoresCard from './bookStoresCard';\r\nimport AuctionHousesCard from './auctionHousesCard';\r\nimport LibrariesCard from './librariesCard';\r\nimport CityCard from './cityCard';\r\n\r\nclass mainCommunityPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n lastType: '',\r\n filterText1: 'Readers ranking by number of books',\r\n filterText2: 'Authors ranking by number of readers',\r\n filterText3: 'Books ranking by number of readers',\r\n filterText4: 'Cities ranking by number of readers',\r\n filterText5: 'Countries ranking by number of readers',\r\n showReader: true,\r\n showAuthor: false,\r\n showCountry: false,\r\n showBook: false,\r\n showCity: false,\r\n showStore: false,\r\n showAuction: false,\r\n showLibrary: false,\r\n hide: true,\r\n hideFirstFilter: true,\r\n hideBooksFilter: true,\r\n hideSellersFilter: true,\r\n hideAuctionsFilter: true,\r\n hideLibrariesFilter: true,\r\n };\r\n this.changeFilter = this.changeFilter.bind(this);\r\n this.changeFiltersText = this.changeFiltersText.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n var filters = document.querySelectorAll('.community-top-card input');\r\n for (var i = 0; i < filters.length; i++) {\r\n if (i === parseInt(this.props.filter) - 1) {\r\n filters[i].checked = 'checked';\r\n }\r\n }\r\n if (parseInt(this.props.filter) === 1) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: true });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n console.log(this.props.type);\r\n this.props.changeMenu(1, this.props.type);\r\n } else if (parseInt(this.props.filter) === 2) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: true });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (parseInt(this.props.filter) === 4) {\r\n this.setState({ showAuthor: true });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(3, this.props.type);\r\n } else if (parseInt(this.props.filter) === 3) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: true });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (parseInt(this.props.filter) === 6) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: true });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (parseInt(this.props.filter) === 5) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: true });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (parseInt(this.props.filter) === 7) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showStore: true });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n if (this.props.type === 'Books on auction' || this.props.type === 'Books in libraries') {\r\n this.props.changeMenu(4, 'Books on sale');\r\n this.changeClass('Books on sale');\r\n this.props.history.replace({\r\n pathname: `/community/${this.props.id}/${'Books on sale'}/${parseInt(this.props.filter)}`,\r\n });\r\n } else {\r\n this.props.changeMenu(4, this.props.type);\r\n }\r\n } else if (parseInt(this.props.filter) === 8) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showAuction: true });\r\n if (this.props.type === 'Books in libraries' || this.props.type === 'Books on sale') {\r\n this.props.changeMenu(5, 'Books on auction');\r\n this.changeClass('Books on auction');\r\n this.props.history.replace({\r\n pathname: `/community/${this.props.id}/${'Books on auction'}/${parseInt(this.props.filter)}`,\r\n });\r\n } else {\r\n this.props.changeMenu(5, this.props.type);\r\n }\r\n } else if (parseInt(this.props.filter) === 9) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: true });\r\n this.setState({ showAuction: false });\r\n if (this.props.type === 'Books on auction' || this.props.type === 'Books on sale') {\r\n this.props.changeMenu(6, 'Books in libraries');\r\n this.changeClass('Books in libraries');\r\n this.props.history.replace({\r\n pathname: `/community/${this.props.id}/${'Books in libraries'}/${parseInt(this.props.filter)}`,\r\n });\r\n } else {\r\n this.props.changeMenu(6, this.props.type);\r\n }\r\n } else {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n console.log(this.props.type);\r\n this.props.changeMenu(2, this.props.type);\r\n }\r\n\r\n var type = this.props.type;\r\n if (type === 'Related articles') {\r\n type = 'Related';\r\n this.setState({ filterText1: 'Sources ranking by number of articles' });\r\n this.setState({ filterText2: 'Authors ranking by number of articles' });\r\n this.setState({ filterText3: 'Books ranking by number of articles' });\r\n this.setState({ filterText4: 'Cities ranking by number of articles' });\r\n this.setState({ filterText5: 'Countries ranking by number of articles' });\r\n } else if (type === 'Total ranking') {\r\n type = 'Total-ranking';\r\n this.setState({ filterText1: 'Users total ranking' });\r\n this.setState({ filterText2: 'Authors total ranking' });\r\n this.setState({ filterText3: 'Books total ranking' });\r\n this.setState({ filterText4: 'Cities total ranking' });\r\n this.setState({ filterText5: 'Countries total ranking' });\r\n } else if (type === 'Readers with wishlist') {\r\n type = 'Wishlist';\r\n this.setState({ filterText1: 'Readers ranking by number of wishlist items' });\r\n this.setState({ filterText2: 'Authors ranking by wishlist' });\r\n this.setState({ filterText3: 'Books ranking by wishlist' });\r\n this.setState({ filterText4: 'Cities ranking by wishlist' });\r\n this.setState({ filterText5: 'Countries ranking by wishlist' });\r\n } else {\r\n this.setState({ filterText1: type + ' ranking by number of books' });\r\n this.setState({ filterText2: 'Authors ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText3: 'Books ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText4: 'Cities ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText5: 'Countries ranking by number of ' + type.toLowerCase() });\r\n }\r\n if (type === 'Bibliography') {\r\n this.setState({ hide: false });\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hideBooksFilter: false });\r\n } else if (type === 'Books on sale') {\r\n type = 'on-sale';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hideBooksFilter: true });\r\n } else if (type === 'Books in libraries') {\r\n type = 'on-libraries';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hideBooksFilter: true });\r\n } else if (type === 'Books on auction') {\r\n type = 'on-auction';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hideBooksFilter: true });\r\n } else {\r\n this.setState({ hide: true });\r\n this.setState({ hideFirstFilter: true });\r\n this.setState({ hideBooksFilter: false });\r\n }\r\n\r\n this.setState({ lastType: type });\r\n document.querySelector('.main-section').classList.add(type);\r\n }\r\n\r\n changeFiltersText(type) {\r\n if (type === 'Related articles') {\r\n type = 'Related';\r\n this.setState({ filterText1: 'Sources ranking by number of articles' });\r\n this.setState({ filterText2: 'Authors ranking by number of articles' });\r\n this.setState({ filterText3: 'Books ranking by number of articles' });\r\n this.setState({ filterText4: 'Cities ranking by number of articles' });\r\n this.setState({ filterText5: 'Countries ranking by number of articles' });\r\n } else if (type === 'Total ranking') {\r\n type = 'Total-ranking';\r\n this.setState({ filterText1: 'Users total ranking' });\r\n this.setState({ filterText2: 'Authors total ranking' });\r\n this.setState({ filterText3: 'Books total ranking' });\r\n this.setState({ filterText4: 'Cities total ranking' });\r\n this.setState({ filterText5: 'Countries total ranking' });\r\n } else if (type === 'Readers with wishlist') {\r\n type = 'Wishlist';\r\n this.setState({ filterText1: 'Readers ranking by number of wishlist items' });\r\n this.setState({ filterText2: 'Authors ranking by wishlist' });\r\n this.setState({ filterText3: 'Books ranking by wishlist' });\r\n this.setState({ filterText4: 'Cities ranking by wishlist' });\r\n this.setState({ filterText5: 'Countries ranking by wishlist' });\r\n } else {\r\n this.setState({ filterText1: type + ' ranking by number of books' });\r\n this.setState({ filterText2: 'Authors ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText3: 'Books ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText4: 'Cities ranking by number of ' + type.toLowerCase() });\r\n this.setState({ filterText5: 'Countries ranking by number of ' + type.toLowerCase() });\r\n }\r\n }\r\n\r\n changeClass(type) {\r\n if (type === 'Related articles') {\r\n type = 'Related';\r\n }\r\n if (type === 'Readers with wishlist') {\r\n type = 'Wishlist';\r\n }\r\n if (type === 'Total ranking') {\r\n type = 'Total-ranking';\r\n }\r\n console.log(type);\r\n if (type === 'Bibliography') {\r\n this.setState({ hide: false });\r\n this.setState({ hideFirstFilter: false }, function () {\r\n console.log(this.state.hideFirstFilter);\r\n });\r\n } else if (type === 'Books on sale') {\r\n if (parseInt(this.props.filter) === 5) {\r\n this.changeFilter(6);\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${type}/6` });\r\n }\r\n type = 'on-sale';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hide: true });\r\n this.setState({ hideBooksFilter: true });\r\n } else if (type === 'Books in libraries') {\r\n if (parseInt(this.props.filter) === 5) {\r\n this.changeFilter(6);\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${type}/6` });\r\n }\r\n type = 'on-libraries';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hide: true });\r\n this.setState({ hideBooksFilter: true });\r\n } else if (type === 'Books on auction') {\r\n if (parseInt(this.props.filter) === 5) {\r\n this.changeFilter(6);\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${type}/6` });\r\n }\r\n type = 'on-auction';\r\n this.setState({ hideFirstFilter: false });\r\n this.setState({ hide: true });\r\n this.setState({ hideBooksFilter: true });\r\n } else {\r\n this.setState({ hide: true });\r\n this.setState({ hideFirstFilter: true });\r\n this.setState({ hideBooksFilter: false });\r\n if (parseInt(this.props.filter) === 6) {\r\n this.changeFilter(5);\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${type}/5` });\r\n }\r\n // this.changeFilter(1);\r\n }\r\n\r\n this.setState({ lastType: type });\r\n document.querySelector('.main-section').classList.remove(this.state.lastType);\r\n document.querySelector('.main-section').classList.add(type);\r\n }\r\n\r\n changeFilter(j) {\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${this.props.type}/${j}` });\r\n this.props.changeFilters(this.props.type);\r\n var filters = document.querySelectorAll('.community-top-card input');\r\n for (var i = 0; i < filters.length; i++) {\r\n if (i === j - 1) {\r\n filters[i].checked = true;\r\n } else {\r\n filters[i].checked = '';\r\n }\r\n }\r\n if (j === 1) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: true });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showAuction: false });\r\n console.log(this.props.type);\r\n this.props.changeMenu(1, this.props.type);\r\n } else if (j === 2) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: true });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (j === 4) {\r\n this.setState({ showAuthor: true });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(3, this.props.type);\r\n } else if (j === 3) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: true });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (j === 6) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: true });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (j === 5) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: true });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n this.props.changeMenu(2, this.props.type);\r\n } else if (j === 7) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showStore: true });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n if (this.props.type === 'Books on auction' || this.props.type === 'Books in libraries') {\r\n this.props.changeMenu(4, 'Books on sale');\r\n this.changeClass('Books on sale');\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${'Books on sale'}/${j}` });\r\n } else {\r\n this.props.changeMenu(4, this.props.type);\r\n }\r\n } else if (j === 8) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: true });\r\n if (this.props.type === 'Books in libraries' || this.props.type === 'Books on sale') {\r\n this.props.changeMenu(5, 'Books on auction');\r\n this.changeClass('Books on auction');\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${'Books on auction'}/${j}` });\r\n } else {\r\n this.props.changeMenu(5, this.props.type);\r\n }\r\n } else if (j === 9) {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: true });\r\n this.setState({ showAuction: false });\r\n if (this.props.type === 'Books on auction' || this.props.type === 'Books on sale') {\r\n this.props.changeMenu(6, 'Books in libraries');\r\n this.changeClass('Books in libraries');\r\n this.props.history.replace({ pathname: `/community/${this.props.id}/${'Books in libraries'}/${j}` });\r\n } else {\r\n this.props.changeMenu(6, this.props.type);\r\n }\r\n } else {\r\n this.setState({ showAuthor: false });\r\n this.setState({ showReader: false });\r\n this.setState({ showCountry: false });\r\n this.setState({ showBook: false });\r\n this.setState({ showCity: false });\r\n this.setState({ showStore: false });\r\n this.setState({ showLibrary: false });\r\n this.setState({ showAuction: false });\r\n console.log(this.props.type);\r\n this.props.changeMenu(2, this.props.type);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {this.props.index}
\r\n {myData.city ||
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n Readers{myData.readers} {myData.readersWorldRanking} {myData.readersNationalRanking}\r\n {typeof myData.readersRegionRanking !== \"undefined\" &&\r\n {myData.readersRegionRanking}\r\n }\r\n {typeof myData.readersCoutyRanking !== \"undefined\" &&\r\n {myData.readersCoutyRanking}\r\n }\r\n
\r\n Collectors{myData.collectors} {myData.collectorsWorldRanking} {myData.collectorsNationalRanking}\r\n {typeof myData.collectorsRegionRanking !== \"undefined\" &&\r\n {myData.collectorsRegionRanking}\r\n }\r\n {typeof myData.collectorsCoutyRanking !== \"undefined\" &&\r\n {myData.collectorsCoutyRanking}\r\n }\r\n
\r\n Reviewers{myData.reviewers} {myData.reviewersWorldRanking} {myData.reviewersNationalRanking}\r\n {typeof myData.reviewersRegionRanking !== \"undefined\" &&\r\n {myData.reviewersRegionRanking}\r\n }\r\n {typeof myData.reviewersCoutyRanking !== \"undefined\" &&\r\n {myData.reviewersCoutyRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles} {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Books on sale{myData.booksOnSale} {myData.booksOnSaleWorldRanking} {myData.booksOnSaleNationalRanking}\r\n {typeof myData.booksOnSaleRegionRanking !== \"undefined\" &&\r\n {myData.booksOnSaleRegionRanking}\r\n }\r\n {typeof myData.booksOnSaleCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnSaleCoutyRanking}\r\n }\r\n
\r\n Books in libraries{myData.booksInLibraries} {myData.booksInLibrariesWorldRanking} {myData.booksInLibrariesNationalRanking}\r\n {typeof myData.booksInLibrariesRegionRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesRegionRanking}\r\n }\r\n {typeof myData.booksInLibrariesCoutyRanking !== \"undefined\" &&\r\n {myData.booksInLibrariesCoutyRanking}\r\n }\r\n
\r\n Wish list{myData.wishList} {myData.wishListWorldRanking} {myData.wishListNationalRanking}\r\n {typeof myData.wishListRegionRanking !== \"undefined\" &&\r\n {myData.wishListRegionRanking}\r\n }\r\n {typeof myData.wishListCoutyRanking !== \"undefined\" &&\r\n {myData.wishListCoutyRanking}\r\n }\r\n
\r\n Books on auction{myData.booksOnAuction} {myData.booksOnAuctionWorldRanking} {myData.booksOnAuctionNationalRanking}\r\n {typeof myData.booksOnAuctionRegionRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionRegionRanking}\r\n }\r\n {typeof myData.booksOnAuctionCoutyRanking !== \"undefined\" &&\r\n {myData.booksOnAuctionCoutyRanking}\r\n }\r\n
\r\n Followers{myData.followers} {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n
\r\n Followers{myData.followers} {myData.followersWorldRanking} {myData.followersNationalRanking}\r\n {typeof myData.followersRegionRanking !== \"undefined\" &&\r\n {myData.followersRegionRanking}\r\n }\r\n {typeof myData.followersCoutyRanking !== \"undefined\" &&\r\n {myData.followersCoutyRanking}\r\n }\r\n
\r\n Related articles{myData.relatedArticles} {myData.relatedArticlesWorldRanking} {myData.relatedArticlesNationalRanking}\r\n {typeof myData.relatedArticlesRegionRanking !== \"undefined\" &&\r\n {myData.relatedArticlesRegionRanking}\r\n }\r\n {typeof myData.relatedArticlesCoutyRanking !== \"undefined\" &&\r\n {myData.relatedArticlesCoutyRanking}\r\n }\r\n
\r\n \r\n
\r\n
\r\n Total: {myData.totalRanking}
\r\n World: {myData.worldRanking}
\r\n National: {myData.nationalRanking}
\r\n {typeof myData.regionRanking !== \"undefined\" &&\r\n \r\n \r\n Region: {myData.regionRanking}
\r\n \r\n }\r\n {typeof myData.countyRanking !== \"undefined\" && typeof myData.regionRanking !== \"undefined\" &&\r\n County: {myData.countyRanking}
\r\n }\r\n {typeof myData.countyRanking !== \"undefined\" && typeof myData.regionRanking === \"undefined\" &&\r\n \r\n \r\n County: {myData.countyRanking}
\r\n\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default mainCommunityPage;\r\n","import React from 'react';\r\nimport axios from 'axios';\r\nimport SideBar from './sidebarCommunityPage';\r\nimport Main from './mainCommunityPage';\r\nimport BreadCrumbs from '../breadCrumbs';\r\n\r\nclass CommunityPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { name: '', title: 'Books lovers community' };\r\n this.navigate = this.navigate.bind(this);\r\n this.changeMenu = this.changeMenu.bind(this);\r\n this.activateMenuItem = this.activateMenuItem.bind(this);\r\n this.changeFilters = this.changeFilters.bind(this);\r\n this.child = React.createRef();\r\n this.sidebar = React.createRef();\r\n }\r\n\r\n navigate(url) {\r\n this.props.history.replace(\r\n '/community' + '/' + this.props.match.params.id + url + '/' + this.props.match.params.number,\r\n );\r\n this.child.current.changeClass(url.substr(1));\r\n this.child.current.changeFiltersText(url.substr(1));\r\n this.setState({ title: url.substr(1) });\r\n }\r\n\r\n changeMenu(number, type) {\r\n this.sidebar.current.changeMenu(number, type);\r\n this.setState({ title: type });\r\n }\r\n\r\n activateMenuItem(type) {\r\n this.sidebar.current.changeActiveMenu(type);\r\n var url = '/' + type;\r\n this.navigate(url);\r\n }\r\n\r\n changeFilters(type) {\r\n this.sidebar.current.hideFilters(type);\r\n }\r\n\r\n // eslint-disable-next-line react/no-deprecated\r\n componentWillMount() {\r\n this.setState({ title: this.props.match.params.type });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n this.changeFilter(1);\r\n }}\r\n >\r\n \r\n {this.state.filterText1}\r\n \r\n {\r\n this.changeFilter(2);\r\n }}\r\n >\r\n \r\n {this.state.filterText4}\r\n \r\n {\r\n this.changeFilter(3);\r\n }}\r\n >\r\n \r\n {this.state.filterText5}\r\n \r\n {\r\n this.changeFilter(4);\r\n }}\r\n >\r\n \r\n {this.state.filterText2}\r\n \r\n {\r\n this.changeFilter(5);\r\n }}\r\n >\r\n \r\n {this.state.filterText3}\r\n \r\n {\r\n this.changeFilter(6);\r\n }}\r\n >\r\n \r\n Books total ranking\r\n \r\n {\r\n this.changeFilter(7);\r\n }}\r\n >\r\n \r\n Book stores\r\n \r\n {\r\n this.changeFilter(8);\r\n }}\r\n >\r\n \r\n Auction houses\r\n \r\n {\r\n this.changeFilter(9);\r\n }}\r\n >\r\n \r\n Libraries\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CommunityPage;\r\n","export default __webpack_public_path__ + \"static/media/logo.927f1d60.svg\";","import jQuery from 'jquery';\r\nimport React, {Component,useState } from 'react';\r\n//import { Router, Route, browserHistory } from 'react-router';\r\n//import { BrowserRouter as Router, Route, browserHistory } from 'react-router-dom'\r\n//import { Switch, Route } from 'react-router-dom'\r\nimport { Link, Route, Switch, Redirect} from 'react-router-dom';\r\nimport './css/pages/eCommerce-products-page.css';\r\nimport './css/themes/vertical-modern-menu-template/materialize.min.css';\r\nimport './css/themes/vertical-modern-menu-template/style.css';\r\nimport './css/vendors/vendors.min.css';\r\nimport './css/iziToast.min.css';\r\nimport './css/custom/custom.css';\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport NavBar from \"./components/navBar\";\r\nimport GenericNotFound from \"./components/GenericNotFound\"\r\nimport FirstPage from \"./components/firstPage\";\r\nimport SecondPage from \"./components/secondPage\";\r\nimport AuthorsPage from \"./components/authorsPage/authorsPage\";\r\nimport ProfilePage from \"./components/profilePage/profilePage\";\r\nimport CommunityPage from \"./components/bookCCommunity/communityPage\";\r\nimport logo from './logo.svg';\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { far } from '@fortawesome/free-regular-svg-icons'\r\nimport { faCheckSquare, faStar } from '@fortawesome/free-solid-svg-icons';\r\n\r\n\r\n\r\nclass App extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n value: 0,\r\n uui: null\r\n }\r\n\r\n }\r\n\r\n\r\nrender(){\r\nlibrary.add(far, faCheckSquare, faStar)\r\n return (\r\n {this.state.title}
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nif (module.hot) { // enables hot module replacement if plugin is installed\r\n module.hot.accept();\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport './App.css';\r\n\r\nReactDOM.render(\r\n