y0rune/frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

You can add lecture to your basket now

Browse Source
This commit is contained in:
wrzesinski-hubert
2020-06-30 22:09:13 +02:00
parent c80d1b624d
commit b45457b614
5 changed files with 79 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/RightBar/index.tsx
View File

@ -1,9 +1,10 @@
import React, { useState } from "react";
import React, { useState, useContext } from "react";
import "./index.scss";
import { Lecture } from "../../lectures";
import LectureCard from "./LectureCard";
import BusinessLogicContext from "../../businesslogic/BusinessLogicContext";
import { BuisnessProvided } from "../../businesslogic/BusinessLogicProvider";
import { LecturesContext } from "../../businesslogic/LecturesProvider";
interface RightBarProps {
onGroupMouseOver: (id: string, name: string) => void;
@ -14,6 +15,9 @@ interface RightBarProps {
export default function RightBar({ lectures, onGroupMouseOver, onGroupClick }: RightBarProps) {
const [selectedCardId, setSelectedCardId] = useState<string | null>(null);
const lecturesContext = useContext(LecturesContext);
const onCardClick = (e: React.MouseEvent) => {
const target = e.currentTarget as HTMLElement;
selectedCardId === target.id ? setSelectedCardId(null) : setSelectedCardId(target.id);
@ -28,7 +32,7 @@ export default function RightBar({ lectures, onGroupMouseOver, onGroupClick }: R
Hubert Wrzesiński<br></br>
Semestr zimowy 2020/2021
</div>
{lectures.map((lecture, index) => (
{lecturesContext.lectures.map((lecture, index) => (
<LectureCard
lecture={lecture}
key={index}

48
src/components/TopBar/Results/index.tsx
View File

@ -1,8 +1,12 @@
import React, { useState } from "react";
import React, { useState, useContext } from "react";
import axios from "axios";
import { Input } from "@material-ui/core";
import "./index.scss";
import ClickAwayListener from "@material-ui/core/ClickAwayListener";
import { LecturesContext } from "../../../businesslogic/LecturesProvider";
import { Lecture, Group } from "../../../lectures";
import { GroupingPanel } from "@devexpress/dx-react-scheduler";
import { group } from "console";
interface data {
id: number;
@ -10,11 +14,18 @@ interface data {
sym: string;
}
export const Results: React.FC = () => {
const [input, setInput] = useState<string>("");
const [data, setData] = useState<Array<data>>([]);
const [open, setOpen] = React.useState(false);
const lecturesContext = useContext(LecturesContext);
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setInput(event.target.value);
//query should be updated on backend to not accept empty string
@ -39,6 +50,36 @@ export const Results: React.FC = () => {
setOpen(false);
};
const onLectureClick = (e: React.MouseEvent) => {
const target = e.currentTarget as HTMLElement;
const id = target.id;
const lecture = {name: "", groups: []} as Lecture;
console.log(id);
axios
.get(`http://localhost:1287/getClassesByCourseId?id=${id}`)
.then((response) => {
for(let data of response.data){
console.log("XDD");
console.log(data);
let group = {} as Group;
lecture.name = data.course.name;
group.id = data.id;
group.day = data.day;
group.time = data.time;
group.lecturer = `${data.lecturer.title} ${data.lecturer.name} ${data.lecturer.surname}`;
group.room = data.room.trim();
lecture.groups.push(group);
console.log("XDDD");
console.log(lecture.groups);
lecturesContext.updateLectures(lecture);
}
setOpen(false);
});
}
return (
<ClickAwayListener onClickAway={handleClickAway}>
<div>
@ -52,8 +93,8 @@ export const Results: React.FC = () => {
{open ? (
<div className="dropdown">
{data.map((lecture, index) => (
<div className="lecture" key={index}>
<p>{lecture.name}</p>
<div className="lecture" key={index} id={String(lecture.id)} onClick={onLectureClick}>
<p>{lecture.name} </p>
</div>
))}
</div>
@ -62,3 +103,4 @@ export const Results: React.FC = () => {
</ClickAwayListener>
);
};