Git-Mirrors/red-arch
1
0
Fork 0
mirror of https://github.com/sys-nyx/red-arch.git synced 2025-05-06 16:55:17 -04:00
Code Issues Projects Releases Packages Wiki Activity

modified search page html for displaying search results

Browse source
This commit is contained in:
sys-nyx 2024-12-29 01:35:40 -08:00
parent 2ead848a10
commit 831dc1452b
1 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

34
templates/search.html
View file

@ -6,6 +6,23 @@
<link rel="stylesheet" href="###INCLUDE_PATH###static/css/lato.css"> <link rel="stylesheet" href="###INCLUDE_PATH###static/css/lato.css">
<link rel="stylesheet" href="###INCLUDE_PATH###static/css/bootstrap-superhero.min.css"> <link rel="stylesheet" href="###INCLUDE_PATH###static/css/bootstrap-superhero.min.css">
<link rel="stylesheet" href="###INCLUDE_PATH###static/css/archive.css"> <link rel="stylesheet" href="###INCLUDE_PATH###static/css/archive.css">
<script>
const searchWorker = new Worker("../static/js/search.js");
function displaySearch(results) {
let links = document.querySelector('.links')
links.innerHTML = ''
results.forEach(element => {
console.log(element.ref);
r = document.createElement('div')
r.innerHTML = `<a href=${element.ref} class='link'>${element.ref}</a>`
links.appendChild(r)
});
}
searchWorker.onmessage = (e) => {
displaySearch(e.data)
}
</script>
<title>r/###SUB### ###TITLE###</title> <title>r/###SUB### ###TITLE###</title>
</head> </head>
<body> <body>
@ -41,8 +58,13 @@
</nav> </nav>
</header> </header>
<main role="main" class="container-fluid"> <main role="main" class="container-fluid">
<form class="search">
<input type="text" name="query" id="query">
<input type="button" class="btn btn-info" value="Search" onclick="searchWorker.postMessage(query.value)">></form>
</form>
<div class="links search mt-3"> <div class="links search mt-3">
###HTML_LINKS###
</div> </div>
</main> </main>
<footer class="container-fluid"> <footer class="container-fluid">
@ -50,5 +72,15 @@
</footer> </footer>
<script src="###INCLUDE_PATH###static/js/jquery-3.3.1.slim.min.js"></script> <script src="###INCLUDE_PATH###static/js/jquery-3.3.1.slim.min.js"></script>
<script src="###INCLUDE_PATH###static/js/bootstrap.min.js"></script> <script src="###INCLUDE_PATH###static/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
});
</script>
</body> </body>
</html> </html>