{"id":492,"date":"2022-05-15T06:26:21","date_gmt":"2022-05-15T06:26:21","guid":{"rendered":"https:\/\/helpersofyourjoy.com\/?page_id=492"},"modified":"2022-05-16T01:07:25","modified_gmt":"2022-05-16T01:07:25","slug":"media-search","status":"publish","type":"page","link":"https:\/\/helpersofyourjoy.com\/?page_id=492","title":{"rendered":"Media Search"},"content":{"rendered":"\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\n* {\n  box-sizing: border-box;\n}\n\n#myInput {\n  \/* background-image: url('\/css\/searchicon.png'); *\/\n  background-position: 10px 12px;\n  background-repeat: no-repeat;\n  width: 100%;\n  font-size: 16px;\n  padding: 12px 20px 12px 40px;\n  border: 1px solid #ddd;\n  margin-bottom: 12px;\n}\n\n#myUL {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n#myUL li a {\n  border: 1px solid #ddd;\n  margin-top: -1px; \/* Prevent double borders *\/\n  background-color: #f6f6f6;\n  padding: 12px;\n  text-decoration: none;\n  font-size: 18px;\n  color: black;\n  display: block\n}\n\n#myUL li a:hover:not(.header) {\n  background-color: #eee;\n}\n<\/style>\n\n\n<input type=\"text\" id=\"myInput\" onkeyup=\"myFunction()\" placeholder=\"Search for names..\" title=\"Type in a name\">\n\n<ul id=\"myUL\">\n  <!-- <li><a href=\"#\">Adele<\/a><\/li>\n  <li><a href=\"#\">Agnes<\/a><\/li>\n\n  <li><a href=\"#\">Billy<\/a><\/li>\n  <li><a href=\"#\">Bob<\/a><\/li>\n\n  <li><a href=\"#\">Calvin<\/a><\/li>\n  <li><a href=\"#\">Christina<\/a><\/li>\n  <li><a href=\"#\">Cindy<\/a><\/li> -->\n<\/ul>\n\n<script>\n  const myULHandler = document.getElementById('myUL');\n  \/\/ myULHandler.innerHTML = 'this is a test';\n  console.log(\"start\");\n  \/\/ const url = 'http:\/\/localhost:8082\/media\/info';\n  const url = 'https:\/\/helpersofyourjoy.com\/media\/info';\n  let mediaDump = [];\n  fetch(url)\n  .then(response => {\n    console.log(\"running fetch: \", url)\n    if(!response.ok){\n      throw new Error(`HTTP error: ${response.status}`)\n    }\n    return response.json();\n  })\n  .then(function (data){\n    for(i=0;i<data.length;i++){\n      mediaDump.push(data[i]);\n      const a = document.createElement('li');\n      const b = document.createElement('a');\n      t = data[i].split(\"\/\");\n      aText = t[t.length-1];\n      aText = aText.replaceAll(\"_\", \" \");\n      aText = aText.replaceAll(\"-\", \" \");\n      \/\/ console.log(\"data[i]: \", mediaDump[1]);\n      b.href = data[i]\n      b.textContent = aText.toLowerCase();\n      a.appendChild(b);\n      myULHandler.appendChild(a);\n    }\n  })\n  console.log(\"mediaDump: \", mediaDump);\n  console.log(\"running populate loop\");\n  \n    \n  console.log(\"finished populate loop\");\nfunction myFunction() {\n    var input, filter, ul, li, a, i, txtValue;\n    input = document.getElementById(\"myInput\");\n    filter = input.value.toUpperCase();\n    ul = document.getElementById(\"myUL\");\n    li = ul.getElementsByTagName(\"li\");\n    for (i = 0; i < li.length; i++) {\n        a = li[i].getElementsByTagName(\"a\")[0];\n        txtValue = a.textContent || a.innerText;\n        if (txtValue.toUpperCase().indexOf(filter) > -1) {\n            li[i].style.display = \"\";\n        } else {\n            li[i].style.display = \"none\";\n        }\n    }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/pages\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=492"}],"version-history":[{"count":4,"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=\/wp\/v2\/pages\/492\/revisions\/497"}],"wp:attachment":[{"href":"https:\/\/helpersofyourjoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}