mirror of
https://github.com/sys-nyx/red-arch.git
synced 2025-07-16 11:28:53 -04:00
113 lines
No EOL
4.2 KiB
HTML
113 lines
No EOL
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="../static/css/lato.css">
|
|
<link rel="stylesheet" href="../static/css/bootstrap-superhero.min.css">
|
|
<link rel="stylesheet" href="../static/css/archive.css">
|
|
<link rel="stylesheet" href="../static/css/main.css">
|
|
<script>
|
|
const searchWorker = new Worker("../static/js/search.js");
|
|
function displaySearch(results) {
|
|
let links = document.querySelector('.links')
|
|
links.innerHTML = ''
|
|
results.forEach(r => {
|
|
|
|
d = document.createElement('div')
|
|
d.classList.add('link')
|
|
d.classList.add('mt-3')
|
|
|
|
t = document.createElement('h5')
|
|
t.classList.add('title')
|
|
t.classList.add('mb-0')
|
|
a = document.createElement('a')
|
|
a.innerText = r.meta.title
|
|
a.href = `${r.meta.subreddit}/${r.meta.path}`
|
|
a.class = 'link'
|
|
t.appendChild(a)
|
|
|
|
p = document.createElement('p')
|
|
p.innerText = `"${r.meta.body_short.replace(/[\n\r\t]/g, " ")}..."`
|
|
p.classList.add('text-muted')
|
|
p.style.marginBottom = 0
|
|
|
|
s = document.createElement('small')
|
|
s.classList.add('text-muted')
|
|
|
|
score = document.createElement('span')
|
|
score.innerText = r.meta.score
|
|
score.classList.add('badge')
|
|
score.classList.add('badge-secondary')
|
|
|
|
c = document.createElement('a')
|
|
c.href = `${r.meta.subreddit}/${r.meta.path}`
|
|
c.innerText = ` ${r.meta.replies} Comments`
|
|
s.appendChild(c)
|
|
|
|
post_meta = document.createElement('span')
|
|
post_meta.classList.add('text-muted')
|
|
post_meta.innerHTML = ` ${r.meta.date} <a href="user/${r.meta.author}.html">${r.meta.author}</a>`
|
|
|
|
s.appendChild(post_meta)
|
|
d.appendChild(t)
|
|
d.appendChild(p)
|
|
d.appendChild(score)
|
|
d.appendChild(s)
|
|
links.appendChild(d)
|
|
});
|
|
}
|
|
searchWorker.onmessage = (e) => {
|
|
displaySearch(e.data)
|
|
}
|
|
</script>
|
|
<title>search</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
|
|
<a class="navbar-brand" href="index.html">Search</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">subreddits</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<a class="dropdown-item" href="../index.html">All</a>
|
|
<a class="dropdown-item" href="../transdiy/index.html">transdiy</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<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>
|
|
</main>
|
|
<footer class="container-fluid">
|
|
<p class="small mb-0">r/transdiy archive has 48616 posts and 318879 comments. <a href="https://github.com/libertysoft3/reddit-html-archiver">source code</a>.</p>
|
|
</footer>
|
|
<script src="../static/js/jquery-3.3.1.slim.min.js"></script>
|
|
<script src="../static/js/bootstrap.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$(window).keydown(function(event){
|
|
if(event.keyCode == 13) {
|
|
event.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |