View open issues on index.html

This commit is contained in:
Benjamin 2023-02-12 10:58:38 +01:00
parent 7406dd09af
commit f5b74ebd36

View file

@ -14,7 +14,40 @@
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
<meta name="msapplication-TileColor" content="#2b5797"> <meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<script>
async function getIssues() {
let response = await fetch("https://benjamin.stadlbauer.wien/git/api/v1/repos/Benjamin/personal-website/issues?state=open", {
headers: {
"Accept": "application/json"
}
});
return await response.json();
}
async function fillIssues() {
let issues = [];
try {
issues = await getIssues();
let ul = document.getElementById("issues");
issues.forEach(issue => {
let li = document.createElement("li");
li.appendChild(document.createTextNode(issue.title));
ul.appendChild(li);
})
} catch (ex) {
console.warn("Could not fetch open issues via API");
console.warn(ex);
document.getElementById("open_issues_p").remove()
document.getElementById("issues").remove()
}
}
window.onload = (event) => {
fillIssues();
}
</script>
</head> </head>
<body> <body>
@ -29,7 +62,7 @@
<main> <main>
<h1>Benjamin&rsquo;s Website</h1> <h1>Benjamin&rsquo;s Website</h1>
<p>Welcome to my website which is still under construction.</p> <p>Welcome to my website which is still under construction.</p>
<p>I am currently working on the <a href="cv.html">curriculum vitae</a> part of the website, where one will find <p>I finished updating my <a href="cv.html">curriculum vitae</a> part of the website, where one will find
some information about my professional background.</p> some information about my professional background.</p>
<p>I will of course invest more time into this website <p>I will of course invest more time into this website
<ul> <ul>
@ -37,6 +70,11 @@
<li>to make it more accessible.</li> <li>to make it more accessible.</li>
</ul> </ul>
</p> </p>
<p id="open_issues_p">
These are the open issues for my website:
<ul id="issues">
</ul>
</p>
<footer> <footer>
<h2>About this website</h2> <h2>About this website</h2>
<p>I started this website as a pet-project <p>I started this website as a pet-project