Making the main page folders open and close instead of showing everything
This commit is contained in:
@@ -698,21 +698,29 @@
|
||||
return;
|
||||
}
|
||||
|
||||
container.innerHTML = groupNames.map(group => `
|
||||
<div style="margin-bottom: 20px;">
|
||||
<div style="font-weight:bold; color:#00a0ff; border-bottom:1px solid #444; padding-bottom:4px; margin-bottom:8px;">
|
||||
📁 ${group}
|
||||
container.innerHTML = groupNames.map((group, i) => `
|
||||
<div class="tree-item">
|
||||
<div class="tree-header directory" onclick="toggleTree(this)">
|
||||
<div class="tree-title">
|
||||
<span class="tree-icon">📁</span>
|
||||
<span class="tree-name">${group}</span>
|
||||
<span class="tree-stats">${data.groups[group].length} course${data.groups[group].length === 1 ? '' : 's'}</span>
|
||||
</div>
|
||||
<button class="tree-toggle">▶</button>
|
||||
</div>
|
||||
<div class="tree-content">
|
||||
${data.groups[group].map(course => `
|
||||
<div class="library-course"
|
||||
onclick="loadCoursePath('${course.path.replace(/'/g, "\\'")}')"
|
||||
style="background:#333; border-radius:5px; padding:10px 14px; margin:6px 0;
|
||||
cursor:pointer; display:flex; justify-content:space-between; align-items:center;">
|
||||
<span>🎓 ${course.name}</span>
|
||||
<span style="color:#999; font-size:12px;">${course.media_files} media file${course.media_files === 1 ? '' : 's'}</span>
|
||||
<div class="lesson-item"
|
||||
onclick="loadCoursePath('${course.path.replace(/'/g, "\\'")}')">
|
||||
<div class="lesson-title">
|
||||
<span class="lesson-icon">🎓</span>
|
||||
<span>${course.name}</span>
|
||||
</div>
|
||||
<span class="lesson-meta">${course.media_files} media file${course.media_files === 1 ? '' : 's'}</span>
|
||||
</div>
|
||||
`).join('')}
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
})
|
||||
.catch(() => {
|
||||
|
||||
Reference in New Issue
Block a user