\n In: {article.release_date}, page: {article.page}\n
\n\nBy: {authorValidation(article)}
\n\nYour search found over {num} results.
Please use the Date Limiter to further refine search results.
Your search found {num} results.
;\n }\n}\n\n// Comparators for Sorting:\nfunction compareTitle(a, b) {\n console.log(\"Comparing by title\");\n console.log(a.title);\n console.log(b.title);\n var title1 = a.title;\n var title2 = b.title;\n\n title1 = title1.replace(/[&\\/\\\\#,+()$~%.'\":*?<>{}]/g, \"\");\n title2 = title2.replace(/[&\\/\\\\#,+()$~%.'\":*?<>{}]/g, \"\");\n\n return title1 > title2 ? 1 : -1;\n}\n\nfunction compareDateOld(a, b) {\n if (a.release_date && b.release_date){\n\n console.log(\"Comparing by date old\");\n return a.release_date > b.release_date ? 1 : -1;\n } else {\n console.log(\"compareDateOld() could not compare\");\n }\n}\n\nfunction compareDateNew(a, b) {\n if (a.release_date && b.release_date){\n console.log(\"Comparing by date new\");\n return a.release_date > b.release_date ? -1 : 1;\n } else {\n console.log(\"compareDateNew() Could not compare!\");\n }\n}\n\nfunction compareAuthor(a, b) {\n console.log(\"Comparing by author\");\n console.log(\"a is\");\n console.log(a);\n console.log(\"b is\");\n console.log(b);\n // if (!a.author || !a.author.length){\n // console.log(\"a.author WAS NULL!\");\n // return 1;\n // } else if (!b.author || !b.author.length) {\n // console.log(\"b.author WAS NULL\");\n // return -1;\n // }\n\n // if (!((!a.author || !a.author.length) && (!b.author || !b.author.length)))\n // if a.author && b.author are truthy, then probably safe to process\n // if ((a.author && a.author.length) && (b.author && b.author.length)) {\n if ((!a.author?.length) && (!b.author?.length)) {\n \n \n // if (!a.author || !a.author.length){\n // return 1;\n // }\n\n // if (!b.author || !b.author.length){\n // return -1;\n // }\n\n if (a.author[0] == null || !a.author[0].hasOwnProperty(\"author_id\")) {\n return 1;\n }\n if (b.author[0] == null || !b.author[0].hasOwnProperty(\"author_id\")) {\n return -1;\n }\n console.log(\"assigning variables\");\n // var fname_a = a.author[0].author_id.first_name;\n // var fname_b = b.author[0].author_id.first_name;\n // var lname_a = a.author[0].author_id.last_name;\n // var lname_b = b.author[0].author_id.last_name;\n var fname_a = a.author[0].author_id.first_name;\n var fname_b = b.author[0].author_id.first_name;\n var lname_a = a.author[0].author_id.last_name;\n var lname_b = b.author[0].author_id.last_name;\n console.log(fname_a);\n console.log(fname_b);\n console.log(lname_a);\n console.log(lname_b);\n \n // Order by Lastname\n if (lname_b > lname_a) {\n // console.log(\"lname_b > lname_a\");\n return -1;\n }\n // Same last name\n else if (lname_b == lname_a) {\n // Order by first name\n // console.log(\"lname_b == lname_a\");\n if (fname_b > fname_a) {\n // console.log(\"fname_b > fname_a\");\n return -1;\n } else {\n // console.log(\"it was not fname_b > fname_a\");\n return 1;\n }\n } else {\n // console.log(\"it was not lname_b == lname_a nor lname_b > lname_a\");\n return 1;\n }\n } \n // else if (!a.author || !a.author.length){\n // return 1;\n // }\n\n // else if (!b.author || !b.author.length){\n // return -1;\n // }\n \n}\n\n// function returnBy(item, key){\n// if (item[key]) {\n// return [item[key], item];\n// }\n// }\n\nfunction getUniqueListBy(arr, key) {\n // arr.reverse();\n // return [...new Map(arr.map((item) => {\n // if (item[key]){\n // return [item[key], item];\n // }\n // })).values()];\n // return [...new Map(arr.map(function (item) { if (item[key]) return [item[key], item]})).values()];\n \n \n //original function\n return [...new Map(arr.map((item) => [item[key], item])).values()];\n\n //added 09/23/21\n // return [...new Map(arr2.map((item) => [item[key], item])).values()];\n}\n\n// Article List Class\nexport default class ArticleList extends React.Component {\n state = {\n articles: [],\n found: false,\n current_search: \"\",\n from_keyboard: \"\",\n loading: true,\n // loading: this.props.searching,\n is_temp: true,\n cur_page: 1,\n page_size: 10,\n cur_articles: null,\n last_key: 0,\n };\n\n //added 9/9/2021\n clearListWhenChanged =()=>{\n this.setState({\n articles: [],\n found: false,\n current_search: \"\",\n from_keyboard: \"\",\n loading: true,\n // loading: this.props.searching,\n // is_temp: true,\n cur_page: 1,\n page_size: 10,\n cur_articles: null,\n last_key: 0,\n });\n\n console.log(\"Heeyy/ clearListWhanChanged was called!!!\");\n // document.getElementsByClassName(inputElement).value = \"\";\n // console.log(\"Getting the input element\");\n // console.log(document.getElementsByClassName(inputElement).value);\n // Search.resetFields();\n // shouldClear = true;\n\n // console.log(\"clearListWhenChanged() was called and the input was \" + Search.value);\n\n // this.setState(this.state);\n\n // return get_temp_list();\n // console.log(\"hey, is it clearing? Seems like it\");\n shouldClear = true;\n };\n\n //just-added ---------------------------------------------------\n // constructor(props) {\n // super(props);\n // iState = {\n // articles: [],\n // found: false,\n // current_search: \"\",\n // loading: true,\n // // loading: this.props.searching,\n // is_temp: true,\n // cur_page: 1,\n // page_size: 10,\n // cur_articles: null,\n // last_key: 0,\n // };\n\n // if(!props.search) {\n // this.state = iState;\n // }\n // }\n\n callback = (key) => {\n console.log(\"The Key is: \" + key);\n if (key == 1) {\n keyType = \"author\";\n this.updateArticleList(this.state.current_search);\n } else if (key == 2) {\n keyType = \"title\";\n this.updateArticleList(this.state.current_search);\n } else {\n keyType = \"tag\";\n this.updateArticleList(this.state.current_search);\n }\n\n };\n\n onSearch = (value) => {\n this.updateArticleList(value);\n };\n\n componentDidMount() {\n this.setState({ loading: true });\n axios.get(getApiQuery(this.props.query)).then((res) => {\n const found = true;\n const articles = Array.from(res.data.data);\n console.log(\"There were \" + articles.length + \" articles (RESULT)\");\n this.setState({ loading: true, found, articles, is_temp: false });\n }).catch(message => {\n console.log(\"Caught an error!\");\n console.log(\"This was called after componentDidMount()\");\n loadingMagn = false;\n this.setState({loading: false})\n console.log(message);\n });\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.bDate !== this.props.bDate) {\n console.log(prevProps);\n beginDate = this.props.bDate;\n\n var new_key = this.state.last_key++;\n this.setState({\n last_key: new_key,\n });\n\n this.updateArticleList(this.state.current_search);\n }\n\n if (prevProps.eDate !== this.props.eDate) {\n console.log(prevProps);\n finalDate = this.props.eDate;\n\n var new_key = this.state.last_key++;\n this.setState({\n last_key: new_key,\n });\n\n this.updateArticleList(this.state.current_search);\n }\n }\n\n updateArticleList(value, filter = \"id\") {\n this.setState({ cur_page: 1 });\n\n if (value === \"\") {\n loadingMagn = true;\n this.setState({ loading: true });\n loadingMagn = false;\n console.log(\"Will not load.\");\n message.error({\n content: \"Please enter search\",\n style: {\n fontSize: '1.1em',\n },\n key: 2\n });\n } else {\n // console.log(\"HEY THIS RIGHT HERE IS THE CURRENT SEARCH\");\n // console.log(value);\n loadingMagn = true;\n //current_search:value below here was added by me on 9/13/21\n this.setState({ loading: true }, () =>\n axios.get(getApiQuery(value)).then((res) => {\n console.log(\"Res was: \");\n console.log(res)\n\n console.log(\"getting articlesRaw\");\n const articlesRaw = Array.from(res.data.data);\n console.log(articlesRaw);\n console.log(\"2\");\n var articles = getUniqueListBy(articlesRaw, \"id\");\n // var articles = getUniqueListBy(articlesRaw, filter);\n console.log(\"Are articlesRaw and articles the same?\");\n // console.log(Object.toJSON(articlesRaw) == Object.toJSON(articles));\n console.log(\"printing articles\");\n console.log(articles);\n articles = this.defaultSort(articles);\n console.log(\"printing articles sorted\");\n console.log(articles);\n console.log(articles.length);\n if (typeof res.data.data !== \"undefined\" && articles.length !== 0) {\n const found = true;\n const current_search = value;\n loadingMagn = false;\n this.setState({ loading: false, found, articles, current_search: current_search });\n } else {\n console.log(\"no results\");\n const found = false;\n const current_search = value;\n loadingMagn = false;\n this.setState({ loading: false, found, current_search: current_search });\n }\n }).catch(message => {\n console.log(\"Caught an error!\");\n console.log(\"The API from getApiQuery() was \" + getApiQuery(value));\n loadingMagn = false;\n this.setState({loading: false})\n console.log(message);\n })\n );\n\n \n\n }\n }\n\n defaultSort(articles) {\n if (type == \"title\") {\n console.log(\"defult article sort\");\n articles.sort(compareAuthor);\n articles.sort(compareDateNew);\n articles.sort(compareTitle);\n } else if (type == \"author\") {\n console.log(\"defult author sort\");\n articles.sort(compareTitle);\n articles.sort(compareDateNew);\n articles.sort(compareAuthor);\n } else if (type == \"tag\") {\n console.log(\"defult tag sort\");\n articles.sort(compareTitle);\n articles.sort(compareAuthor);\n articles.sort(compareDateNew);\n }\n\n return articles;\n }\n\n showSearchResults(search_state) {\n var pagination_change = (page) => {\n var new_key = this.state.last_key + 1;\n\n this.setState({ cur_page: page });\n this.setState({ last_key: new_key });\n this.setState({\n found: search_state.found,\n current_search: search_state.query,\n });\n };\n\n var page_size_change = (page, size) => {\n // if (page != this.state.page_size){\n // this.setState({ page_size: size });\n // }\n this.setState({ page_size: size });\n\n console.log(\"Page size: \" + this.state.page_size);\n };\n\n const onMenuClick = ({ key }) => {\n //message.info(`Sorting by: ${key}`);\n // this.updateArticleList(this.state.current_search, )\n var menuArticles = this.state.articles;\n\n if (key == \"author\") {\n // this.updateArticleList(this.state.current_search, \"author\");\n menuArticles.sort(compareTitle);\n menuArticles.sort(compareDateNew);\n menuArticles.sort(compareAuthor);\n } else if (key == \"dateN\") {\n menuArticles.sort(compareTitle);\n menuArticles.sort(compareAuthor);\n menuArticles.sort(compareDateNew);\n } else if (key == \"dateO\") {\n //change the date back to the oldest one to get the oldest one.\n // this.props.action;\n // beginDate = '2000';\n // restartBeginDate();\n // console.log(beginDate);\n // this.updateArticleList(this.state.current_search);\n // menuArticles = this.state.articles;\n\n menuArticles.sort(compareTitle);\n menuArticles.sort(compareAuthor);\n menuArticles.sort(compareDateOld);\n } else if (key == \"title\") {\n menuArticles.sort(compareAuthor);\n menuArticles.sort(compareDateNew);\n menuArticles.sort(compareTitle);\n }\n\n this.setState({ articles: menuArticles });\n };\n\n const menu = (\n \n );\n\n // Show temp (loading boxes)\n if (search_state.is_temp || this.state.current_search == \"\") {\n // if (search_state.is_temp && this.props.search) {\n console.log(\"showing temp\");\n // Input.Search.defaultProps=true;\n return get_temp_list();\n\n // Show the not found text\n } else if (!search_state.found) {\n return not_found(search_state.query);\n\n // Show the results\n } else {\n const pageSizeOptions = [10, 20, 50];\n var begin_page = (this.state.cur_page - 1) * 10;\n var final_page = begin_page + this.state.page_size;\n var total = search_state.articles.length;\n\n this.state.cur_articles = search_state.articles.slice(\n begin_page,\n final_page\n );\n\n // If it is loading, show the loading boxes\n if (this.state.loading) {\n console.log(\"Loading inside search results\");\n // console.log(counts);\n // counts = [0, 0, 0];\n // console.log(\"this is the new count: \");\n // console.log(counts);\n return (\n <>{get_list(this.state.cur_articles, search_state.query, true)}\n );\n\n // If it's not loading show the search results\n } else {\n return (\n <>\n {get_search_result_num(total)}\n {console.log(\"was it under limit?\" + under_limit)}\n