mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update app.js

Browse source
This commit is contained in:
Mark Randall Havens △ The Empathic Technologist ⟁ Doctor Who 42 2025-11-08 19:01:40 -06:00 • committed by GitHub
parent 9f4d8fdf8a
commit 42c2cfb9e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

23
public/app.js
View file

@ -35,7 +35,9 @@ async function init() {
function populateNav() { function populateNav() {
els.primaryNav.innerHTML = '<a href="#/">Home</a>'; els.primaryNav.innerHTML = '<a href="#/">Home</a>';
indexData.sections.forEach(s => { indexData.sections.forEach(s => {
const hasIndex = indexData.flat.some(f => f.path.startsWith(s + "/") && f.isIndex); const hasIndex = indexData.flat.some(f =>
f.path.startsWith(s + "/") && f.isIndex
);
if (hasIndex) { if (hasIndex) {
els.primaryNav.innerHTML += `<a href="#/${s}/">${s.charAt(0).toUpperCase() + s.slice(1)}</a>`; els.primaryNav.innerHTML += `<a href="#/${s}/">${s.charAt(0).toUpperCase() + s.slice(1)}</a>`;
} }
@ -79,7 +81,6 @@ function wireUI() {
[els.tagSelect, els.sortSelect, els.searchMode].forEach(el => el.addEventListener("change", renderList)); [els.tagSelect, els.sortSelect, els.searchMode].forEach(el => el.addEventListener("change", renderList));
els.searchBox.addEventListener("input", renderList); els.searchBox.addEventListener("input", renderList);
// Click outside to close sidebar (works on iframe too)
els.content.addEventListener("click", (e) => { els.content.addEventListener("click", (e) => {
if (window.innerWidth < 1024 && document.body.classList.contains("sidebar-open")) { if (window.innerWidth < 1024 && document.body.classList.contains("sidebar-open")) {
if (!e.target.closest("#sidebar")) { if (!e.target.closest("#sidebar")) {
@ -90,6 +91,13 @@ function wireUI() {
}); });
} }
function formatDateTime(mtime) {
const d = new Date(mtime);
const date = d.toISOString().split("T")[0];
const time = d.toTimeString().slice(0, 5);
return `${date} at ${time}`;
}
function renderList() { function renderList() {
const section = els.sectionSelect.value; const section = els.sectionSelect.value;
const tags = Array.from(els.tagSelect.selectedOptions).map(o => o.value.toLowerCase()); const tags = Array.from(els.tagSelect.selectedOptions).map(o => o.value.toLowerCase());
@ -112,7 +120,8 @@ function renderList() {
posts.forEach(p => { posts.forEach(p => {
const li = document.createElement("li"); const li = document.createElement("li");
const pin = p.isPinned ? "Star " : ""; const pin = p.isPinned ? "Star " : "";
li.innerHTML = `<a href="#/${p.path}">${pin}${p.title}</a><small>${new Date(p.mtime).toISOString().split("T")[0]}</small>`; const datetime = formatDateTime(p.mtime);
li.innerHTML = `<a href="#/${p.path}">${pin}${p.title}</a><small>${datetime}</small>`;
els.postList.appendChild(li); els.postList.appendChild(li);
}); });
} }
@ -134,7 +143,9 @@ async function handleHash() {
if (rel.endsWith('/')) { if (rel.endsWith('/')) {
const section = rel.slice(0, -1); const section = rel.slice(0, -1);
const indexFile = indexData.flat.find(f => f.path.startsWith(section + "/") && f.isIndex); const indexFile = indexData.flat.find(f =>
f.path.startsWith(section + "/") && f.isIndex
);
if (indexFile) { if (indexFile) {
indexFile.ext === ".md" ? await renderMarkdown(indexFile.path) : renderIframe(indexFile.path); indexFile.ext === ".md" ? await renderMarkdown(indexFile.path) : renderIframe(indexFile.path);
} else { } else {
@ -176,9 +187,7 @@ function renderIframe(rel) {
img, video, iframe {max-width:100%;height:auto;} img, video, iframe {max-width:100%;height:auto;}
`; `;
doc.head.appendChild(style); doc.head.appendChild(style);
} catch (e) { } catch (e) {}
// Cross-origin: ignore
}
}; };
} }