public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

feat: restructure lesson files and update success indicators

Browse Source
This commit is contained in:
Michael Czechowski
2025-05-14 00:51:10 +02:00
parent 910529a6c3
commit 9249f122a4
17 changed files with 990 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/helpers/renderer.js
View File

@@ -13,7 +13,7 @@ let feedbackElement = null;
*/
export function renderModuleList(container, modules, onSelectModule) {
// Clear the container
container.innerHTML = "<h3>Modules</h3>";
container.innerHTML = "<h3>CSS Lessons</h3>";
// Create list items for each module
modules.forEach((module) => {
@@ -86,16 +86,18 @@ export function showFeedback(isSuccess, message) {
feedbackElement.textContent = message;
// Find where to insert the feedback
const insertAfter = document.querySelector(".code-editor");
const insertAfter = document.querySelector(".editor-content");
if (insertAfter && insertAfter.parentNode) {
insertAfter.parentNode.insertBefore(feedbackElement, insertAfter.nextSibling);
}
// Auto-remove feedback after some time if successful
if (isSuccess) {
if (!isSuccess) {
setTimeout(() => {
clearFeedback();
}, 5000);
if (feedbackElement && feedbackElement.parentNode) {
feedbackElement.parentNode.removeChild(feedbackElement);
}
feedbackElement = null;
}, 3_000); // Remove feedback after 3 seconds
}
}