c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Better Asciidoc rendering

Browse Source
This commit is contained in:
Daniel Kluge 2022-02-04 23:29:51 +01:00
parent c49868cb92
commit 2393d8acc1
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/ProjectModal.tsx
View File

@ -19,16 +19,26 @@ const ProjectModal: NextPage<ModalInput> = ({ project, visible, setVisible }) =>
const projectNotFoundHtml = `<div class="${"error"}">Sorry! There is no data for this project. Please check back later to see if that changed!</div>`; const projectNotFoundHtml = `<div class="${"error"}">Sorry! There is no data for this project. Please check back later to see if that changed!</div>`;
const projectServerErrorHtml = `<div class="${"error"}">Sorry! A server error happend when the project data was fetched!</div>`; const projectServerErrorHtml = `<div class="${"error"}">Sorry! A server error happend when the project data was fetched!</div>`;
const generateFooter = (project: string, lastUpdate: string) => `<hr>
<div id="footer">
<div id="footer-text">
Last updated: ${lastUpdate} | <a href="https://git.c0ntroller.de/c0ntroller/frontpage-projects/src/branch/senpai/${project}.adoc">Document source</a>
</div>
</div>
`;
useEffect(() => { useEffect(() => {
if (project && project !== "") { if (project && project !== "") {
// TODO // TODO
// set Spinner // set Spinner
setProjectData("Loading...");
fetch(`/api/projects/${project}`).then((res) => { fetch(`/api/projects/${project}`).then((res) => {
if (res.status === 404) setProjectData(projectNotFoundHtml); if (res.status === 404) setProjectData(projectNotFoundHtml);
if (res.status !== 200) setProjectData(projectServerErrorHtml); if (res.status !== 200) setProjectData(projectServerErrorHtml);
res.text().then(data => { res.text().then(data => {
try { try {
setProjectData(ad.convert(data).toString()); const adDoc = ad.load(data, {attributes: {showtitle: true}});
setProjectData(adDoc.convert(adDoc).toString() + generateFooter(project, adDoc.getAttribute("docdatetime")));
} catch { } catch {
setProjectData(projectServerErrorHtml); setProjectData(projectServerErrorHtml);
} }
@ -54,7 +64,7 @@ const ProjectModal: NextPage<ModalInput> = ({ project, visible, setVisible }) =>
if (!visible) return <></>; if (!visible) return <></>;
return <div className={styles.modal} onKeyDown={onEscClose}> return <div className={styles.modal} onKeyDown={onEscClose}>
<div ref={containerRef} className={styles.modalContainer}> <div ref={containerRef} className={`${styles.modalContainer} asciidoc`}>
</div> </div>
</div>; </div>;
}; };