Update static/js/06-pages.js
This commit is contained in:
parent
d6e2ebf750
commit
f684f6ff69
@ -103,7 +103,7 @@ Glow.renderPages = () => {
|
|||||||
box.append(header);
|
box.append(header);
|
||||||
|
|
||||||
const filters = document.createElement("div");
|
const filters = document.createElement("div");
|
||||||
filters.className = "page-filters";
|
filters.className = "page-filters compact";
|
||||||
const filterOptions = [
|
const filterOptions = [
|
||||||
["", "All"],
|
["", "All"],
|
||||||
["project", "Projects"],
|
["project", "Projects"],
|
||||||
@ -143,7 +143,7 @@ Glow.renderPages = () => {
|
|||||||
|
|
||||||
Glow.buildPageCard = page => {
|
Glow.buildPageCard = page => {
|
||||||
const article = document.createElement("article");
|
const article = document.createElement("article");
|
||||||
article.className = "page-card";
|
article.className = "page-card compact";
|
||||||
article.tabIndex = 0;
|
article.tabIndex = 0;
|
||||||
|
|
||||||
const meta = document.createElement("div");
|
const meta = document.createElement("div");
|
||||||
@ -162,14 +162,6 @@ Glow.buildPageCard = page => {
|
|||||||
const title = document.createElement("h3");
|
const title = document.createElement("h3");
|
||||||
title.textContent = page.title;
|
title.textContent = page.title;
|
||||||
|
|
||||||
const excerpt = document.createElement("p");
|
|
||||||
excerpt.className = "page-card-excerpt";
|
|
||||||
const compactBody = (page.body || "").replace(/\s+/g, " ").trim();
|
|
||||||
excerpt.textContent =
|
|
||||||
compactBody.length > 180
|
|
||||||
? `${compactBody.slice(0, 180)}…`
|
|
||||||
: compactBody || "No content yet.";
|
|
||||||
|
|
||||||
const footer = document.createElement("div");
|
const footer = document.createElement("div");
|
||||||
footer.className = "page-card-footer";
|
footer.className = "page-card-footer";
|
||||||
const context = document.createElement("span");
|
const context = document.createElement("span");
|
||||||
@ -194,7 +186,7 @@ Glow.buildPageCard = page => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
article.append(meta, title, excerpt, footer);
|
article.append(meta, title, footer);
|
||||||
return article;
|
return article;
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -405,7 +397,7 @@ Glow.openPageVersionHistory = async page => {
|
|||||||
const left = document.createElement("button");
|
const left = document.createElement("button");
|
||||||
left.className = "small-button";
|
left.className = "small-button";
|
||||||
left.type = "button";
|
left.type = "button";
|
||||||
left.textContent = `v${version.version_number} · ${version.title}`;
|
left.textContent = `v${version.version_number} · ${version.title}`;
|
||||||
left.addEventListener("click", async () => {
|
left.addEventListener("click", async () => {
|
||||||
try {
|
try {
|
||||||
const detail = await Glow.apiGetPageVersion(version.id);
|
const detail = await Glow.apiGetPageVersion(version.id);
|
||||||
@ -502,9 +494,9 @@ Glow.renderPageDetail = () => {
|
|||||||
const context = document.createElement("p");
|
const context = document.createElement("p");
|
||||||
context.className = "page-detail-context";
|
context.className = "page-detail-context";
|
||||||
context.textContent = page.parent_page_title
|
context.textContent = page.parent_page_title
|
||||||
? `${page.team_name} · Child of ${page.parent_page_title}`
|
? `${page.team_name} · Child of ${page.parent_page_title}`
|
||||||
: page.channel_name
|
: page.channel_name
|
||||||
? `${page.team_name} · #${page.channel_name}`
|
? `${page.team_name} · #${page.channel_name}`
|
||||||
: page.team_name;
|
: page.team_name;
|
||||||
|
|
||||||
header.append(meta, title, context);
|
header.append(meta, title, context);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user