2023-09-14 14:52:04 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2023-09-20 15:10:35 +07:00
|
|
|
<title>Recipe Manager</title>
|
2023-09-14 14:52:04 +07:00
|
|
|
<base href="/" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
2023-09-20 09:57:47 +07:00
|
|
|
<script src="https://accounts.google.com/gsi/client" async></script>
|
2023-09-20 12:18:12 +07:00
|
|
|
<!-- <link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://fonts.googleapis.com/css?family=Kanit"
|
|
|
|
|
/> -->
|
2023-09-14 14:52:04 +07:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2023-10-04 16:19:59 +07:00
|
|
|
<script>
|
|
|
|
|
// Context from Function d:/CodeProjects/recipe_manager/taobin_recipe_manager/server/python_api/merge_recipe.py:searchFnForHtml
|
|
|
|
|
function searchLog(){
|
|
|
|
|
var input, filter, logBody, logRow, logP, logContent;
|
|
|
|
|
input = document.getElementById("searchInput");
|
|
|
|
|
filter = input.value;
|
|
|
|
|
logBody = document.getElementById("logBody");
|
|
|
|
|
logRow = logBody.getElementsByTagName("div");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for(let i = 0; i < logRow.length; i++){
|
|
|
|
|
p = logRow[i].getElementsByTagName("p");
|
|
|
|
|
console.log("Total P = ", logRow[i].getElementsByTagName("p").length);
|
|
|
|
|
|
|
|
|
|
for(let p_i = 0; p_i < p.length; p_i++){
|
|
|
|
|
pcontent = p[p_i].textContent || p[p_i].innerText;
|
|
|
|
|
|
|
|
|
|
if(pcontent.includes(filter)){
|
|
|
|
|
logRow[i].style.display = "";
|
|
|
|
|
break;
|
|
|
|
|
} else {
|
|
|
|
|
logRow[i].style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2023-09-14 14:52:04 +07:00
|
|
|
<app-root></app-root>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
