rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-18 11:59:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: dynamically get chapters

Browse source
This commit is contained in:
swve 2022-11-04 19:13:30 +01:00
parent c2b3e51ad0
commit ee69cb7e58
2 changed files with 23 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

42
front/pages/org/[orgslug]/course/[courseid]/edit/index.tsx
View file

@ -20,12 +20,12 @@ function CourseEdit() {
const courseChapters = await getCourseChaptersMetadata(courseid);
setData(courseChapters);
console.log(courseChapters);
}
useEffect(() => {
useEffect(() => {
if (router.isReady) {
getCourseChapters();
}
setwinReady(true);
}, [router.isReady]);
@ -34,7 +34,12 @@ function CourseEdit() {
const getChapters = () => {
return data.chapterOrder.map((chapterId: any) => {
const chapter = data.chapters[chapterId];
const elements = chapter.elementIds.map((elementId: any) => data.elements[elementId]);
let elements = [];
if (data.elements) {
elements = chapter.elementIds.map((elementId: any) => data.elements[elementId])
? chapter.elementIds.map((elementId: any) => data.elements[elementId])
: null;
}
return {
list: {
chapter: chapter,
@ -68,7 +73,7 @@ function CourseEdit() {
chapterOrder: newChapterOrder,
};
console.log(newState);
setData(newState);
return;
}
@ -82,7 +87,7 @@ function CourseEdit() {
if (start === finish) {
// create new arrays for chapters and elements
const chapter = data.chapters[source.droppableId];
const newElementIds = Array.from(chapter.elements.element_id);
const newElementIds = Array.from(chapter.elementIds);
// remove the element from the old position
newElementIds.splice(source.index, 1);
@ -150,18 +155,17 @@ function CourseEdit() {
{winReady && (
<ChapterlistWrapper>
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId="chapters" type="chapter">
{(provided) => (
<div key={"chapters"} {...provided.droppableProps} ref={provided.innerRef}>
{getChapters().map((info: any, index: any) => (
<Chapter key={index} info={info} index={index}></Chapter>
))}
{provided.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
<Droppable droppableId="chapters" type="chapter">
{(provided) => (
<div key={"chapters"} {...provided.droppableProps} ref={provided.innerRef}>
{getChapters().map((info: any, index: any) => (
<Chapter key={index} info={info} index={index}></Chapter>
))}
{provided.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
</ChapterlistWrapper>
)}
</Layout>

2
src/services/chapters.py
View file

@ -13,8 +13,6 @@ from fastapi import FastAPI, HTTPException, status, Request, Response, Backgroun
class CourseElement(BaseModel):
element_id: str
content: str
content_type: str
class CourseChapter(BaseModel):