adding groups to scheduler

This commit is contained in:
wrzesinski-hubert 2020-08-09 21:54:49 +02:00
parent f6da0d9c72
commit 09384e46fd
3 changed files with 25 additions and 35 deletions

View File

@ -21,15 +21,12 @@ export const SchedulerEvents = ({
const [groupsMappedToEvents, setGroupsMappedToEvents] = useState<any>([]);
// const groups: Array<Group> = [{ id: "5", day: "4", time: "11.45", lecturer: "dr Dorota Blinkiewicz", room: "A2-3" },
// { id: "28", day: "1", time: "13.45", lecturer: "dr Barbara Kołodziejczak", room: "D-3" },
// { id: "69", day: "4", time: "15.30", lecturer: "dr Karol Gierszewski", room: "A2-3" }];
interface GroupTimeToEventRowMapping {
[time: string]: number
[time: string]: number;
}
const groupTimeToEventRowMapping: GroupTimeToEventRowMapping = {
@ -39,48 +36,46 @@ export const SchedulerEvents = ({
"13.45": 3,
"15.30": 4,
"17.15": 5,
}
};
useEffect(() => {
function mapGroupTimeToEventRow(groups: Array<Group>) {
const groupsMappedToEventsTemp = []
for (const group of groups) {
console.log(group);
const groupTime = group.time
const groupTime = group.time;
const eventRow: number = groupTimeToEventRowMapping[groupTime];
const groupMappedToEvent: any = { id: group.id, day: group.day, eventRow: eventRow, lecturer: group.lecturer, room: group.room };
setGroupsMappedToEvents((groupsMappedToEvents: any) => [...groupsMappedToEvents, groupMappedToEvent]);
const groupMappedToEvent: any = {
id: group.id,
day: group.day,
eventRow: eventRow,
lecturer: group.lecturer,
room: group.room,
};
groupsMappedToEventsTemp.push(groupMappedToEvent)
}
setGroupsMappedToEvents(groupsMappedToEventsTemp)
}
mapGroupTimeToEventRow(choosenGroups);
}, [choosenGroups]);
useEffect(() => {
console.log(choosenGroups)
console.log(groupsMappedToEvents);
}, [groupsMappedToEvents]);
return (
<div>
{
[...Array(6)].map((_, index) => (
<SchedulerRow
key={index}
groups={groupsMappedToEvents.filter((group: any) => { return group.eventRow === index })}
indexRow={index}
cellTop={cellTop + (10 + 70 * index)}
cellWidth={cellWidth}
/>
))
}
{[...Array(6)].map((_, index) => (
<SchedulerRow
key={index}
groups={groupsMappedToEvents.filter((group: any) => {
return group.eventRow === index;
})}
indexRow={index}
cellTop={cellTop + (10 + 70 * index)}
cellWidth={cellWidth}
/>
))}
</div>
);
};

View File

@ -19,9 +19,6 @@ export const SchedulerRow = ({
// eventDiv.style.backgroundColor = "#1547C5";
// };
console.log(`You passed me these of a groupzzz: ${groups}`)
return (
<div>
{[...Array(5)].map((value, eventIndex) => (

View File

@ -101,8 +101,6 @@ export const Results: React.FC = () => {
group.room = result[i].room.trim();
lecture.groups.push(group);
}
console.log(result);
console.log(result[0].course.name);
lecturesContext.addLecture(lecture);
setOpen(false);