{"version":3,"names":[],"mappings":"","sources":["internal-confidential-searchFilter.js"],"sourcesContent":["import {filterSearch, setPageNumber, setPageDisplaySize} from './internal-confidential-search.js'\r\nimport {tabKeyNavigation, tabKeyNavigationDropDownList} from \"../utilities/navigation.js\";\r\nwindow.filterSearch = filterSearch\r\nwindow.setPageNumber = setPageNumber\r\nwindow.setPageDisplaySize = setPageDisplaySize\r\n\r\nconst StateProvinces = [\r\n  {\r\n    Id: 1,\r\n    Code: \"AL\",\r\n    Name: \"Alabama\"\r\n  },\r\n  {\r\n    Id: 2,\r\n    Code: \"AK\",\r\n    Name: \"Alaska\"\r\n  },\r\n  {\r\n    Id: 4,\r\n    Code: \"AZ\",\r\n    Name: \"Arizona\"\r\n  },\r\n  {\r\n    Id: 5,\r\n    Code: \"AR\",\r\n    Name: \"Arkansas\"\r\n  },\r\n  {\r\n    Id: 7,\r\n    Code: \"CA\",\r\n    Name: \"California\"\r\n  },\r\n  {\r\n    Id: 8,\r\n    Code: \"CO\",\r\n    Name: \"Colorado\"\r\n  },\r\n  {\r\n    Id: 9,\r\n    Code: \"CT\",\r\n    Name: \"Connecticut\"\r\n  },\r\n  {\r\n    Id: 10,\r\n    Code: \"DE\",\r\n    Name: \"Delaware\"\r\n  },\r\n  {\r\n    Id: 11,\r\n    Code: \"DC\",\r\n    Name: \"District of Columbia\"\r\n  },\r\n  {\r\n    Id: 13,\r\n    Code: \"FL\",\r\n    Name: \"Florida\"\r\n  },\r\n  {\r\n    Id: 15,\r\n    Code: \"GA\",\r\n    Name: \"Georgia\"\r\n  },\r\n  {\r\n    Id: 16,\r\n    Code: \"HI\",\r\n    Name: \"Hawaii\"\r\n  },\r\n  {\r\n    Id: 17,\r\n    Code: \"ID\",\r\n    Name: \"Idaho\"\r\n  },\r\n  {\r\n    Id: 18,\r\n    Code: \"IL\",\r\n    Name: \"Illinois\"\r\n  },\r\n  {\r\n    Id: 19,\r\n    Code: \"IN\",\r\n    Name: \"Indiana\"\r\n  },\r\n  {\r\n    Id: 20,\r\n    Code: \"IA\",\r\n    Name: \"Iowa\"\r\n  },\r\n  {\r\n    Id: 21,\r\n    Code: \"KS\",\r\n    Name: \"Kansas\"\r\n  },\r\n  {\r\n    Id: 23,\r\n    Code: \"KY\",\r\n    Name: \"Kentucky\"\r\n  },\r\n  {\r\n    Id: 24,\r\n    Code: \"LA\",\r\n    Name: \"Louisiana\"\r\n  },\r\n  {\r\n    Id: 25,\r\n    Code: \"ME\",\r\n    Name: \"Maine\"\r\n  },\r\n  {\r\n    Id: 27,\r\n    Code: \"MD\",\r\n    Name: \"Maryland\"\r\n  },\r\n  {\r\n    Id: 28,\r\n    Code: \"MA\",\r\n    Name: \"Massachusetts\"\r\n  },\r\n  {\r\n    Id: 29,\r\n    Code: \"MI\",\r\n    Name: \"Michigan\"\r\n  },\r\n  {\r\n    Id: 30,\r\n    Code: \"MN\",\r\n    Name: \"Minnesota\"\r\n  },\r\n  {\r\n    Id: 31,\r\n    Code: \"MS\",\r\n    Name: \"Mississippi\"\r\n  },\r\n  {\r\n    Id: 32,\r\n    Code: \"MO\",\r\n    Name: \"Missouri\"\r\n  },\r\n  {\r\n    Id: 33,\r\n    Code: \"MT\",\r\n    Name: \"Montana\"\r\n  },\r\n  {\r\n    Id: 34,\r\n    Code: \"NE\",\r\n    Name: \"Nebraska\"\r\n  },\r\n  {\r\n    Id: 35,\r\n    Code: \"NV\",\r\n    Name: \"Nevada\"\r\n  },\r\n  {\r\n    Id: 37,\r\n    Code: \"NH\",\r\n    Name: \"New Hampshire\"\r\n  },\r\n  {\r\n    Id: 38,\r\n    Code: \"NJ\",\r\n    Name: \"New Jersey\"\r\n  },\r\n  {\r\n    Id: 39,\r\n    Code: \"NM\",\r\n    Name: \"New Mexico\"\r\n  },\r\n  {\r\n    Id: 40,\r\n    Code: \"NY\",\r\n    Name: \"New York\"\r\n  },\r\n  {\r\n    Id: 42,\r\n    Code: \"NC\",\r\n    Name: \"North Carolina\"\r\n  },\r\n  {\r\n    Id: 43,\r\n    Code: \"ND\",\r\n    Name: \"North Dakota\"\r\n  },\r\n  {\r\n    Id: 47,\r\n    Code: \"OH\",\r\n    Name: \"Ohio\"\r\n  },\r\n  {\r\n    Id: 48,\r\n    Code: \"OK\",\r\n    Name: \"Oklahoma\"\r\n  },\r\n  {\r\n    Id: 50,\r\n    Code: \"OR\",\r\n    Name: \"Oregon\"\r\n  },\r\n  {\r\n    Id: 52,\r\n    Code: \"PA\",\r\n    Name: \"Pennsylvania\"\r\n  },\r\n  {\r\n    Id: 54,\r\n    Code: \"PR\",\r\n    Name: \"Puerto Rico\"\r\n  },\r\n  {\r\n    Id: 56,\r\n    Code: \"RI\",\r\n    Name: \"Rhode Island\"\r\n  },\r\n  {\r\n    Id: 59,\r\n    Code: \"SC\",\r\n    Name: \"South Carolina\"\r\n  },\r\n  {\r\n    Id: 60,\r\n    Code: \"SD\",\r\n    Name: \"South Dakota\"\r\n  },\r\n  {\r\n    Id: 61,\r\n    Code: \"TN\",\r\n    Name: \"Tennessee\"\r\n  },\r\n  {\r\n    Id: 62,\r\n    Code: \"TX\",\r\n    Name: \"Texas\"\r\n  },\r\n  {\r\n    Id: 63,\r\n    Code: \"UT\",\r\n    Name: \"Utah\"\r\n  },\r\n  {\r\n    Id: 64,\r\n    Code: \"VT\",\r\n    Name: \"Vermont\"\r\n  },\r\n  {\r\n    Id: 65,\r\n    Code: \"VA\",\r\n    Name: \"Virginia\"\r\n  },\r\n  {\r\n    Id: 67,\r\n    Code: \"WA\",\r\n    Name: \"Washington\"\r\n  },\r\n  {\r\n    Id: 68,\r\n    Code: \"WV\",\r\n    Name: \"West Virginia\"\r\n  },\r\n  {\r\n    Id: 69,\r\n    Code: \"WI\",\r\n    Name: \"Wisconsin\"\r\n  },\r\n  {\r\n    Id: 70,\r\n    Code: \"WY\",\r\n    Name: \"Wyoming\"\r\n  }\r\n  // ,{\r\n  //   Id: 3,\r\n  //   Code: \"AB\",\r\n  //   Name: \"Alberta\"\r\n  // },\r\n  // {\r\n  //   Id: 6,\r\n  //   Code: \"BC\",\r\n  //   Name: \"British Columbia\"\r\n  // },\r\n  // {\r\n  //   Id: 26,\r\n  //   Code: \"MB\",\r\n  //   Name: \"Manitoba\"\r\n  // },\r\n  // {\r\n  //   Id: 36,\r\n  //   Code: \"NB\",\r\n  //   Name: \"New Brunswick\"\r\n  // },\r\n  // {\r\n  //   Id: 41,\r\n  //   Code: \"NL\",\r\n  //   Name: \"Newfoundland\"\r\n  // },\r\n  // {\r\n  //   Id: 45,\r\n  //   Code: \"NT\",\r\n  //   Name: \"Northwest Territories\"\r\n  // },\r\n  // {\r\n  //   Id: 46,\r\n  //   Code: \"NS\",\r\n  //   Name: \"Nova Scotia\"\r\n  // },\r\n  // {\r\n  //   Id: 49,\r\n  //   Code: \"ON\",\r\n  //   Name: \"Ontario\"\r\n  // },\r\n  // {\r\n  //   Id: 53,\r\n  //   Code: \"PE\",\r\n  //   Name: \"Prince Edward Island\"\r\n  // },\r\n  // {\r\n  //   Id: 55,\r\n  //   Code: \"QC\",\r\n  //   Name: \"Quebec\"\r\n  // },\r\n  // {\r\n  //   Id: 57,\r\n  //   Code: \"SK\",\r\n  //   Name: \"Saskatchewan\"\r\n  // },\r\n  // {\r\n  //   Id: 71,\r\n  //   Code: \"YT\",\r\n  //   Name: \"Yukon\"\r\n  // }\r\n];\r\n\r\nconst distance = [\r\n  {\r\n    value: \"10\",\r\n    display: \"10 miles\"\r\n  },\r\n  {\r\n    value: \"25\",\r\n    display: \"25 miles\"\r\n  },\r\n  {\r\n    value: \"50\",\r\n    display: \"50 miles\"\r\n  },\r\n  {\r\n    value: \"100\",\r\n    display: \"100 miles\"\r\n  }\r\n]\r\nconst searchTableDiv = document.getElementById(\"searchTableDiv\")\r\n\r\nconst tableFilterDiv = document.createElement(\"div\")\r\ntableFilterDiv.setAttribute(\"class\", \"container\")\r\ntableFilterDiv.setAttribute(\"id\", \"searchFilterContainer\")\r\n\r\nconst filterNav = document.createElement(\"div\")\r\n\r\nfilterNav.innerHTML =\r\n  `\r\n    <nav class=\"navbar navbar-expand-lg navbar-light mx-3\">\r\n\r\n      <button class=\"navbar-toggler w-100 justify-content-center\" type=\"button\" data-toggle=\"collapse\" data-target=\"#searchFilter\" aria-controls=\"searchFilter\" aria-expanded=\"false\" aria-label=\"Toggle Search\">\r\n        <span class=\"mt-1\">Search Options</span>\r\n        <span class=\"navbar-toggler-icon\"></span>\r\n      </button>\r\n      <div class=\"collapse navbar-collapse\"  id=\"searchFilter\">\r\n          <form  class=\"d-flex flex-wrap flex-row \">\r\n              <div class=\"searchItem\">\r\n                  <label for=\"inputTitle\">Job Title/Description</label>\r\n                  <input type=\"text\" class=\"form-control\" id=\"inputTitle\" style=\"min-width:250px;\">\r\n              </div>\r\n              <div class=\"searchItem\" >\r\n                  <label for=\"inputId\">Id</label>\r\n                  <input type=\"text\" class=\"form-control\" id=\"inputId\" style=\"max-width: 80px;\" >\r\n              </div>\r\n              <div class=\"searchItem\" >\r\n                 <label for=\"inputCity\">City</label>\r\n                 <input type=\"text\" class=\"form-control\" id=\"inputCity\">\r\n              </div>\r\n              <div class=\"searchItem\" >\r\n                 <label for=\"inputState\">State</label>\r\n                  <select id=\"inputState\" class=\"form-control\" style=\"max-width: 120px;\" >\r\n                      <option value=\"\"></option>\r\n                      ${StateProvinces.map((option) => (\r\n    `<option value=${option.Code}>${option.Name}</option>`\r\n  ))}\r\n                  </select>\r\n              </div>\r\n              <div id=\"zipRadius\" class=\"d-flex flex-nowrap flex-row justify-content-around searchItem\">\r\n                <div class=\"pr-3\">\r\n                    <label for=\"inputZipRadius\">Zip Code</label>\r\n                    <input type=\"text\" class=\"form-control mx-auto\"\r\n                           id=\"inputZipRadius\"\r\n                           onchange=\"enableDistance()\"\r\n                            style=\"max-width: 60px;\" >\r\n                </div>\r\n                <div >\r\n                    <label for=\"radiusMiles\" style=\"display: block\">Distance</label>\r\n                    <select id=\"radiusMiles\" class=\"form-control\" style=\"max-width: 90px;\"  >\r\n                      <option value=\"0\"></option>\r\n                       ${distance.map(distance => (\r\n    `<option value=${distance.value}>${distance.display}</option>`\r\n  ))}\r\n                    </select>\r\n                </div>\r\n              </div>\r\n              <div class=\"mx-auto\">\r\n                  <button type=\"submit\" class=\"btn btn-application ml-1 mt-3\" onclick={filterSearch(event)}>Search</button>\r\n              </div>\r\n          </form>\r\n     </div>\r\n      </nav>\r\n         <div class=\"dataTables_length d-flex flex-nowrap flex-row justify-content-center align-items-baseline\" id=\"pageDisplaySize\">\r\n             <label class=\"pr-1\">Show </label>\r\n                    <select id=\"jobsPerPage\" onChange={setPageDisplaySize(event)}\r\n                            class=\"form-control p-0\" style=\"padding:0 !important;max-width:45px;\">\r\n                        ${[10, 15, 20].map(pageSize => (\r\n    `<option value=${pageSize}>${pageSize}</option>`\r\n  ))}\r\n                    </select>\r\n             <label class=\"pl-1\"> Jobs per Page</label>\r\n         </div>\r\n`\r\n\r\ntableFilterDiv.appendChild(filterNav)\r\nsearchTableDiv.insertBefore(tableFilterDiv, searchTableDiv.children['searchTable'])\r\n\r\nconst inputTitleFilter = document.querySelector('#inputTitle')\r\nconst inputIdFilter = document.querySelector('#inputId')\r\nconst inputCityFilter = document.querySelector('#inputCity')\r\nconst inputStateFilter = document.querySelector('#inputState')\r\nconst inputZipRadiusFilter = document.querySelector('#inputZipRadius')\r\nconst radiusMilesFilter = document.querySelector('#radiusMiles')\r\nconst jobsPerPageFilter = document.querySelector('#jobsPerPage')\r\n// const resetBtnFilter = document.querySelector('#resetBtn')\r\nconst submitSearchFilter = document.querySelector('#submitSearch')\r\n\r\ntabKeyNavigation(inputTitleFilter)\r\ntabKeyNavigation(inputIdFilter)\r\ntabKeyNavigation(inputCityFilter)\r\ntabKeyNavigation(inputStateFilter)\r\ntabKeyNavigation(inputZipRadiusFilter)\r\ntabKeyNavigation(radiusMilesFilter)\r\ntabKeyNavigation(jobsPerPageFilter)\r\n\r\n// tabKeyNavigationDropDownList(resetBtnFilter)\r\ntabKeyNavigationDropDownList(submitSearchFilter)\r\n"],"file":"internal-confidential-searchFilter.js"}