{"version":3,"names":[],"mappings":"","sources":["internal-confidential-searchFooter.js"],"sourcesContent":["import {footerNavigation} from \"../utilities/navigation.js\";\r\n\r\nexport const footer = (totalResults, resultsPerPage, pageNumber) => {\r\n  const searchTableDivParent = document.getElementById(\"searchTableDiv\")\r\n  const tableFooterDiv = document.createElement(\"div\")\r\n  tableFooterDiv.setAttribute(\"class\", \"row container\")\r\n  tableFooterDiv.setAttribute(\"id\", \"tableFooter\")\r\n\r\n  let page = pageNumber\r\n  let pageDisplaySize = resultsPerPage\r\n\r\n  const range = [];\r\n  const num = Math.ceil(totalResults / pageDisplaySize);\r\n  tableFooterDiv.innerHTML = \"\"\r\n  for (let i = 1; i <= num; i++) {\r\n    range.push(i);\r\n  }\r\n\r\n  console.log('num pages: ' + range.length)\r\n  tableFooterDiv.innerHTML = `\r\n      <div class=\"col-sm-10 col-md-4\" id=\"pageNumbersInfo\">\r\n      </div>\r\n      `\r\n  if (range.length > 1){\r\n    tableFooterDiv.innerHTML += `\r\n          <nav class=\"col-sm-12 col-md-8\" id=\"paginationNumbers\">\r\n            <div class=\"dataTables_paginate\">\r\n                <ul class=\"pagination\">\r\n                    <li ${page === 1 ? \"class='paginate_button page-item previous hidden'\"\r\n      : \"class='paginate_button page-item previous'\"}>\r\n                        <a class=\"page-link\" onclick=setPageNumber(${page - 1}) tabindex=\"${0}\">Previous</a>\r\n                    </li>\r\n                    ${range.map((el) =>(\r\n      `<li ${page === el ? \"class='page-item active'\" : \"class='page-item'\"}>\r\n                            <a class=\"page-link\" onclick=setPageNumber(${el}) tabindex=\"${0}\">${el}</a>\r\n                         </li>`\r\n    )).join('')}\r\n                    <li ${page === range.length ? \"class='paginate_button page-item previous hidden'\"\r\n      : \"class='paginate_button page-item previous'\"}>\r\n                        <a class=\"page-link\" onclick=setPageNumber(${page + 1}) tabindex=\"${0}\">Next</a>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n  `\r\n\r\n  }\r\n\r\n  if(page === 0){\r\n    tableFooterDiv.children['pageNumbersInfo'].innerHTML =  `\r\n      ${page === 0 ? (page +1) + \"-\" + pageDisplaySize + \" of \" + totalResults :  (page * 10) - 9 + \"-\" + page * 10 + \" of \" + totalResults}\r\n      `\r\n  }else if(page === 1){\r\n    if(totalResults < 10){\r\n      tableFooterDiv.children['pageNumbersInfo'].innerHTML =  `\r\n      ${page + \"-\" + totalResults + \" of \" + totalResults}\r\n      `\r\n    }else{\r\n      tableFooterDiv.children['pageNumbersInfo'].innerHTML =  `\r\n      ${page === 1 || page === 0 ? page + \"-\" + pageDisplaySize + \" of \" + totalResults :  (page * 10) - 9 + \"-\" + page * 10 + \" of \" + totalResults}\r\n      `\r\n    }\r\n  }else{\r\n    tableFooterDiv.children['pageNumbersInfo'].innerHTML =  `\r\n      ${(page * pageDisplaySize) - 9 + \"-\" + page * pageDisplaySize + \" of \" + totalResults}\r\n      `\r\n  }\r\n\r\n  searchTableDivParent.appendChild(tableFooterDiv)\r\n  const pageNumberFocus = document.querySelectorAll('.page-link')\r\n  footerNavigation(pageNumberFocus, page)\r\n}\r\n\r\n"],"file":"internal-confidential-searchFooter.js"}