+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 | + + + + + + + +1x + + + + + + + +1x + + + + + + + + + + + + + + + + +1x + + + + + + +1x + + + + + + + +1x + + + + + + + +1x + + + + + +1x + + + + +1x + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { format } from 'date-fns';
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components/macro';
+import { axiosInstance } from '../utils/axiosInstance';
+import { useSnackbar } from 'notistack';
+import CloseIcon from '@material-ui/icons/Close';
+import { SyncLoader } from 'react-spinners';
+
+const StyledCloseIcon = styled(CloseIcon)`
+ color: #000000;
+ &:hover {
+ color: white;
+ cursor: pointer;
+ }
+`;
+
+const SaveButton = styled.button`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ user-select: none;
+ background-color: #c7a424;
+ border: none;
+ font-weight: bold;
+ cursor: pointer;
+ height: 40px;
+ &:hover {
+ color: #ffffff;
+ box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.24);
+ }
+
+ width: 150px;
+`;
+const AdministratorWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ margin: 0 auto;
+ height: 100vh;
+`;
+
+const Wrap = styled.div`
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const LogoWrapper = styled.div`
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Text = styled.div`
+ font-family: 'Roboto', sans-serif;
+ font-size: 5rem;
+ user-select: none;
+`;
+
+const Logo = styled.img`
+ width: 400px;
+ height: 400px;
+`;
+
+const Form = styled.form`
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ input {
+ padding: 5px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 210px;
+ }
+`;
+
+export const Administrator = () => {
+ const { enqueueSnackbar } = useSnackbar();
+ const { closeSnackbar } = useSnackbar();
+
+ const today = new Date();
+ const dd = String(today.getDate()).padStart(2, '0');
+ const mm = String(today.getMonth() + 1).padStart(2, '0');
+ const yyyy = today.getFullYear();
+
+ const date = yyyy + '-' + mm + '-' + dd;
+
+ const [selectedFile, setSelectedFile] = useState<File | null>(null);
+ const [startFirstDate, setStartFirstDate] = useState<Date | null>(null);
+ const [endFirstDate, setEndFirstDate] = useState<Date | null>(null);
+ const [startSecondDate, setStartSecondDate] = useState<Date | null>(null);
+ const [endSecondDate, setEndSecondDate] = useState<Date | null>(null);
+ const [loading, setLoading] = useState(false);
+
+
+ const uploadFile = async (event: React.FormEvent<HTMLFormElement>) => {
+ const action = (key: any) => (
+ <>
+ <StyledCloseIcon
+ onClick={() => {
+ closeSnackbar(key);
+ }}
+ ></StyledCloseIcon>
+ </>
+ );
+ event.preventDefault();
+ const formData = new FormData();
+ formData.append('file', selectedFile as Blob);
+ if (startFirstDate !== null) {
+ formData.append('firstTourBegin', format(startFirstDate, 'dd.MM.yyyy'));
+ }
+ if (endFirstDate !== null) {
+ formData.append('firstTourEnd', format(endFirstDate, 'dd.MM.yyyy'));
+ }
+ if (startSecondDate !== null) {
+ formData.append('secondTourBegin', format(startSecondDate, 'dd.MM.yyyy'));
+ }
+ if (endSecondDate !== null) {
+ formData.append('secondTourEnd', format(endSecondDate, 'dd.MM.yyyy'));
+ }
+
+ const config = {
+ headers: {
+ 'content-type': 'multipart/form-data',
+ },
+ };
+
+ try {
+ setLoading(true);
+ const response = await axiosInstance.post(
+ `${process.env.REACT_APP_API_URL}/api/v1/configurator/config/`,
+ formData,
+ config,
+ );
+ enqueueSnackbar('Ustawienia zostały zapisane', {
+ variant: 'success',
+ action,
+ });
+ } catch (e) {
+ enqueueSnackbar('Ustawienia nie zostały zapisane', {
+ variant: 'error',
+ action,
+ });
+ console.log(e);
+ }
+ setLoading(false);
+ };
+
+ return (
+ <AdministratorWrapper>
+ <Wrap>
+ <LogoWrapper>
+ <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
+ <Text> plan na plan </Text>
+ </LogoWrapper>
+ <Form onSubmit={uploadFile}>
+ <div>
+ <div>Start pierwszej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setStartFirstDate(e.target.valueAsDate)} />
+ </div>
+ <div>Koniec pierwszej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setEndFirstDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <div>Start drugiej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setStartSecondDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <div>Koniec drugiej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setEndSecondDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <input
+ type="file"
+ onChange={(e) => {
+ if (e.target.files && e.target.files[0]) {
+ const file = e.target.files[0];
+ setSelectedFile(file);
+ }
+ }}
+ />
+ </div>
+ <div>
+ <SaveButton type="submit">{loading === false ? 'Zapisz' : <SyncLoader />} </SaveButton>
+ </div>
+ </Form>
+ </Wrap>
+ </AdministratorWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 | + + + + + + + + + + + +1x + + + + + + + + +1x +2x +2x + +2x +2x + +2x + + + +2x +2x + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useContext, useState } from 'react';
+import Topbar from './Topbar';
+import { Transfer } from './Transfer';
+import { DeaneryPanel } from './DeaneryPanel';
+import { Scheduler } from './Scheduler';
+import { Rightbar } from './Rightbar';
+import { Administrator } from './Administrator';
+import styled from 'styled-components';
+import LoadingOverlay from 'react-loading-overlay';
+import { SyncLoader } from 'react-spinners';
+import { CASContext } from '../contexts/CASProvider';
+import { coursesContext } from '../contexts/CoursesProvider';
+const Wrapper = styled.div`
+ display: flex;
+ height: calc(100vh - 80px);
+ background-color: #eceef4;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ padding-right: 20px;
+`;
+
+export const App = () => {
+ const { role } = useContext(CASContext)!;
+ const [isOpenTransfer, setOpenTransfer] = useState(false);
+
+ const { selectSchedulerEvents } = useContext(coursesContext)!;
+ const schedulerEvents = selectSchedulerEvents();
+
+ const handleTransfer = () => {
+ setOpenTransfer(!isOpenTransfer);
+ };
+
+ const userPrivilige = localStorage.getItem('userPrivilige');
+ return (
+ <>
+ <LoadingOverlay active={role === undefined} spinner={<SyncLoader />}>
+ {userPrivilige !== 'ADMIN' && (
+ <>
+ <Topbar handleTransfer={handleTransfer} />
+ <Transfer isOpen={isOpenTransfer} handleClose={handleTransfer} />
+ <Wrapper>
+ {userPrivilige === 'STUDENT' && (
+ <>
+ <Scheduler schedulerEvents={schedulerEvents} />
+ <Rightbar />
+ </>
+ )}
+ {userPrivilige === 'DEANERY' && <DeaneryPanel schedulerEvents={schedulerEvents} />}
+ </Wrapper>
+ </>
+ )}
+ {userPrivilige === 'ADMIN' && (
+ <Administrator></Administrator>
+ )}
+ </LoadingOverlay>
+ </>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 | + + + + + + + + + + + +1x + + + + + + + + + +1x + + + + + + +1x + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + +1x + + + + + + + +1x + + + + + + + +1x + + + + + + + + +1x + + + + + +1x + + + + +1x + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, MouseEvent,useContext } from 'react';
+import styled from 'styled-components/macro';
+import Plan from '../assets/plan.svg';
+import History from '../assets/history.svg';
+import StatisticsIcon from '../assets/statistics.svg';
+import {Statistics} from './Statistics';
+import { Scheduler } from './Scheduler';
+import { Rightbar } from './Rightbar';
+import { SchedulerHistory } from './SchedulerHistory';
+import { coursesContext } from '../contexts/CoursesProvider';
+import { SchedulerEvent } from '../types';
+
+const LeftSide = styled.div`
+ height: 100%;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ background-color: white;
+ text-align: center;
+ border-radius: 5px;
+`;
+
+const Wrap = styled.div`
+ display: flex;
+ height: calc(100vh - 120px);
+ background-color: #eceef4;
+ width: 100%;
+`;
+
+const Wrapper = styled.div`
+ flex: 12;
+ display: flex;
+ height: calc(100vh - 120px);
+ background-color: #eceef4;
+`;
+
+interface LeftPanelElement {
+ isCurrentTab: boolean;
+}
+
+const LeftPanelElement = styled.div<LeftPanelElement>`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex: 1;
+ //box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
+ padding: 20px;
+ cursor: pointer;
+ box-shadow: ${({ isCurrentTab }) => (isCurrentTab === true ? `inset 0px 0px 11px 0px rgba(0,0,0,0.30)` : '')};
+ border-bottom: 1px solid #979797;
+ :first-child {
+ border-radius: 0px 5px 0px 0px;
+ }
+ :last-child {
+ border-radius: 0px 0px 5px 0px;
+ }
+`;
+
+const HistoryDiv = styled.div`
+ flex: 1;
+ display: flex;
+ margin-left: 20px;
+ border-radius: 5px;
+ height: calc(100vh - 120px);
+`;
+
+const StatsDiv = styled.div`
+ flex: 1;
+ display: flex;
+ margin-left: 20px;
+ border-radius: 5px;
+ height: calc(100vh - 120px);
+`;
+
+const LogoWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex: 2;
+ margin-left: 10px;
+`;
+
+const Text = styled.div`
+ font-family: 'Roboto', sans-serif;
+ font-size: 5rem;
+ user-select: none;
+`;
+
+const Logo = styled.img`
+ width: 500px;
+ height: 500px;
+`;
+
+const Icon = styled.img`
+ width: 40px;
+ margin: 5px;
+`;
+
+interface Deanery {
+ schedulerEvents: Array<SchedulerEvent>;
+}
+
+export const DeaneryPanel = ({ schedulerEvents }: Deanery) => {
+ const [currentTab, setCurrentTab] = useState<null | number>(1);
+ const { getNewestStudentTimetable,userID } = useContext(coursesContext)!;
+ const { selectHistorySchedulerEvents } = useContext(coursesContext)!;
+ const schedulerHistoryEvents = selectHistorySchedulerEvents();
+
+ const handleClick = (e: MouseEvent<HTMLDivElement>) => {
+ setCurrentTab(Number(e.currentTarget.id));
+ getNewestStudentTimetable(userID);
+ };
+
+ return (
+ <Wrap>
+ <LeftSide>
+ <LeftPanelElement id={'1'} isCurrentTab={currentTab === 1} onClick={handleClick}>
+ <Icon alt="profile" src={Plan} />
+ Pokaż plan
+ </LeftPanelElement>
+ <LeftPanelElement id={'2'} isCurrentTab={currentTab === 2} onClick={handleClick}>
+ <Icon alt="history" src={History} />
+ Historia Zmian
+ </LeftPanelElement>
+ <LeftPanelElement id={'3'} isCurrentTab={currentTab === 3} onClick={handleClick}>
+ <Icon alt="statistics" src={StatisticsIcon} />
+ Statystyki
+ </LeftPanelElement>
+ </LeftSide>
+ <Wrapper>
+ {currentTab === 1 ? (
+ <>
+ <Scheduler schedulerEvents={schedulerEvents}/>
+ <Rightbar />
+ </>
+ ) : currentTab === 2 ? (
+ <SchedulerHistory schedulerHistoryEvents={schedulerHistoryEvents}/>
+ ) : currentTab === 3 ? (
+ <StatsDiv><Statistics /></StatsDiv>
+ ) : (
+ <LogoWrapper>
+ <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
+ <Text> plan na plan </Text>
+ </LogoWrapper>
+ )}
+ </Wrapper>
+ </Wrap>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 | + + + + + + + + + + +2x + + + + + + + +2x + + + + + + +2x + + + + + + + + + + + + + + + +2x + + + + + +2x + + + + + + +2x +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, useContext } from 'react';
+import Collapse from '@material-ui/core/Collapse';
+import { ReactComponent as Expand } from '../assets/expand.svg';
+import { Course, Group, GroupType } from '../types/index';
+import { coursesContext } from '../contexts/CoursesProvider';
+import styled, { css } from 'styled-components';
+import { makeStyles } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import { useMemo } from 'react';
+import { dayMapping } from '../constants';
+
+const StatisticsWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Row = styled.div`
+ display: flex;
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+`;
+
+const StatisticBox = styled.div`
+background-color:white;
+ width: 200px;
+ height: 200px;
+ margin: 10px;
+ border: 1px solid #000000;
+ border-radius: 38px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 22px;
+ padding:2px;
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
+`;
+
+const StatisticNumber = styled.p`
+ font-size: 52px;
+ margin-top: 40px;
+ margin-bottom:0px;
+`;
+
+const StatisticText = styled.p`
+ font-size: 18px;
+ text-align:center;
+ align-items:center;
+ justify-content:center;
+`;
+
+export const Statistics = () => {
+ return (
+ <StatisticsWrapper>
+ <Row>
+ <StatisticBox>
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>280</StatisticNumber>
+ <StatisticText>Zapisanych sutdentów do grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>24</StatisticNumber>
+ <StatisticText>Studentów niezapisanych do żadnej grupy</StatisticText>
+ </StatisticBox>
+ </Row>
+ <Row>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>150</StatisticNumber>
+ <StatisticText>Studentów z zaakceptowanym planem</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>130</StatisticNumber>
+ <StatisticText>Studentów bez zaakceptowanego pełengo planu</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ </Row>
+ <Row>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ </Row>
+ </StatisticsWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Administrator.tsx | +
+
+ |
+ 16.98% | +9/53 | +0% | +0/14 | +0% | +0/9 | +16.98% | +9/53 | +
| App.tsx | +
+
+ |
+ 90% | +9/10 | +62.5% | +5/8 | +50% | +1/2 | +90% | +9/10 | +
| DeaneryPanel.tsx | +
+
+ |
+ 55% | +11/20 | +0% | +0/8 | +0% | +0/3 | +55% | +11/20 | +
| Statistics.tsx | +
+
+ |
+ 100% | +7/7 | +100% | +0/0 | +100% | +1/1 | +100% | +7/7 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 | + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + +5x +20x +20x + + +20x +20x +20x +20x +20x +20x +20x + +20x + + + + + +20x + +20x +4x +4x + + + + + +20x +2x + + + + + + + + + + + +20x + + + + + + + + + + + + + +20x + + + + + + + + +20x + +20x + +20x + + + + + + + + + +20x + +20x + + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + +20x + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + +20x +10x +10x + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, createContext, useEffect, ReactNode } from 'react';
+import { Course, Group, Basket, GroupType, SchedulerEvent, TimetableHistory } from '../types';
+import { useSnackbar } from 'notistack';
+import { axiosInstance } from '../utils/axiosInstance';
+import CloseIcon from '@material-ui/icons/Close';
+import styled from 'styled-components';
+
+const StyledCloseIcon = styled(CloseIcon)`
+ color: #000000;
+ &:hover {
+ color: white;
+ cursor: pointer;
+ }
+`;
+
+interface CourseContext {
+ courses: Array<Course>;
+ basket: Array<Basket>;
+ timetableHistory: Array<TimetableHistory>;
+ hoveredGroup: Group | undefined | null;
+ userID: string;
+ isDataLoading: boolean;
+ historyBasket: Array<Basket>;
+ addCourseToBasket: (courses: Course) => void;
+ changeHoveredGroup: (group: Group | null) => void;
+ changeGroupInBasket: (group: any, courseId: number) => void;
+ restoreGroupInBasket: (restoreGroup: Group, courseId: number) => void;
+ deleteFromBasket: (id: number) => void;
+ saveBasket: (userID: string) => Promise<void>;
+ changeStudent: (studentId: string) => void;
+ selectSchedulerEvents: () => Array<SchedulerEvent>;
+ selectHistorySchedulerEvents: () => Array<SchedulerEvent>;
+ selectBasketNames: () => Array<string>;
+ selectBasketCourses: () => Array<Course>;
+ selectBasketCourseGroups: (courseId: number) => { lecture: Group | undefined; classes: Group | undefined };
+ getNewestStudentTimetable: (studentId: string) => void;
+ getStudentTimetablesHistory: (studentId: string) => void;
+ changeDataLoading: (isLoading: boolean) => void;
+ setHistoryBasketFromHistoryGroups: (groupsIds: Array<number>) => void;
+}
+export const coursesContext = createContext<CourseContext | undefined>(undefined);
+
+interface CoursesProviderProps {
+ children: ReactNode;
+}
+
+export const CoursesProvider = ({ children }: CoursesProviderProps) => {
+ const { enqueueSnackbar } = useSnackbar();
+ const { closeSnackbar } = useSnackbar();
+
+ //fetch courses with groups
+ const [courses, setCourses] = useState<Array<Course>>([]);
+ const [basket, setBasket] = useState<Array<Basket>>([]);
+ const [historyBasket, setHistoryBasket] = useState<Array<Basket>>([]);
+ const [timetableHistory, setTimetableHistory] = useState<Array<TimetableHistory>>([]);
+ const [userID, setUserID] = useState('');
+ const [hoveredGroup, setHoveredGroup] = useState<Group | undefined | null>(null);
+ const [isDataLoading, setIsDataLoading] = useState(false);
+
+ const selectBasketIds = () => {
+ const classesIds = basket.map((course) => course?.classes?.id).filter((course) => course !== undefined);
+ const lecturesIds = basket.map((course) => course?.lecture?.id).filter((course) => course !== undefined);
+ return [...classesIds, ...lecturesIds];
+ };
+
+ const selectBasketNames = () => basket.map(({ name }) => name);
+
+ const selectBasketCourses = () => {
+ const basketNames = selectBasketNames();
+ return basketNames.reduce((sum, basketName) => {
+ const course = courses.find(({ name }) => basketName === name);
+ return course === undefined ? sum : [...sum, course];
+ }, [] as Array<Course>);
+ };
+
+ const selectSchedulerEvents = () => {
+ return basket.reduce((res, el) => {
+ const { name } = el;
+ if (el.classes) {
+ res.push({ ...el.classes, name });
+ }
+ if (el.lecture) {
+ res.push({ ...el.lecture, name });
+ }
+ return res;
+ }, [] as Array<SchedulerEvent>);
+ };
+
+ const selectHistorySchedulerEvents = () => {
+ return historyBasket.reduce((res, el) => {
+ const { name } = el;
+ if (el.classes) {
+ res.push({ ...el.classes, name });
+ }
+ if (el.lecture) {
+ res.push({ ...el.lecture, name });
+ }
+ return res;
+ }, [] as Array<SchedulerEvent>);
+ };
+
+
+ const selectBasketCourseGroups = (courseId: number) => {
+ const course = basket.find(({ id }) => id === courseId);
+ if (course !== undefined) {
+ return { lecture: course.lecture, classes: course.classes };
+ } else {
+ return { lecture: undefined, classes: undefined };
+ }
+ };
+
+ const changeHoveredGroup = (group: Group | null) => setHoveredGroup(group);
+
+ const changeDataLoading = (isLoading: boolean) => setIsDataLoading(isLoading);
+
+ const addCourseToBasket = (course: Course) => {
+ const courseToBasket: Basket = {
+ name: course.name,
+ id: course.id,
+ classes: course.classes !== undefined ? course.classes[0] : undefined,
+ lecture: course.lectures !== undefined ? course.lectures[0] : undefined,
+ };
+ setBasket([...basket, courseToBasket]);
+ };
+
+ const deleteFromBasket = (id: number) => setBasket(basket.filter((course) => course.id !== id));
+
+ const changeStudent = async (studentId: string) => {
+ setUserID(studentId);
+ setTimeout(() => {
+ getNewestStudentTimetable(studentId);
+ getStudentTimetablesHistory(studentId);
+ }, 100);
+ };
+
+ const saveBasket = async (userID: string) => {
+ const basketIds = selectBasketIds();
+ const action = (key: any) => (
+ <>
+ <StyledCloseIcon
+ onClick={() => {
+ closeSnackbar(key);
+ }}
+ ></StyledCloseIcon>
+ </>
+ );
+
+ try {
+ await axiosInstance.post(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${userID}`,
+ JSON.stringify(basketIds),
+ );
+ enqueueSnackbar('Plan został zapisany', {
+ variant: 'success',
+ action,
+ });
+ } catch (e) {
+ console.log('error: ', e);
+ enqueueSnackbar('Zapisywanie planu nie powiodło się', {
+ variant: 'error',
+ action,
+ });
+ }
+ getStudentTimetablesHistory(userID);
+ };
+
+ const changeGroupInBasket = (choosenGroup: any, courseId: number) => {
+ const basketCourse = basket.filter((course) => course.id === courseId)[0];
+ if (choosenGroup.lecture && choosenGroup.classes)
+ {
+ const prev = choosenGroup.prev==="lecture"?choosenGroup.lecture : choosenGroup.classes
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, lecture: choosenGroup.lecture, classes:choosenGroup.classes } : basket)),
+ );
+ changeHoveredGroup(prev);
+ }
+ };
+
+ const restoreGroupInBasket = (restoreGroup: Group, courseId: number) => {
+ const basketCourse = basket.filter((course) => course.id === courseId)[0];
+ const { type } = restoreGroup;
+ if (type === GroupType.CLASS) {
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, classes: restoreGroup } : basket)),
+ );
+ } else if (type === GroupType.LECTURE) {
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, lecture: restoreGroup } : basket)),
+ );
+ }
+ };
+
+ const getNewestTimetable = async () => {
+ try {
+ const { data } = await axiosInstance.get<Array<Basket> | ''>(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/schedule`,
+ );
+ const basket = data === '' ? [] : data;
+ setBasket(basket);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const getNewestStudentTimetable = async (studentId: string) => {
+ try {
+ const { data } = await axiosInstance.get(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${studentId}/schedule`,
+ );
+ const basket = data === '' ? [] : data;
+
+ setBasket(basket);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const getStudentTimetablesHistory = async (studentId: string) => {
+ try {
+ const { data } = await axiosInstance.get<Array<TimetableHistory> | []>(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${studentId}?groups=true`,
+ );
+ setTimetableHistory(data);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const fetchCourses = async () => {
+ try {
+ const { data: courses } = await axiosInstance.get<Array<Course>>(
+ `${process.env.REACT_APP_API_URL}/api/v1/courses/all?groups=true&takenPlaces=true`,
+ );
+ const sortedCourses = courses.sort((a, b) => (a.name > b.name ? 1 : -1));
+ setCourses(sortedCourses);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const setHistoryBasketFromHistoryGroups = (groupsIds: Array<number>) => {
+ const basket: Array<Basket> = [];
+ for (const groupId of groupsIds) {
+ for (const course of courses) {
+ const { lectures, classes, name, id } = course;
+ let basketElement: Basket = { name: name, id: id };
+ if (lectures) {
+ for (const lecture of lectures) {
+ if (groupId === lecture.id) {
+ basketElement = { ...basketElement, lecture: lecture };
+ }
+ }
+ }
+ if (classes) {
+ for (const singleClass of classes) {
+ if (groupId === singleClass.id) {
+ basketElement = { ...basketElement, classes: singleClass };
+ }
+ }
+ }
+ if (basketElement.classes !== undefined || basketElement.lecture !== undefined) {
+ basket.push(basketElement);
+ }
+ }
+ }
+ setHistoryBasket(basket);
+ };
+
+ useEffect(() => {
+ setIsDataLoading(true);
+ setTimeout(() => {
+ fetchCourses();
+ getNewestTimetable();
+ setIsDataLoading(false);
+ }, 600);
+ }, []);
+
+ return (
+ <coursesContext.Provider
+ value={{
+ userID,
+ courses,
+ basket,
+ hoveredGroup,
+ timetableHistory,
+ isDataLoading,
+ historyBasket,
+ addCourseToBasket,
+ changeHoveredGroup,
+ changeGroupInBasket,
+ deleteFromBasket,
+ restoreGroupInBasket,
+ saveBasket,
+ selectSchedulerEvents,
+ selectHistorySchedulerEvents,
+ selectBasketNames,
+ selectBasketCourses,
+ selectBasketCourseGroups,
+ getNewestStudentTimetable,
+ changeStudent,
+ getStudentTimetablesHistory,
+ setHistoryBasketFromHistoryGroups,
+ changeDataLoading,
+ }}
+ >
+ {children}
+ </coursesContext.Provider>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| CoursesProvider.tsx | +
+
+ |
+ 27.27% | +39/143 | +0% | +0/50 | +11.9% | +5/42 | +29.69% | +38/128 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| src | +
+
+ |
+ 83.33% | +5/6 | +100% | +6/6 | +100% | +2/2 | +83.33% | +5/6 | +
| src/components | +
+
+ |
+ 43.7% | +156/357 | +10% | +15/150 | +14.91% | +17/114 | +45.59% | +155/340 | +
| src/constants | +
+
+ |
+ 100% | +6/6 | +100% | +0/0 | +100% | +0/0 | +100% | +6/6 | +
| src/contexts | +
+
+ |
+ 34.52% | +68/197 | +3.23% | +2/62 | +20.37% | +11/54 | +37.02% | +67/181 | +
| src/styles | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +100% | +0/0 | +0% | +0/1 | +
| src/types | +
+
+ |
+ 0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +
| src/utils | +
+
+ |
+ 45.76% | +27/59 | +26.32% | +5/19 | +30.77% | +4/13 | +46.55% | +27/58 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 | + + + + + + + +1x + + + + + + + +1x + + + + + + + + + + + + + + + + +1x + + + + + + +1x + + + + + + + +1x + + + + + + + +1x + + + + + +1x + + + + +1x + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { format } from 'date-fns';
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components/macro';
+import { axiosInstance } from '../utils/axiosInstance';
+import { useSnackbar } from 'notistack';
+import CloseIcon from '@material-ui/icons/Close';
+import { SyncLoader } from 'react-spinners';
+
+const StyledCloseIcon = styled(CloseIcon)`
+ color: #000000;
+ &:hover {
+ color: white;
+ cursor: pointer;
+ }
+`;
+
+const SaveButton = styled.button`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ user-select: none;
+ background-color: #c7a424;
+ border: none;
+ font-weight: bold;
+ cursor: pointer;
+ height: 40px;
+ &:hover {
+ color: #ffffff;
+ box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.24);
+ }
+
+ width: 150px;
+`;
+const AdministratorWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ margin: 0 auto;
+ height: 100vh;
+`;
+
+const Wrap = styled.div`
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const LogoWrapper = styled.div`
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Text = styled.div`
+ font-family: 'Roboto', sans-serif;
+ font-size: 5rem;
+ user-select: none;
+`;
+
+const Logo = styled.img`
+ width: 400px;
+ height: 400px;
+`;
+
+const Form = styled.form`
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ input {
+ padding: 5px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 210px;
+ }
+`;
+
+export const Administrator = () => {
+ const { enqueueSnackbar } = useSnackbar();
+ const { closeSnackbar } = useSnackbar();
+
+ const today = new Date();
+ const dd = String(today.getDate()).padStart(2, '0');
+ const mm = String(today.getMonth() + 1).padStart(2, '0');
+ const yyyy = today.getFullYear();
+
+ const date = yyyy + '-' + mm + '-' + dd;
+
+ const [selectedFile, setSelectedFile] = useState<File | null>(null);
+ const [startFirstDate, setStartFirstDate] = useState<Date | null>(null);
+ const [endFirstDate, setEndFirstDate] = useState<Date | null>(null);
+ const [startSecondDate, setStartSecondDate] = useState<Date | null>(null);
+ const [endSecondDate, setEndSecondDate] = useState<Date | null>(null);
+ const [loading, setLoading] = useState(false);
+
+
+ const uploadFile = async (event: React.FormEvent<HTMLFormElement>) => {
+ const action = (key: any) => (
+ <>
+ <StyledCloseIcon
+ onClick={() => {
+ closeSnackbar(key);
+ }}
+ ></StyledCloseIcon>
+ </>
+ );
+ event.preventDefault();
+ const formData = new FormData();
+ formData.append('file', selectedFile as Blob);
+ if (startFirstDate !== null) {
+ formData.append('firstTourBegin', format(startFirstDate, 'dd.MM.yyyy'));
+ }
+ if (endFirstDate !== null) {
+ formData.append('firstTourEnd', format(endFirstDate, 'dd.MM.yyyy'));
+ }
+ if (startSecondDate !== null) {
+ formData.append('secondTourBegin', format(startSecondDate, 'dd.MM.yyyy'));
+ }
+ if (endSecondDate !== null) {
+ formData.append('secondTourEnd', format(endSecondDate, 'dd.MM.yyyy'));
+ }
+
+ const config = {
+ headers: {
+ 'content-type': 'multipart/form-data',
+ },
+ };
+
+ try {
+ setLoading(true);
+ const response = await axiosInstance.post(
+ `${process.env.REACT_APP_API_URL}/api/v1/configurator/config/`,
+ formData,
+ config,
+ );
+ enqueueSnackbar('Ustawienia zostały zapisane', {
+ variant: 'success',
+ action,
+ });
+ } catch (e) {
+ enqueueSnackbar('Ustawienia nie zostały zapisane', {
+ variant: 'error',
+ action,
+ });
+ console.log(e);
+ }
+ setLoading(false);
+ };
+
+ return (
+ <AdministratorWrapper>
+ <Wrap>
+ <LogoWrapper>
+ <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
+ <Text> plan na plan </Text>
+ </LogoWrapper>
+ <Form onSubmit={uploadFile}>
+ <div>
+ <div>Start pierwszej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setStartFirstDate(e.target.valueAsDate)} />
+ </div>
+ <div>Koniec pierwszej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setEndFirstDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <div>Start drugiej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setStartSecondDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <div>Koniec drugiej tury:</div>{' '}
+ <div>
+ <input type="date" min={date} onChange={(e) => setEndSecondDate(e.target.valueAsDate)} />
+ </div>
+ </div>
+ <div>
+ <input
+ type="file"
+ onChange={(e) => {
+ if (e.target.files && e.target.files[0]) {
+ const file = e.target.files[0];
+ setSelectedFile(file);
+ }
+ }}
+ />
+ </div>
+ <div>
+ <SaveButton type="submit">{loading === false ? 'Zapisz' : <SyncLoader />} </SaveButton>
+ </div>
+ </Form>
+ </Wrap>
+ </AdministratorWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 | + + + + + + + + + + + +1x + + + + + + + + +1x +2x +2x + +2x +2x + +2x + + + +2x +2x + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useContext, useState } from 'react';
+import Topbar from './Topbar';
+import { Transfer } from './Transfer';
+import { DeaneryPanel } from './DeaneryPanel';
+import { Scheduler } from './Scheduler';
+import { Rightbar } from './Rightbar';
+import { Administrator } from './Administrator';
+import styled from 'styled-components';
+import LoadingOverlay from 'react-loading-overlay';
+import { SyncLoader } from 'react-spinners';
+import { CASContext } from '../contexts/CASProvider';
+import { coursesContext } from '../contexts/CoursesProvider';
+const Wrapper = styled.div`
+ display: flex;
+ height: calc(100vh - 80px);
+ background-color: #eceef4;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ padding-right: 20px;
+`;
+
+export const App = () => {
+ const { role } = useContext(CASContext)!;
+ const [isOpenTransfer, setOpenTransfer] = useState(false);
+
+ const { selectSchedulerEvents } = useContext(coursesContext)!;
+ const schedulerEvents = selectSchedulerEvents();
+
+ const handleTransfer = () => {
+ setOpenTransfer(!isOpenTransfer);
+ };
+
+ const userPrivilige = localStorage.getItem('userPrivilige');
+ return (
+ <>
+ <LoadingOverlay active={role === undefined} spinner={<SyncLoader />}>
+ {userPrivilige !== 'ADMIN' && (
+ <>
+ <Topbar handleTransfer={handleTransfer} />
+ <Transfer isOpen={isOpenTransfer} handleClose={handleTransfer} />
+ <Wrapper>
+ {userPrivilige === 'STUDENT' && (
+ <>
+ <Scheduler schedulerEvents={schedulerEvents} />
+ <Rightbar />
+ </>
+ )}
+ {userPrivilige === 'DEANERY' && <DeaneryPanel schedulerEvents={schedulerEvents} />}
+ </Wrapper>
+ </>
+ )}
+ {userPrivilige === 'ADMIN' && (
+ <Administrator></Administrator>
+ )}
+ </LoadingOverlay>
+ </>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 | + + + + + + + + + + +5x + + + + + + + + + + + + + + +5x + + + + + + + + +5x + + + + + + + + +5x + + + + + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + +10x + + + + + + +5x + + + + + + + + + + + +5x + + + + + + + + +5x + + + + + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, useContext } from 'react';
+import Collapse from '@material-ui/core/Collapse';
+import { ReactComponent as Expand } from '../assets/expand.svg';
+import { Course, Group, GroupType } from '../types/index';
+import { coursesContext } from '../contexts/CoursesProvider';
+import styled, { css } from 'styled-components';
+import { makeStyles } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import { useMemo } from 'react';
+import { dayMapping } from '../constants';
+
+const CourseCardWrapper = styled.div`
+ position: relative;
+ display: flex;
+ min-height: 40px;
+ background-color: #b5d2e0;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ margin-top: 10px;
+ border-radius: 10px;
+ cursor: pointer;
+ align-items: stretch;
+ box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
+`;
+
+const TitleWrapper = styled.div`
+ font-size: 14px;
+ font-weight: 550;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 10px 10px 10px 2px;
+`;
+
+const BinIcon = styled(DeleteIcon)`
+ max-width: 30px;
+ min-width: 30px;
+ cursor: pointer;
+ &:hover {
+ fill: white;
+ }
+`;
+
+const CourseName = styled.div`
+ padding-left: 3px;
+ padding-right: 3px;
+ font-size: 16px;
+ user-select: none;
+`;
+
+type ClassGroupProps = {
+ isSelected: boolean;
+};
+
+const ClassGroupStyled = styled.div<ClassGroupProps>`
+ position: relative;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ transition: color 0.3s, background-color 0.3s;
+ :hover {
+ cursor: pointer;
+ ${({ isSelected }) =>
+ !isSelected &&
+ css`
+ background-color: rgba(223, 238, 245, 0.308);
+ `}
+ }
+ :last-child {
+ border-radius: 0 0 10px 10px;
+ }
+ ${({ isSelected }) =>
+ isSelected &&
+ css`
+ background-color: #85aec2;
+ `}
+`;
+
+interface ExpandIconProps {
+ selected: boolean;
+}
+
+export const ExpandIcon = styled(Expand)<ExpandIconProps>`
+ width: 20px;
+ height: 20px;
+ max-width: 20px;
+ min-width: 20px;
+ transition: 0.2s;
+ transform: ${({ selected }) => (selected ? 'scaleY(-1);' : 'scaleY(1);')};
+`;
+
+type StyledGroupTypeProps = {
+ groupType: GroupType;
+};
+
+const StyledGroupType = styled.div<StyledGroupTypeProps>`
+ font-size: 12px;
+ position: absolute;
+ border-radius: 15px;
+ background-color: ${({ groupType }) => (groupType === 'CLASS' ? '#FFDC61' : '#9ed3ff')};
+ border: 2px solid white;
+ min-width: 45px;
+ top: 5px;
+ left: 5px;
+ color: black;
+`;
+
+const FlexboxWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+`;
+
+type FlexItemProps = {
+ justifyContent?: string;
+};
+
+const FlexItem = styled.div<FlexItemProps>`
+ display: flex;
+ font-size: 14px;
+ font-weight: 500;
+ ${({ justifyContent }) =>
+ justifyContent &&
+ css`
+ justify-content: ${justifyContent};
+ `}
+`;
+
+const useStyles = makeStyles({
+ expanded: {
+ maxHeight: '244px',
+ overflowY: 'auto',
+ '&::-webkit-scrollbar': {
+ width: '0.3em',
+ borderStyle: 'none',
+ },
+ '&::-webkit-scrollbar-track': {
+ borderRadius: '10px',
+ },
+ '&::-webkit-scrollbar-thumb': {
+ borderRadius: '10px',
+ backgroundColor: '#4b4b4b',
+ },
+ },
+});
+
+interface CourseCardProps {
+ course: Course;
+}
+
+export const CourseCard = ({ course }: CourseCardProps) => {
+ const classes = useStyles();
+ const {
+ hoveredGroup,
+ changeGroupInBasket,
+ deleteFromBasket,
+ selectBasketCourseGroups,
+ changeHoveredGroup,
+ } = useContext(coursesContext)!;
+ const [isSelected, setSelected] = useState(true);
+ const groups = [...course.lectures!, ...course.classes!];
+ const basketCourseGroups = useMemo(() => selectBasketCourseGroups(course.id), []);
+ const [previous, setPrevious] = useState(basketCourseGroups);
+
+ const onGroupClick = (group: Group, courseId: number) => {
+ setPrevious((prev) => (group.type === GroupType.CLASS ? { ...prev, classes: group, prev:"classes" } : { ...prev, lecture: group,prev:"lecture" }));
+ changeGroupInBasket(group, courseId);
+ };
+
+ return (
+ <CourseCardWrapper>
+ <TitleWrapper onClick={() => setSelected(!isSelected)}>
+ <BinIcon
+ onClick={(e) => {
+ e.stopPropagation();
+ deleteFromBasket(course.id);
+ setSelected(false);
+ }}
+ ></BinIcon>
+ <CourseName onClick={() => setSelected(!isSelected)}>{course.name}</CourseName>
+ <ExpandIcon onClick={() => setSelected(!isSelected)} selected={isSelected} />
+ </TitleWrapper>
+ <Collapse className={classes.expanded} in={isSelected} timeout="auto" unmountOnExit>
+ {groups.map((group: Group, index) => (
+ <ClassGroupStyled
+ isSelected={group.id === previous?.classes?.id || group.id === previous?.lecture?.id ? true : false}
+ key={index}
+ onClick={() => onGroupClick(group, course.id)}
+ onMouseEnter={() => {
+ if (group.type === GroupType.CLASS) {
+ changeGroupInBasket({classes: group,lecture:previous.lecture}, course.id);
+ }
+ if (group.type === GroupType.LECTURE) {
+ changeGroupInBasket({lecture: group,classes:previous.classes}, course.id);
+ }
+ }}
+ onMouseLeave={() => {
+ if (hoveredGroup) {
+ changeGroupInBasket(previous, course.id);
+ }
+ changeHoveredGroup(null);
+ }}
+ >
+ <StyledGroupType groupType={group.type}>{group.type === 'CLASS' ? 'ĆW' : 'WYK'}</StyledGroupType>
+ <FlexboxWrapper>
+ {group.lecturer.replace('UAM', '').length >= 32 ? (
+ <FlexItem style={{ justifyContent: 'center', marginLeft: '40px' }}>
+ {group.lecturer.replace('UAM', '')}
+ </FlexItem>
+ ) : (
+ <FlexItem style={{ justifyContent: 'center', marginLeft: '10px' }}>
+ {group.lecturer.replace('UAM', '')}
+ </FlexItem>
+ )}
+ <FlexItem style={{ justifyContent: 'center', flexDirection: 'column' }}>
+ <div>{dayMapping[group.day]}</div>
+ <div>
+ {group.time} - {group.endTime}
+ </div>
+ </FlexItem>
+ </FlexboxWrapper>
+ </ClassGroupStyled>
+ ))}
+ </Collapse>
+ </CourseCardWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 | + + + + + + + + + + + +1x + + + + + + + + + +1x + + + + + + +1x + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + +1x + + + + + + + +1x + + + + + + + +1x + + + + + + + + +1x + + + + + +1x + + + + +1x + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, MouseEvent,useContext } from 'react';
+import styled from 'styled-components/macro';
+import Plan from '../assets/plan.svg';
+import History from '../assets/history.svg';
+import StatisticsIcon from '../assets/statistics.svg';
+import {Statistics} from './Statistics';
+import { Scheduler } from './Scheduler';
+import { Rightbar } from './Rightbar';
+import { SchedulerHistory } from './SchedulerHistory';
+import { coursesContext } from '../contexts/CoursesProvider';
+import { SchedulerEvent } from '../types';
+
+const LeftSide = styled.div`
+ height: 100%;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ background-color: white;
+ text-align: center;
+ border-radius: 5px;
+`;
+
+const Wrap = styled.div`
+ display: flex;
+ height: calc(100vh - 120px);
+ background-color: #eceef4;
+ width: 100%;
+`;
+
+const Wrapper = styled.div`
+ flex: 12;
+ display: flex;
+ height: calc(100vh - 120px);
+ background-color: #eceef4;
+`;
+
+interface LeftPanelElement {
+ isCurrentTab: boolean;
+}
+
+const LeftPanelElement = styled.div<LeftPanelElement>`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex: 1;
+ //box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
+ padding: 20px;
+ cursor: pointer;
+ box-shadow: ${({ isCurrentTab }) => (isCurrentTab === true ? `inset 0px 0px 11px 0px rgba(0,0,0,0.30)` : '')};
+ border-bottom: 1px solid #979797;
+ :first-child {
+ border-radius: 0px 5px 0px 0px;
+ }
+ :last-child {
+ border-radius: 0px 0px 5px 0px;
+ }
+`;
+
+const HistoryDiv = styled.div`
+ flex: 1;
+ display: flex;
+ margin-left: 20px;
+ border-radius: 5px;
+ height: calc(100vh - 120px);
+`;
+
+const StatsDiv = styled.div`
+ flex: 1;
+ display: flex;
+ margin-left: 20px;
+ border-radius: 5px;
+ height: calc(100vh - 120px);
+`;
+
+const LogoWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex: 2;
+ margin-left: 10px;
+`;
+
+const Text = styled.div`
+ font-family: 'Roboto', sans-serif;
+ font-size: 5rem;
+ user-select: none;
+`;
+
+const Logo = styled.img`
+ width: 500px;
+ height: 500px;
+`;
+
+const Icon = styled.img`
+ width: 40px;
+ margin: 5px;
+`;
+
+interface Deanery {
+ schedulerEvents: Array<SchedulerEvent>;
+}
+
+export const DeaneryPanel = ({ schedulerEvents }: Deanery) => {
+ const [currentTab, setCurrentTab] = useState<null | number>(1);
+ const { getNewestStudentTimetable,userID } = useContext(coursesContext)!;
+ const { selectHistorySchedulerEvents } = useContext(coursesContext)!;
+ const schedulerHistoryEvents = selectHistorySchedulerEvents();
+
+ const handleClick = (e: MouseEvent<HTMLDivElement>) => {
+ setCurrentTab(Number(e.currentTarget.id));
+ getNewestStudentTimetable(userID);
+ };
+
+ return (
+ <Wrap>
+ <LeftSide>
+ <LeftPanelElement id={'1'} isCurrentTab={currentTab === 1} onClick={handleClick}>
+ <Icon alt="profile" src={Plan} />
+ Pokaż plan
+ </LeftPanelElement>
+ <LeftPanelElement id={'2'} isCurrentTab={currentTab === 2} onClick={handleClick}>
+ <Icon alt="history" src={History} />
+ Historia Zmian
+ </LeftPanelElement>
+ <LeftPanelElement id={'3'} isCurrentTab={currentTab === 3} onClick={handleClick}>
+ <Icon alt="statistics" src={StatisticsIcon} />
+ Statystyki
+ </LeftPanelElement>
+ </LeftSide>
+ <Wrapper>
+ {currentTab === 1 ? (
+ <>
+ <Scheduler schedulerEvents={schedulerEvents}/>
+ <Rightbar />
+ </>
+ ) : currentTab === 2 ? (
+ <SchedulerHistory schedulerHistoryEvents={schedulerHistoryEvents}/>
+ ) : currentTab === 3 ? (
+ <StatsDiv><Statistics /></StatsDiv>
+ ) : (
+ <LogoWrapper>
+ <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
+ <Text> plan na plan </Text>
+ </LogoWrapper>
+ )}
+ </Wrapper>
+ </Wrap>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 | + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + +4x +12x +12x +12x +12x +12x + +12x + + + + + + + + +12x + + + + + + + + +12x +8x +8x + + + + + + + + + + + + +8x + +8x + + +12x +4x +4x + + + + + + + + + + + +4x + +4x + + +12x + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, useContext, useEffect, MouseEvent, useMemo } from 'react';
+import { coursesContext } from '../contexts/CoursesProvider';
+import { studentsContext } from '../contexts/StudentsProvider';
+import { Course, Student } from '../types';
+import styled from 'styled-components';
+
+const DropdownContainer = styled.div`
+ position: relative;
+ z-index: 99999999;
+ max-height: 396px;
+ border-radius: 3px;
+ overflow-y: auto;
+ opacity: 0.97;
+ box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
+ scroll-snap-type: y mandatory;
+ scroll-behavior: smooth;
+ ::-webkit-scrollbar-track {
+ background-color: #f2f4f7;
+ border-radius: 10px;
+ }
+ ::-webkit-scrollbar {
+ background-color: #f2f4f7;
+ width: 5px;
+ border-style: none;
+ }
+ ::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background-color: #4b4b4b;
+ }
+`;
+
+const CourseContainer = styled.div`
+ padding: 5px;
+ padding-left: 20px;
+ background-color: #f2f4f7;
+ font-size: 16px;
+ font-weight: 500;
+ scroll-snap-align: end;
+ :hover {
+ background-color: #eceef4;
+ cursor: pointer;
+ }
+`;
+
+interface DropdownProps {
+ open: boolean;
+ input: string;
+ handleCloseDropdown: () => void;
+ selectedOption: string;
+}
+
+export const Dropdown = ({ open, input, handleCloseDropdown, selectedOption }: DropdownProps) => {
+ const { courses, selectBasketNames, addCourseToBasket, changeStudent, getStudentTimetablesHistory } = useContext(coursesContext)!;
+ const { students, changeSelectedStudent } = useContext(studentsContext)!;
+ const basketNames = useMemo(() => selectBasketNames(), [selectBasketNames]);
+ const [filteredCourses, setFilteredCourses] = useState<Array<Course>>([]);
+ const [filteredStudents, setFilteredStudents] = useState<Array<Student>>([]);
+
+ const onCourseClick = (event: MouseEvent) => {
+ const target = event.currentTarget;
+ if (target.id && target.textContent) {
+ const course = filteredCourses.find(({ id }) => id.toString() === target.id)!;
+ addCourseToBasket(course);
+ handleCloseDropdown();
+ }
+ };
+
+ const onUserClick = (event: MouseEvent) => {
+ const target = event.currentTarget;
+ //to be moved to students provider
+ changeStudent(target.id);
+ changeSelectedStudent(Number(target.id));
+
+ handleCloseDropdown();
+ };
+
+ useEffect(() => {
+ const filterCourses = (input: string) => {
+ const filteredCourses = courses.filter(
+ ({ name }) =>
+ name
+ .toLowerCase()
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, '')
+ .includes(
+ input
+ .toLowerCase()
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, ''),
+ ) && !basketNames.includes(name),
+ );
+ setFilteredCourses(filteredCourses);
+ };
+ filterCourses(input);
+ }, [basketNames, courses, input]);
+
+ useEffect(() => {
+ const filterUsers = (input: string) => {
+ const filteredUsers = students.filter(({ name, surname }) =>
+ (name + surname)
+ .toLowerCase()
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, '')
+ .includes(
+ input
+ .toLowerCase()
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, ''),
+ ),
+ );
+ setFilteredStudents(filteredUsers);
+ };
+ filterUsers(input);
+ }, [students, input]);
+
+ return (
+ <DropdownContainer>
+ {open && (
+ <>
+ {selectedOption === 'studenci' ? (
+ <div>
+ {filteredStudents.map(({ email, id }, index) => (
+ <CourseContainer key={index} id={id.toString()} onClick={onUserClick}>
+ <p>{email}</p>
+ </CourseContainer>
+ ))}
+ </div>
+ ) : (
+ <div>
+ {filteredCourses.map(({ name, id }, index) => (
+ <CourseContainer key={index} id={id.toString()} onClick={onCourseClick}>
+ <p>{name} </p>
+ </CourseContainer>
+ ))}
+ </div>
+ )}
+ </>
+ )}
+ </DropdownContainer>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 | + + + + + + + + +4x +8x + +8x + + + + + + + | import { Menu, MenuItem } from '@material-ui/core';
+import React, { useContext } from 'react';
+import { CASContext } from '../contexts/CASProvider';
+
+interface ProfileProps {
+ anchorEl: HTMLElement | null;
+ handleClose: () => void;
+}
+
+export const Profile = ({ anchorEl, handleClose }: ProfileProps) => {
+ const { logout } = useContext(CASContext)!;
+
+ return (
+ <Menu anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
+ {/* <MenuItem>Profil</MenuItem> */}
+ <MenuItem onClick={logout}>Wyloguj</MenuItem>
+ </Menu>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 | + + + + + +2x + + + + + + + + + + + + + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + +2x +4x + +4x +4x +4x + + + + + + + + + | import React, { useContext } from 'react';
+import { CourseCard } from './CourseCard';
+import { coursesContext } from '../contexts/CoursesProvider';
+import styled from 'styled-components';
+import { debounce } from '../utils/index';
+
+const RightbarWrapper = styled.div`
+ padding: 15px;
+ text-align: center;
+ height: 100%;
+ width: 350px;
+ overflow-y: scroll;
+ ::-webkit-scrollbar-track {
+ border-radius: 10px;
+ }
+ ::-webkit-scrollbar {
+ width: 5px;
+ border-style: none;
+ }
+ ::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background-color: #4b4b4b;
+ }
+ background-color: white;
+ border-radius: 5px;
+ box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.59);
+`;
+const SaveButton = styled.div`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ user-select: none;
+ background-color: #43a047;
+ border-radius: 10px;
+ cursor: pointer;
+ height: 40px;
+ margin-bottom: 10px;
+ &:hover {
+ color: #ffffff;
+ box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.24);
+ }
+
+ &:active {
+ background-color: #54c457;
+ }
+
+ box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
+`;
+
+export const Rightbar = () => {
+ const { selectBasketCourses, saveBasket, userID } = useContext(coursesContext)!;
+
+ const basketCourses = selectBasketCourses();
+ const handleSave = debounce(() => saveBasket(userID), 500);
+ return (
+ <RightbarWrapper>
+ <SaveButton onClick={handleSave}>ZAPISZ</SaveButton>
+ {basketCourses.map((course) => (
+ <CourseCard course={course} key={course.id} />
+ ))}
+ </RightbarWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 | + + + + + + +1x + + + + + + + + + + + + + +1x + + + + + + + +1x + + + + +1x + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useLayoutEffect, useRef } from 'react';
+import { useState } from 'react';
+import { SchedulerEvents } from './SchedulerEvents';
+import { days, hours } from '../constants/index';
+import styled from 'styled-components/macro';
+import { SchedulerEvent } from '../types';
+
+const SchedulerWrapper = styled.div`
+ border-collapse: collapse;
+ flex: 1;
+ background-color: white;
+ padding: 10px 40px 25px 10px;
+ border-radius: 5px;
+ margin-right: 20px;
+ margin-left: 20px;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.59);
+`;
+
+const TableBody = styled.div`
+ position: relative;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ height: calc(100% * 25 / 26);
+`;
+
+const TableRow = styled.div`
+ display: flex;
+ height: 100%;
+`;
+
+const TableHead = styled.div`
+ display: flex;
+ width: 100%;
+ height: calc(100% / 26);
+`;
+
+interface TableCellProps {
+ cellHeight?: number;
+ isHourColumn?: boolean;
+}
+
+const TableCell = styled.div<TableCellProps>`
+ border-width: ${({ isHourColumn }) => !isHourColumn && '1px'};
+ border-style: ${({ isHourColumn }) => !isHourColumn && 'none solid dotted none'};
+ border-color: rgb(235, 235, 235);
+ display: flex;
+ align-items: center;
+ justify-content: ${({ isHourColumn }) => (isHourColumn ? 'flex-end' : 'center')};
+ flex: ${({ isHourColumn }) => (isHourColumn ? '1' : '5')};
+ margin-right: ${({ isHourColumn }) => (isHourColumn ? '10px' : '0px')};
+ margin-top: ${({ isHourColumn, cellHeight }) => (isHourColumn ? `-${cellHeight}px` : '0px')};
+ font-size: 0.75vw;
+ user-select: none;
+ border-collapse: collapse;
+ :nth-child(2) {
+ border-left: 1px solid rgb(235, 235, 235);
+ }
+ font-weight: bold;
+`;
+
+interface SchedulerProps {
+ schedulerEvents: Array<SchedulerEvent>;
+}
+
+export const Scheduler = ({ schedulerEvents }: SchedulerProps) => {
+ const cellRef = useRef<HTMLDivElement>(null);
+ const [cellWidth, setCellWidth] = useState(0);
+ const [cellHeight, setCellHeight] = useState(0);
+
+ useLayoutEffect(() => {
+ const handleResize = () => {
+ if (cellRef.current) {
+ setCellWidth(cellRef.current.getBoundingClientRect().width);
+ setCellHeight(cellRef.current.getBoundingClientRect().height);
+ }
+ };
+ handleResize();
+ window.addEventListener('resize', handleResize);
+ return () => window.removeEventListener('resize', handleResize);
+ }, []);
+
+ return (
+ <SchedulerWrapper>
+ <TableHead>
+ {days.map((day, indexCell) =>
+ indexCell === 0 ? (
+ <TableCell isHourColumn={true} key={indexCell}>
+ {day}
+ </TableCell>
+ ) : (
+ <TableCell style={{ borderStyle: 'none none solid none' }} key={indexCell}>
+ {day}
+ </TableCell>
+ ),
+ )}
+ </TableHead>
+ <TableBody>
+ {hours.map((hour, indexRow) => (
+ <TableRow key={indexRow}>
+ {[hour, '', '', '', '', ''].map((value, indexCell) =>
+ indexCell === 0 ? (
+ <TableCell isHourColumn={true} cellHeight={cellHeight} key={`${indexRow}${indexCell}`}>
+ {value}
+ </TableCell>
+ ) : indexRow === 0 && indexCell === 1 ? (
+ <TableCell ref={cellRef} key={`${indexRow}${indexCell}`}>
+ {value}
+ </TableCell>
+ ) : indexRow === 23 ? (
+ <TableCell style={{ borderBottom: '1px solid rgb(235, 235, 235)' }} key={`${indexRow}${indexCell}`}>
+ {value}
+ </TableCell>
+ ) : indexRow === 5 ? (
+ <TableCell style={{ borderBottom: '1px solid rgb(235, 235, 235)' }} key={`${indexRow}${indexCell}`}>
+ {value}
+ </TableCell>
+ ) : indexRow % 2 !== 0 ? (
+ <TableCell style={{ borderBottom: '1px solid rgb(235, 235, 235)' }} key={`${indexRow}${indexCell}`}>
+ {value}
+ </TableCell>
+ ) : (
+ <TableCell key={`${indexRow}${indexCell}`}>{value}</TableCell>
+ ),
+ )}
+ </TableRow>
+ ))}
+ <SchedulerEvents cellWidth={cellWidth} cellHeight={cellHeight} schedulerEvents={schedulerEvents} />
+ </TableBody>
+ </SchedulerWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 | + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useContext } from 'react';
+import { SchedulerRow } from './SchedulerRow';
+import { coursesContext } from '../contexts/CoursesProvider';
+import { selectGroupsToShow } from '../utils/index';
+import { ROWS_COUNT } from '../constants';
+import { SchedulerEvent } from '../types';
+
+interface SchedulerEventsProps {
+ cellWidth: number;
+ cellHeight: number;
+ schedulerEvents: Array<SchedulerEvent>;
+}
+
+export const SchedulerEvents = ({ cellWidth, cellHeight,schedulerEvents }: SchedulerEventsProps) => {
+
+ return (
+ <div>
+ {[...Array(ROWS_COUNT)].map((_, index) => (
+ <SchedulerRow
+ key={index}
+ groups={selectGroupsToShow(schedulerEvents, index)}
+ indexRow={index}
+ rowTop={
+ index === 0
+ ? cellHeight / 2
+ : index === 1
+ ? cellHeight * 4
+ : index === 2
+ ? cellHeight * 7.5
+ : index === 3
+ ? cellHeight * 11.5
+ : index === 4
+ ? cellHeight * 15
+ : index === 5
+ ? cellHeight * 18.5
+ : 0
+ }
+ cellWidth={cellWidth}
+ cellHeight={cellHeight}
+ />
+ ))}
+ </div>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 | + + + + + + +1x + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useContext, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { coursesContext } from '../contexts/CoursesProvider';
+import { SchedulerEvent } from '../types';
+import { Scheduler } from './Scheduler';
+import { SchedulerHistoryNavigation } from './SchedulerHistoryNavigation';
+
+const Wrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+`;
+
+interface SchedulerHistoryProps {
+ schedulerHistoryEvents: Array<SchedulerEvent>;
+}
+
+export const SchedulerHistory = ({schedulerHistoryEvents}:SchedulerHistoryProps) => {
+ const { timetableHistory, setHistoryBasketFromHistoryGroups } = useContext(coursesContext)!;
+ const [currentTimetable, setCurrentTimetable] = useState(timetableHistory.length===0 ? 0 : timetableHistory.length - 1);
+ let commisionDate = timetableHistory[currentTimetable]?.commisionDate;
+
+ const SubstractCurrentTimetable = (value: number) => {
+ if (currentTimetable > 0) {
+ setCurrentTimetable((currentTimetable) => currentTimetable + value);
+ }
+ };
+
+ const AddCurrentTimetable = (value: number) => {
+ if (currentTimetable < timetableHistory.length - 1) {
+ setCurrentTimetable((currentTimetable) => currentTimetable + value);
+ }
+ };
+
+ useEffect(() => {
+ const timetable = timetableHistory[currentTimetable];
+ if (timetable) {
+ const { groups } = timetable;
+ setHistoryBasketFromHistoryGroups(groups);
+ }
+ else{
+ setHistoryBasketFromHistoryGroups([]);
+ }
+ }, [currentTimetable,timetableHistory]);
+
+ return (
+ <Wrapper>
+ {timetableHistory.length > 0 && (
+ <SchedulerHistoryNavigation commisionDate={commisionDate} SubstractCurrentTimetable={SubstractCurrentTimetable} AddCurrentTimetable={AddCurrentTimetable} />
+ )}
+ <Scheduler schedulerEvents={schedulerHistoryEvents}/>
+ </Wrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 | + + + + + + + + + +1x + + + + + + +1x + + + + + + + + + + + + + + + + + + + +1x + + + + +1x + + + + + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useContext } from 'react';
+import styled from 'styled-components';
+import { coursesContext } from '../contexts/CoursesProvider';
+import RightArrow from '../assets/right-arrow.svg';
+import LeftArrow from '../assets/left-arrow.svg';
+
+type ButtonProps = {
+ direction: 'left' | 'right';
+};
+
+const Wrapper = styled.div`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top:-15px;
+`;
+
+const StyledButton = styled.div<ButtonProps>`
+cursor:pointer;
+user-select: none;
+margin:10px;
+border-radius:5px;
+ border-radius: 15px;
+ background-color: #9ed3ff;
+ border: 2px solid white;
+ min-width: 45px;
+ color: black;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ padding: 12px;
+ :hover{
+ background-color:#85c8ff;
+}
+ transition: color 0.3s, background-color 0.3s;
+`;
+
+const StyledArrow = styled.img`
+width:20px;
+`;
+
+
+const StyledDate = styled.div`
+user-select: none;
+margin:10px;
+border-radius:5px;
+ border-radius: 15px;
+ background-color: #FFDC61;
+ border: 2px solid white;
+ min-width: 45px;
+ text-align:center;
+ color: black;
+ padding: 10px;
+`;
+
+type SchedulerHistoryNavigationProps = {
+ commisionDate?: Date;
+ SubstractCurrentTimetable: (value: number) => void;
+ AddCurrentTimetable: (value: number) => void;
+};
+
+export const SchedulerHistoryNavigation = ({
+ commisionDate,
+ SubstractCurrentTimetable,
+ AddCurrentTimetable,
+}: SchedulerHistoryNavigationProps) => {
+
+ return (
+ <Wrapper>
+ <StyledButton
+ direction="left"
+ onClick={() => {
+ SubstractCurrentTimetable(-1);
+ }}
+ >
+ <StyledArrow src={LeftArrow}></StyledArrow>
+ </StyledButton>
+ <StyledDate>{commisionDate}</StyledDate>
+ <StyledButton
+ direction="right"
+ onClick={() => {
+ AddCurrentTimetable(1);
+ }}
+ >
+ <StyledArrow src={RightArrow}></StyledArrow>
+ </StyledButton>
+ </Wrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 | + + + + + + + +1x + + + + + + + + + + + + +1x + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + + + + + + + + + + +1x + + + + + +1x + + + + + + + + + + +1x + + + + + + + + + + + + + + + +1x + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { Fragment, MouseEvent, useState, useEffect, useContext } from 'react';
+import { GroupType, SchedulerEvent } from '../types';
+import styled, { css } from 'styled-components/macro';
+import Popover from '@material-ui/core/Popover';
+import { makeStyles, createStyles, Theme } from '@material-ui/core/styles';
+import { MONDAY_TO_FRIDAY } from '../constants';
+import { coursesContext } from '../contexts/CoursesProvider';
+
+const useStyles = makeStyles((theme: Theme) =>
+ createStyles({
+ popover: {
+ fontSize: '14px',
+ },
+ paper: {
+ padding: '15px 15px 15px 15px',
+ textAlign: 'left',
+ lineHeight: `1 !important`,
+ },
+ }),
+);
+
+const PopoverSpan = styled.span`
+ font-weight: bold;
+ margin-right: 2px;
+`;
+
+interface SchedulerEventsWrapperProps {
+ eventIndex: number;
+ rowTop: number;
+ cellWidth: number;
+ cellHeight: number;
+}
+
+const SchedulerEventsWrapper = styled.div<SchedulerEventsWrapperProps>`
+ position: absolute;
+ display: flex;
+ top: ${({ rowTop }) => rowTop}px;
+ left: ${({ cellWidth, eventIndex }) => (cellWidth * 1) / 5 + 4 + cellWidth * eventIndex}px;
+ width: ${({ cellWidth }) => cellWidth - 10}px;
+ height: ${({ cellHeight }) => cellHeight * 3}px;
+ z-index: 2;
+ padding-left: 10px;
+`;
+
+interface SchedulerEventProps {
+ cellWidth: number;
+ cellHeight: number;
+ groupType: GroupType;
+ isHovered: boolean;
+}
+
+const StyledSchedulerEvent = styled.div<SchedulerEventProps>`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ z-index: 20000;
+ font-size: 0.65vw;
+ line-height: normal;
+ border-radius: 10px;
+ height: ${({ cellHeight }) => cellHeight * 3}px;
+ width: ${({ cellWidth }) => (cellWidth * 3) / 4}px;
+ margin-right: 5px;
+ padding: 5px 5px 0 5px;
+ text-align: center;
+ background-color: ${({ groupType, isHovered }) => {
+ if (isHovered) {
+ return groupType === 'CLASS' ? '#FFE485' : '#D2EBFF';
+ } else {
+ return groupType === 'CLASS' ? '#FFDC61' : '#9ed3ff';
+ }
+ }};
+ ${({ isHovered }) =>
+ isHovered &&
+ css`
+ transition: background-color ease-in 0.4s;
+ `}
+ transition: background-color ease-out 0.4s;
+ box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
+ cursor: pointer;
+`;
+
+const threeStyles = () => {
+ return css`
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 70px;
+ `;
+};
+
+type BoldParagraphProps = {
+ isThree?: boolean;
+};
+
+const BoldParagraph = styled.p<BoldParagraphProps>`
+ overflow: hidden;
+ flex: 3;
+ ${({ isThree }) => isThree && threeStyles}
+`;
+
+const ClassWrap = styled.div`
+ font-weight: 700;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ line-height: normal;
+`;
+
+const TextWrapper = styled.div`
+ flex: 1;
+ width: inherit;
+ padding: 0 3px 5px 3px;
+ display: flex;
+ justify-content: space-between;
+`;
+
+interface SchedulerRowProps {
+ groups: Array<SchedulerEvent>;
+ indexRow: number;
+ rowTop: number;
+ cellWidth: number;
+ cellHeight: number;
+}
+
+const getGroupsPerDay = (groups: Array<SchedulerEvent>) => {
+ const groupsPerDay: any = { 0: 0, 1: 0, 2: 0, 3: 0, 4: 0 };
+ for (const group of groups) {
+ groupsPerDay[group.day]++;
+ }
+ return groupsPerDay;
+};
+
+export const SchedulerRow = ({ groups, indexRow, rowTop, cellWidth, cellHeight }: SchedulerRowProps) => {
+ const { hoveredGroup } = useContext(coursesContext)!;
+ const classes = useStyles();
+ const groupsPerDay = getGroupsPerDay(groups);
+ const [anchorEl, setAnchorEl] = React.useState<HTMLDivElement | null>(null);
+ const [popoverId, setPopoverId] = useState<string | null>(null);
+ //looks weird
+ const handlePopoverOpen = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {
+ setAnchorEl(event.currentTarget);
+ setPopoverId(event.currentTarget.id);
+ };
+
+ const handlePopoverClose = (e: MouseEvent<any>) => {
+ setPopoverId(null);
+ setAnchorEl(null);
+ };
+ useEffect(() => {
+ }, [anchorEl]);
+ const open = Boolean(anchorEl);
+ const id = open ? 'simple-popover' : undefined;
+
+ return (
+ <div>
+ {[...Array(MONDAY_TO_FRIDAY)].map((_, eventIndex) => (
+ <SchedulerEventsWrapper
+ eventIndex={eventIndex}
+ rowTop={rowTop}
+ cellWidth={cellWidth}
+ cellHeight={cellHeight}
+ key={eventIndex}
+ id={`eventRow${indexRow}eventCol${eventIndex}`}
+ >
+ {groups.map(
+ (group, index) =>
+ group.day === eventIndex && (
+ <Fragment key={index}>
+ <StyledSchedulerEvent
+ aria-describedby={id}
+ isHovered={group.id === hoveredGroup?.id}
+ groupType={group.type}
+ cellWidth={cellWidth}
+ cellHeight={cellHeight}
+ id={`eventRow${indexRow}eventCol${eventIndex}${index}`}
+ key={index}
+ aria-owns={open ? `mouse-over-popover` : undefined}
+ aria-haspopup="true"
+ onClick={(e) => handlePopoverOpen(e)}
+ >
+ <ClassWrap>
+ <BoldParagraph isThree={groupsPerDay[group.day] >= 3}>{groups[index].name}</BoldParagraph>
+ {groupsPerDay[group.day] < 3 ? (
+ <TextWrapper>
+ <div>{`${groups[index].time}-${groups[index].endTime}`}</div>
+ <div>
+ {groups[index].takenPlaces}/{groups[index].capacity}
+ </div>
+ </TextWrapper>
+ ) : (
+ <TextWrapper style={{ flexDirection: 'column' }}>
+ <div style={{ alignSelf: 'flex-end' }}>
+ {groups[index].takenPlaces}/{groups[index].capacity}
+ </div>
+ </TextWrapper>
+ )}
+ </ClassWrap>
+ </StyledSchedulerEvent>
+ <Popover
+ id={id}
+ className={classes.popover}
+ classes={{
+ paper: classes.paper,
+ }}
+ open={popoverId === `eventRow${indexRow}eventCol${eventIndex}${index}`}
+ anchorEl={anchorEl}
+ anchorOrigin={{
+ vertical: 'top',
+ horizontal: 'right',
+ }}
+ transformOrigin={{
+ vertical: 'center',
+ horizontal: 'left',
+ }}
+ onClose={handlePopoverClose}
+ disableRestoreFocus
+ >
+ <div style={{ display: 'flex', flexDirection: 'column', zIndex: 20000 }} onClick={() => {}}>
+ <p style={{ margin: '7px 0 7px 0', fontWeight: 'bold' }}>{groups[index].name}</p>
+ <p style={{ margin: '2px 0 2px 0' }}>
+ <PopoverSpan>Prowadzący:</PopoverSpan> {groups[index].lecturer}
+ </p>
+ <p style={{ margin: '2px 0 2px 0' }}>
+ <PopoverSpan>Sala zajęć</PopoverSpan>: {groups[index].room}
+ </p>
+ <p style={{ margin: '2px 0 2px 0' }}>
+ <PopoverSpan>Kod przedmiotu: </PopoverSpan>ACB129
+ </p>
+ <p style={{ margin: '2px 0 2px 0' }}>
+ <PopoverSpan>Kod grupy: </PopoverSpan>FVJ753
+ </p>
+ <p style={{ margin: '2px 0 2px 0' }}>
+ <PopoverSpan>Punkty ECTS:</PopoverSpan> 2
+ </p>
+ </div>
+ </Popover>
+ </Fragment>
+ ),
+ )}
+ </SchedulerEventsWrapper>
+ ))}
+ </div>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 | + + + + +5x + + + + + + + + + + + + + + + + + + + + + +5x + + + + + +5x + + + + +5x + + + + + + + + +5x + + + + + + + + + + + + + + + +5x + + + + + + + + + + +5x +10x + +10x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { ClickAwayListener } from '@material-ui/core';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { ExpandIcon } from './CourseCard';
+
+const Wrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+ margin-top: 15px;
+ min-width:130px;
+ font-family: 'Roboto', sans-serif;
+ background-color: #f1f2f5;
+ color: black;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+
+ &:focus {
+ outline: none;
+ }
+ padding-left: 15px;
+ cursor: pointer;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ user-select: none;
+`;
+const Header = styled.div`
+ display: flex;
+ width:100%;
+ align-items: center;
+ justify-content: space-between;
+`;
+const HeaderTitle = styled.div`
+ font-family: 'Roboto', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+`;
+const List = styled.ul`
+ position: absolute;
+ top: 50px;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ margin-left: -15px;
+ background-color: #f2f4f7;
+`;
+const ListItem = styled.li`
+ font-family: 'Roboto', sans-serif;
+ font-size: 16px;
+ user-select: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ padding-left: 15px;
+ padding-right: 37px;
+ font-weight: 400;
+ :hover {
+ background-color: #eceef4;
+ }
+ :first-child{
+ margin-top:10px;
+ }
+`;
+const ExpandIconSelect = styled(ExpandIcon)`
+ width: 10px;
+ height: 10px;
+`;
+
+interface SelectMenuProps {
+ changeSelectedOption: (option: string) => void;
+ changeDropdownOpen: (dropdownState: boolean) => void;
+ selectedOption:string;
+}
+
+export const SelectMenu = ({changeSelectedOption,changeDropdownOpen, selectedOption}:SelectMenuProps) => {
+ const [isOpen, setIsOpen] = useState(false);
+
+ return (
+ <ClickAwayListener
+ onClickAway={() => {
+ setIsOpen(false);
+ }}
+ >
+ <Wrapper onClick={() => {changeDropdownOpen(false)}}>
+ <Header
+ onClick={() => {
+ console.log('clicked');
+ setIsOpen(!isOpen);
+ }}
+ >
+ <HeaderTitle>{selectedOption}</HeaderTitle>
+ <ExpandIconSelect selected={isOpen} />
+ </Header>
+ {isOpen && (
+ <List>
+ <ListItem
+ onClick={() => {
+ changeSelectedOption('przedmioty');
+ setIsOpen(false);
+ }}
+ >
+ przedmioty
+ </ListItem>
+ <ListItem
+ onClick={() => {
+ changeSelectedOption('studenci');
+ setIsOpen(false);
+ }}
+ >
+ studenci
+ </ListItem>
+ </List>
+ )}
+ </Wrapper>
+ </ClickAwayListener>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 | + + + + + + + + + + +2x + + + + + + + +2x + + + + + + +2x + + + + + + + + + + + + + + + +2x + + + + + +2x + + + + + + +2x +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, useContext } from 'react';
+import Collapse from '@material-ui/core/Collapse';
+import { ReactComponent as Expand } from '../assets/expand.svg';
+import { Course, Group, GroupType } from '../types/index';
+import { coursesContext } from '../contexts/CoursesProvider';
+import styled, { css } from 'styled-components';
+import { makeStyles } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import { useMemo } from 'react';
+import { dayMapping } from '../constants';
+
+const StatisticsWrapper = styled.div`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Row = styled.div`
+ display: flex;
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+`;
+
+const StatisticBox = styled.div`
+background-color:white;
+ width: 200px;
+ height: 200px;
+ margin: 10px;
+ border: 1px solid #000000;
+ border-radius: 38px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 22px;
+ padding:2px;
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
+`;
+
+const StatisticNumber = styled.p`
+ font-size: 52px;
+ margin-top: 40px;
+ margin-bottom:0px;
+`;
+
+const StatisticText = styled.p`
+ font-size: 18px;
+ text-align:center;
+ align-items:center;
+ justify-content:center;
+`;
+
+export const Statistics = () => {
+ return (
+ <StatisticsWrapper>
+ <Row>
+ <StatisticBox>
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>280</StatisticNumber>
+ <StatisticText>Zapisanych sutdentów do grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>24</StatisticNumber>
+ <StatisticText>Studentów niezapisanych do żadnej grupy</StatisticText>
+ </StatisticBox>
+ </Row>
+ <Row>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>150</StatisticNumber>
+ <StatisticText>Studentów z zaakceptowanym planem</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>130</StatisticNumber>
+ <StatisticText>Studentów bez zaakceptowanego pełengo planu</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ </Row>
+ <Row>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ <StatisticBox>
+ {' '}
+ <StatisticNumber>65</StatisticNumber>
+ <StatisticText>Utworzonych grup</StatisticText>
+ </StatisticBox>
+ </Row>
+ </StatisticsWrapper>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 | + + + + + + + + + + + +4x + + + + + + + + + +4x + + + + + + + +4x + + + + + + + +4x + + + + + + + + + + + + +4x + + + + + + + + + +4x + + + + + +8x + + + + + + + + + +4x + + + + + + + + + + + + + +4x + + + + + + + + + + + + + +4x + + + + + + + +4x + + + + + + + + +4x + + + +4x + + + + + + + + + + + + +8x +8x +8x +8x +8x +8x +8x +8x + +8x +4x + + +8x + +8x + +8x + +8x + +8x + +8x + +8x + +8x + +8x +4x + + + + + +8x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, MouseEvent, ChangeEvent, useEffect, useCallback, useContext, useRef } from 'react';
+import { ReactComponent as Close } from '../assets/close.svg';
+import ProfileIcon from '../assets/account.svg';
+import { Profile } from './Profile';
+import { Dropdown } from './Dropdown';
+import styled from 'styled-components/macro';
+import ClickAwayListener from 'react-click-away-listener';
+import { SelectMenu } from './SelectMenu';
+import { studentsContext } from '../contexts/StudentsProvider';
+import { CASContext } from '../contexts/CASProvider';
+import { render } from 'react-dom';
+
+const Topbar = styled.div`
+ background-color: #e3e5ed;
+ height: 80px;
+ padding: 5px;
+ font-size: 24px;
+ font-weight: bold;
+ display: flex;
+ justify-content: space-between;
+`;
+
+const LogoWrapper = styled.div`
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ flex: 2;
+ margin-left: 10px;
+`;
+
+const Logo = styled.img`
+ width: 70px;
+ height: 70px;
+ @media only screen and (max-width: 1533px) {
+ flex: auto;
+ }
+`;
+
+const Text = styled.div`
+ margin-left: 10px;
+ font-size: 1.4rem;
+ user-select: none;
+ @media only screen and (max-width: 1533px) {
+ display: none;
+ }
+ @media only screen and (max-width: 1828px) {
+ margin-right: 10px;
+ text-align: center;
+ }
+`;
+
+const FlexboxColumn = styled.div`
+ display: flex;
+ flex-direction: column;
+ flex: 12;
+`;
+
+type InputWrapperProps = {
+ isStudent: boolean;
+};
+
+const InputWrapper = styled.div<InputWrapperProps>`
+ width: 100%;
+ display: flex;
+ margin-top: 15px;
+ max-height: 40px;
+ background-color: #f2f4f7;
+ border-radius: ${({ isStudent }) => (isStudent ? ` 6px 6px 6px 6px` : ` 0px 6px 6px 0px`)};
+ padding-left: 6px;
+ &:hover {
+ background-color: #ffffff;
+ }
+ &:hover > input {
+ background-color: #ffffff;
+ }
+`;
+
+const Input = styled.input`
+ font-family: 'Roboto', sans-serif;
+ font-size: 18px;
+ background-color: #f1f2f5;
+ height: 40px;
+ max-height: 40px;
+ width: 100%;
+ border: none;
+ margin-left: 5px;
+ &:focus {
+ outline: none;
+ }
+`;
+
+const CloseIcon = styled(Close)`
+ align-self: center;
+ width: 30px;
+ height: 30px;
+ margin-right: 5px;
+ @media only screen and (max-width: 670px) {
+ width: 25px;
+ }
+ cursor: pointer;
+ :hover {
+ fill: grey;
+ }
+`;
+
+const IconWrapper = styled.div`
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ width: 335px;
+ margin-right: 10px;
+`;
+
+const Icon = styled.img`
+ width: 40px;
+ margin: 5px;
+ cursor: pointer;
+ @media only screen and (max-width: 670px) {
+ width: 35px;
+ }
+`;
+
+export const Flexbox = styled.div`
+ display: flex;
+`;
+
+export const SelectedStudent = styled.div`
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ margin-right: 10px;
+ margin-left: 10px;
+`;
+
+interface TopbarProps {
+ handleTransfer: (e: MouseEvent) => void;
+}
+
+export default function ({ handleTransfer }: TopbarProps) {
+ const { selectedStudent } = useContext(studentsContext)!;
+ const { role } = useContext(CASContext)!;
+ const [clearInput, setClearInput] = useState(false);
+ const [isPolish, setIsPolish] = useState(false);
+ const [anchorEl, setAnchorEl] = useState<HTMLImageElement | null>(null);
+ const [open, setOpen] = useState(false);
+ const [input, setInput] = useState('');
+ const [selectedOption, setSelectedOption] = useState(role === 'STUDENT' ? 'przedmioty' : 'studenci');
+
+ useEffect(() => {
+ role && setSelectedOption(role === 'STUDENT' ? 'przedmioty' : 'studenci');
+ }, [role]);
+
+ const changeSelectedOption = (option: string) => setSelectedOption(option);
+
+ const onLangChange = () => setIsPolish(!isPolish);
+
+ const handleProfile = (event: MouseEvent<HTMLImageElement>) => setAnchorEl(event.currentTarget);
+
+ const handleCloseProfile = () => setAnchorEl(null);
+
+ const handleClearInput = useCallback(() => setClearInput((clearInput) => !clearInput), []);
+
+ const handleChange = (event: ChangeEvent<HTMLInputElement>) => setInput(event.target.value);
+
+ const handleShowDropdown = () => setOpen(true);
+
+ const handleCloseDropdown = () => setOpen(false);
+
+ useEffect(() => {
+ Iif (clearInput) {
+ setInput('');
+ handleClearInput();
+ }
+ }, [clearInput, handleClearInput]);
+
+ return (
+ <Topbar>
+ <LogoWrapper>
+ <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
+ <Text> plan na plan </Text>
+ </LogoWrapper>
+ <FlexboxColumn>
+ <ClickAwayListener onClickAway={handleCloseDropdown}>
+ <Flexbox>
+ {role !== 'STUDENT' && (
+ <SelectMenu
+ changeSelectedOption={changeSelectedOption}
+ selectedOption={selectedOption}
+ changeDropdownOpen={setOpen}
+ />
+ )}
+ <InputWrapper isStudent={role === 'STUDENT'}>
+ <Input
+ placeholder={`Wyszukaj ${selectedOption === 'studenci' ? 'studentów...' : 'przedmioty...'}`}
+ onChange={handleChange}
+ value={input}
+ onFocus={() => {
+ handleShowDropdown();
+ }}
+ />
+ <CloseIcon onClick={handleClearInput} />
+ </InputWrapper>
+ </Flexbox>
+ <Dropdown
+ open={open}
+ input={input}
+ handleCloseDropdown={handleCloseDropdown}
+ selectedOption={selectedOption}
+ />
+ </ClickAwayListener>
+ </FlexboxColumn>
+ <IconWrapper>
+ <SelectedStudent>{selectedStudent?.email.replace(/@st.amu.edu.pl/, '')}</SelectedStudent>
+
+ {/* <Text>Maciej Głowacki</Text> */}
+ {/* <Icon alt="transfer" src={Transfer} onClick={handleTransfer} /> */}
+ {/* <Icon alt="change_language" src={isPolish ? EnglishIcon : PolishIcon} onClick={onLangChange} /> */}
+ <Icon alt="profile" src={ProfileIcon} onClick={handleProfile} />
+ <Profile anchorEl={anchorEl} handleClose={handleCloseProfile} />
+ </IconWrapper>
+ </Topbar>
+ );
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 | + + + + + + + + + + + +1x + + + + + + + + +1x + + + + + + + + + + + + + + + + + + +1x + + + + + + +1x + + + + + + +1x + + + + +1x + + + + + + + + + + + + +1x +2x + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react';
+import Modal from '@material-ui/core/Modal';
+import Fade from '@material-ui/core/Fade';
+import Input from '@material-ui/core/Input';
+import { makeStyles } from '@material-ui/core/styles';
+import styled from 'styled-components';
+
+interface TransferProps {
+ handleClose: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+ isOpen: boolean;
+}
+
+const useStyles = makeStyles({
+ wrapper: {
+ display: 'flex',
+ justifyContent: 'center',
+ textAlign: 'center',
+ alignItems: 'center',
+ },
+});
+
+const TransferStyled = styled.div`
+ display: flex;
+
+ flex-direction: row;
+
+ outline: none;
+ min-width: 35%;
+ height: 70%;
+ padding-top: 40px;
+ background: #006b96;
+ box-shadow: 0px 0px 0px 4px #006b96;
+ border: 4px solid #ffc400;
+ margin: 0 auto;
+ border-top-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ text-transform: uppercase;
+ letter-spacing: 0.3ch;
+`;
+
+const TransferGiveStyled = styled.div`
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+`;
+
+const TransferReceiveStyled = styled.div`
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+`;
+
+const TransferTextStyled = styled.div`
+ font-size: 30px;
+ margin-bottom: 10px;
+`;
+
+const TransferInputStyled = styled.div`
+ width: 250px;
+ height: 25px;
+ padding: 10px;
+ font-size: 24px;
+ transition-duration: 0.3s;
+ input::placeholder {
+ color: black;
+ font-weight: bold;
+ text-align: center;
+ }
+`;
+
+export const Transfer = ({ handleClose, isOpen }: TransferProps) => {
+ const classes = useStyles();
+
+ return (
+ <div>
+ <Modal
+ className={classes.wrapper}
+ open={isOpen}
+ onClose={handleClose}
+ aria-labelledby="simple-modal-title"
+ aria-describedby="simple-modal-description"
+ >
+ <Fade in={isOpen}>
+ <TransferStyled>
+ <TransferGiveStyled>
+ <TransferTextStyled>Oddam</TransferTextStyled>
+ <TransferInputStyled>
+ {' '}
+ <Input
+ placeholder="Wyszukaj..."
+ inputProps={{ 'aria-label': 'description' }}
+ className="top-bar__input-field"
+ />
+ </TransferInputStyled>
+ </TransferGiveStyled>
+ <TransferReceiveStyled>
+ <TransferTextStyled>Przyjmę</TransferTextStyled>
+ <TransferInputStyled>
+ {' '}
+ <Input
+ placeholder="Wyszukaj..."
+ inputProps={{ 'aria-label': 'description' }}
+ className="top-bar__input-field"
+ />
+ </TransferInputStyled>
+ </TransferReceiveStyled>
+ </TransferStyled>
+ </Fade>
+ </Modal>
+ </div>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Administrator.tsx | +
+
+ |
+ 16.98% | +9/53 | +0% | +0/14 | +0% | +0/9 | +16.98% | +9/53 | +
| App.tsx | +
+
+ |
+ 90% | +9/10 | +62.5% | +5/8 | +50% | +1/2 | +90% | +9/10 | +
| CourseCard.tsx | +
+
+ |
+ 27.91% | +12/43 | +3.85% | +1/26 | +5.88% | +1/17 | +29.27% | +12/41 | +
| DeaneryPanel.tsx | +
+
+ |
+ 55% | +11/20 | +0% | +0/8 | +0% | +0/3 | +55% | +11/20 | +
| Dropdown.tsx | +
+
+ |
+ 61.11% | +22/36 | +10% | +1/10 | +46.15% | +6/13 | +61.76% | +21/34 | +
| Profile.tsx | +
+
+ |
+ 100% | +3/3 | +100% | +0/0 | +100% | +1/1 | +100% | +3/3 | +
| Rightbar.tsx | +
+
+ |
+ 77.78% | +7/9 | +100% | +0/0 | +33.33% | +1/3 | +87.5% | +7/8 | +
| Scheduler.tsx | +
+
+ |
+ 21.43% | +6/28 | +0% | +0/28 | +0% | +0/13 | +22.22% | +6/27 | +
| SchedulerEvents.tsx | +
+
+ |
+ 33.33% | +1/3 | +0% | +0/12 | +0% | +0/2 | +33.33% | +1/3 | +
| SchedulerHistory.tsx | +
+
+ |
+ 10% | +2/20 | +0% | +0/10 | +0% | +0/6 | +11.11% | +2/18 | +
| SchedulerHistoryNavigation.tsx | +
+
+ |
+ 62.5% | +5/8 | +100% | +0/0 | +0% | +0/3 | +62.5% | +5/8 | +
| SchedulerRow.tsx | +
+
+ |
+ 22.22% | +10/45 | +0% | +0/18 | +0% | +0/20 | +22.22% | +10/45 | +
| SelectMenu.tsx | +
+
+ |
+ 52.94% | +9/17 | +50% | +1/2 | +16.67% | +1/6 | +52.94% | +9/17 | +
| Statistics.tsx | +
+
+ |
+ 100% | +7/7 | +100% | +0/0 | +100% | +1/1 | +100% | +7/7 | +
| Topbar.tsx | +
+
+ |
+ 73.91% | +34/46 | +50% | +7/14 | +28.57% | +4/14 | +91.89% | +34/37 | +
| Transfer.tsx | +
+
+ |
+ 100% | +9/9 | +100% | +0/0 | +100% | +1/1 | +100% | +9/9 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | +
+
+ |
+ 100% | +6/6 | +100% | +0/0 | +100% | +0/0 | +100% | +6/6 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 | 5x +5x + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + +5x + + + + + + + + + + + +5x +5x + + + + + + + + + | export const days = ['', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek'];
+export const hours = [
+ '8:00',
+ '',
+ '9:00',
+ '',
+ '10:00',
+ '',
+ '11:00',
+ '',
+ '12:00',
+ '',
+ '13:00',
+ '',
+ '14:00',
+ '',
+ '15:00',
+ '',
+ '16:00',
+ '',
+ '17:00',
+ '',
+ '18:00',
+ '',
+ '19:00',
+ '',
+];
+
+export const MONDAY_TO_FRIDAY = 5;
+
+//added 12:00, one of lectures starts at that time
+export const courseStartTimeToEventRow: { [time: string]: number } = {
+ '8.15': 0,
+ '10.00': 1,
+ '11.45': 2,
+ '12.00': 2,
+ '13.45': 3,
+ '15.30': 4,
+ '17.15': 5,
+ '18.45': 6,
+};
+
+//groupTimeToEventRowMapping - 1;
+export const ROWS_COUNT = 6;
+export const dayMapping: { [key: number]: string } = {
+ 0: 'poniedziałek',
+ 1: 'wtorek',
+ 2: 'środa',
+ 3: 'czwartek',
+ 4: 'piątek',
+ 5: 'sobota',
+ 6: 'niedziela',
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 | + + + + + + + + + + + + +5x + + + + + +5x +20x +20x +20x +20x +20x +20x +10x +10x +10x +10x +10x + +10x +10x +10x +10x + + + + + + + + + + + + + + + + + + +10x + + + + + + + + + + + + + + +10x + + +20x + + + + + + | import React, { useState, useEffect, createContext, ReactNode } from 'react';
+import { LoggedUser } from '../types';
+import { axiosInstance } from '../utils/axiosInstance';
+
+export interface CASContext {
+ user: LoggedUser | undefined;
+ logout: () => void;
+ token: string | undefined;
+ refreshToken: string | undefined;
+ isFetchingToken: boolean;
+ role: string | undefined;
+}
+
+export const CASContext = createContext<CASContext | undefined>(undefined);
+
+export interface CASProviderProps {
+ children: ReactNode;
+}
+
+export const CASProvider = ({ children }: CASProviderProps) => {
+ const [user, setUser] = useState<LoggedUser>();
+ const [token, setToken] = useState<string | undefined>();
+ const [refreshToken, setRefreshToken] = useState<string | undefined>();
+ const [role, setRole] = useState<string | undefined>(undefined);
+ const [isFetchingToken, setIsFetchingToken] = useState(false);
+ useEffect(() => {
+ const login = async () => {
+ const urlParams = new URLSearchParams(window.location.search);
+ const ticket = urlParams.get('ticket');
+ Eif (!ticket) {
+ redirectToCASLoginService();
+ }
+ try {
+ Eif (!localStorage.getItem('userToken')) {
+ setIsFetchingToken(true);
+ const { data: user } = await axiosInstance.get<LoggedUser & { token: string; refreshToken: string }>(
+ `${process.env.REACT_APP_API_URL}/token?ticket=${ticket}`,
+ );
+ setUser({ authorityRole: user.authorityRole, email: user.email, id: user.id });
+ localStorage.setItem('userToken', user.token);
+ localStorage.setItem('userPrivilige', user.authorityRole);
+ localStorage.setItem('refreshToken', user.refreshToken);
+ setIsFetchingToken(false);
+ }
+ const token = localStorage.getItem('userToken');
+ const refreshToken = localStorage.getItem('refreshToken');
+ const role = localStorage.getItem('userPrivilige');
+ token && setToken(token);
+ refreshToken && setRefreshToken(refreshToken);
+ role && setRole(role);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+ login();
+ }, []);
+
+ function logout() {
+ localStorage.removeItem('userToken');
+ localStorage.removeItem('refreshToken');
+ localStorage.removeItem('userPrivilige');
+ redirectToCASLogoutService();
+ }
+
+ function redirectToCASLogoutService() {
+ window.location.replace(`https://cas.amu.edu.pl/cas/logout?service=${window.origin}`);
+ }
+
+ function redirectToCASLoginService() {
+ window.location.replace(`https://cas.amu.edu.pl/cas/login?service=${window.origin}&locale=pl`);
+ }
+
+ return (
+ <CASContext.Provider value={{ user, token, refreshToken, logout, isFetchingToken, role }}>
+ {children}
+ </CASContext.Provider>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 | + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + +5x +20x +20x + + +20x +20x +20x +20x +20x +20x +20x + +20x + + + + + +20x + +20x +4x +4x + + + + + +20x +2x + + + + + + + + + + + +20x + + + + + + + + + + + + + +20x + + + + + + + + +20x + +20x + +20x + + + + + + + + + +20x + +20x + + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + +20x + + + + + + + + + + +20x + + + + + + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + +20x +10x +10x + + + + + + +20x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { useState, createContext, useEffect, ReactNode } from 'react';
+import { Course, Group, Basket, GroupType, SchedulerEvent, TimetableHistory } from '../types';
+import { useSnackbar } from 'notistack';
+import { axiosInstance } from '../utils/axiosInstance';
+import CloseIcon from '@material-ui/icons/Close';
+import styled from 'styled-components';
+
+const StyledCloseIcon = styled(CloseIcon)`
+ color: #000000;
+ &:hover {
+ color: white;
+ cursor: pointer;
+ }
+`;
+
+interface CourseContext {
+ courses: Array<Course>;
+ basket: Array<Basket>;
+ timetableHistory: Array<TimetableHistory>;
+ hoveredGroup: Group | undefined | null;
+ userID: string;
+ isDataLoading: boolean;
+ historyBasket: Array<Basket>;
+ addCourseToBasket: (courses: Course) => void;
+ changeHoveredGroup: (group: Group | null) => void;
+ changeGroupInBasket: (group: any, courseId: number) => void;
+ restoreGroupInBasket: (restoreGroup: Group, courseId: number) => void;
+ deleteFromBasket: (id: number) => void;
+ saveBasket: (userID: string) => Promise<void>;
+ changeStudent: (studentId: string) => void;
+ selectSchedulerEvents: () => Array<SchedulerEvent>;
+ selectHistorySchedulerEvents: () => Array<SchedulerEvent>;
+ selectBasketNames: () => Array<string>;
+ selectBasketCourses: () => Array<Course>;
+ selectBasketCourseGroups: (courseId: number) => { lecture: Group | undefined; classes: Group | undefined };
+ getNewestStudentTimetable: (studentId: string) => void;
+ getStudentTimetablesHistory: (studentId: string) => void;
+ changeDataLoading: (isLoading: boolean) => void;
+ setHistoryBasketFromHistoryGroups: (groupsIds: Array<number>) => void;
+}
+export const coursesContext = createContext<CourseContext | undefined>(undefined);
+
+interface CoursesProviderProps {
+ children: ReactNode;
+}
+
+export const CoursesProvider = ({ children }: CoursesProviderProps) => {
+ const { enqueueSnackbar } = useSnackbar();
+ const { closeSnackbar } = useSnackbar();
+
+ //fetch courses with groups
+ const [courses, setCourses] = useState<Array<Course>>([]);
+ const [basket, setBasket] = useState<Array<Basket>>([]);
+ const [historyBasket, setHistoryBasket] = useState<Array<Basket>>([]);
+ const [timetableHistory, setTimetableHistory] = useState<Array<TimetableHistory>>([]);
+ const [userID, setUserID] = useState('');
+ const [hoveredGroup, setHoveredGroup] = useState<Group | undefined | null>(null);
+ const [isDataLoading, setIsDataLoading] = useState(false);
+
+ const selectBasketIds = () => {
+ const classesIds = basket.map((course) => course?.classes?.id).filter((course) => course !== undefined);
+ const lecturesIds = basket.map((course) => course?.lecture?.id).filter((course) => course !== undefined);
+ return [...classesIds, ...lecturesIds];
+ };
+
+ const selectBasketNames = () => basket.map(({ name }) => name);
+
+ const selectBasketCourses = () => {
+ const basketNames = selectBasketNames();
+ return basketNames.reduce((sum, basketName) => {
+ const course = courses.find(({ name }) => basketName === name);
+ return course === undefined ? sum : [...sum, course];
+ }, [] as Array<Course>);
+ };
+
+ const selectSchedulerEvents = () => {
+ return basket.reduce((res, el) => {
+ const { name } = el;
+ if (el.classes) {
+ res.push({ ...el.classes, name });
+ }
+ if (el.lecture) {
+ res.push({ ...el.lecture, name });
+ }
+ return res;
+ }, [] as Array<SchedulerEvent>);
+ };
+
+ const selectHistorySchedulerEvents = () => {
+ return historyBasket.reduce((res, el) => {
+ const { name } = el;
+ if (el.classes) {
+ res.push({ ...el.classes, name });
+ }
+ if (el.lecture) {
+ res.push({ ...el.lecture, name });
+ }
+ return res;
+ }, [] as Array<SchedulerEvent>);
+ };
+
+
+ const selectBasketCourseGroups = (courseId: number) => {
+ const course = basket.find(({ id }) => id === courseId);
+ if (course !== undefined) {
+ return { lecture: course.lecture, classes: course.classes };
+ } else {
+ return { lecture: undefined, classes: undefined };
+ }
+ };
+
+ const changeHoveredGroup = (group: Group | null) => setHoveredGroup(group);
+
+ const changeDataLoading = (isLoading: boolean) => setIsDataLoading(isLoading);
+
+ const addCourseToBasket = (course: Course) => {
+ const courseToBasket: Basket = {
+ name: course.name,
+ id: course.id,
+ classes: course.classes !== undefined ? course.classes[0] : undefined,
+ lecture: course.lectures !== undefined ? course.lectures[0] : undefined,
+ };
+ setBasket([...basket, courseToBasket]);
+ };
+
+ const deleteFromBasket = (id: number) => setBasket(basket.filter((course) => course.id !== id));
+
+ const changeStudent = async (studentId: string) => {
+ setUserID(studentId);
+ setTimeout(() => {
+ getNewestStudentTimetable(studentId);
+ getStudentTimetablesHistory(studentId);
+ }, 100);
+ };
+
+ const saveBasket = async (userID: string) => {
+ const basketIds = selectBasketIds();
+ const action = (key: any) => (
+ <>
+ <StyledCloseIcon
+ onClick={() => {
+ closeSnackbar(key);
+ }}
+ ></StyledCloseIcon>
+ </>
+ );
+
+ try {
+ await axiosInstance.post(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${userID}`,
+ JSON.stringify(basketIds),
+ );
+ enqueueSnackbar('Plan został zapisany', {
+ variant: 'success',
+ action,
+ });
+ } catch (e) {
+ console.log('error: ', e);
+ enqueueSnackbar('Zapisywanie planu nie powiodło się', {
+ variant: 'error',
+ action,
+ });
+ }
+ getStudentTimetablesHistory(userID);
+ };
+
+ const changeGroupInBasket = (choosenGroup: any, courseId: number) => {
+ const basketCourse = basket.filter((course) => course.id === courseId)[0];
+ if (choosenGroup.lecture && choosenGroup.classes)
+ {
+ const prev = choosenGroup.prev==="lecture"?choosenGroup.lecture : choosenGroup.classes
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, lecture: choosenGroup.lecture, classes:choosenGroup.classes } : basket)),
+ );
+ changeHoveredGroup(prev);
+ }
+ };
+
+ const restoreGroupInBasket = (restoreGroup: Group, courseId: number) => {
+ const basketCourse = basket.filter((course) => course.id === courseId)[0];
+ const { type } = restoreGroup;
+ if (type === GroupType.CLASS) {
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, classes: restoreGroup } : basket)),
+ );
+ } else if (type === GroupType.LECTURE) {
+ setBasket(
+ basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, lecture: restoreGroup } : basket)),
+ );
+ }
+ };
+
+ const getNewestTimetable = async () => {
+ try {
+ const { data } = await axiosInstance.get<Array<Basket> | ''>(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/schedule`,
+ );
+ const basket = data === '' ? [] : data;
+ setBasket(basket);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const getNewestStudentTimetable = async (studentId: string) => {
+ try {
+ const { data } = await axiosInstance.get(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${studentId}/schedule`,
+ );
+ const basket = data === '' ? [] : data;
+
+ setBasket(basket);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const getStudentTimetablesHistory = async (studentId: string) => {
+ try {
+ const { data } = await axiosInstance.get<Array<TimetableHistory> | []>(
+ `${process.env.REACT_APP_API_URL}/api/v1/commisions/user/${studentId}?groups=true`,
+ );
+ setTimetableHistory(data);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const fetchCourses = async () => {
+ try {
+ const { data: courses } = await axiosInstance.get<Array<Course>>(
+ `${process.env.REACT_APP_API_URL}/api/v1/courses/all?groups=true&takenPlaces=true`,
+ );
+ const sortedCourses = courses.sort((a, b) => (a.name > b.name ? 1 : -1));
+ setCourses(sortedCourses);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const setHistoryBasketFromHistoryGroups = (groupsIds: Array<number>) => {
+ const basket: Array<Basket> = [];
+ for (const groupId of groupsIds) {
+ for (const course of courses) {
+ const { lectures, classes, name, id } = course;
+ let basketElement: Basket = { name: name, id: id };
+ if (lectures) {
+ for (const lecture of lectures) {
+ if (groupId === lecture.id) {
+ basketElement = { ...basketElement, lecture: lecture };
+ }
+ }
+ }
+ if (classes) {
+ for (const singleClass of classes) {
+ if (groupId === singleClass.id) {
+ basketElement = { ...basketElement, classes: singleClass };
+ }
+ }
+ }
+ if (basketElement.classes !== undefined || basketElement.lecture !== undefined) {
+ basket.push(basketElement);
+ }
+ }
+ }
+ setHistoryBasket(basket);
+ };
+
+ useEffect(() => {
+ setIsDataLoading(true);
+ setTimeout(() => {
+ fetchCourses();
+ getNewestTimetable();
+ setIsDataLoading(false);
+ }, 600);
+ }, []);
+
+ return (
+ <coursesContext.Provider
+ value={{
+ userID,
+ courses,
+ basket,
+ hoveredGroup,
+ timetableHistory,
+ isDataLoading,
+ historyBasket,
+ addCourseToBasket,
+ changeHoveredGroup,
+ changeGroupInBasket,
+ deleteFromBasket,
+ restoreGroupInBasket,
+ saveBasket,
+ selectSchedulerEvents,
+ selectHistorySchedulerEvents,
+ selectBasketNames,
+ selectBasketCourses,
+ selectBasketCourseGroups,
+ getNewestStudentTimetable,
+ changeStudent,
+ getStudentTimetablesHistory,
+ setHistoryBasketFromHistoryGroups,
+ changeDataLoading,
+ }}
+ >
+ {children}
+ </coursesContext.Provider>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 | + + + + + + + + + +5x + + + + + +5x +10x +10x + +10x + + + + + + + + + + +10x + + + +10x +10x + + + + + +10x + + + + + + + + + + + + | import React, { useState, createContext, useEffect, ReactNode, useRef, useContext } from 'react';
+import { Student } from '../types';
+import { axiosInstance } from '../utils/axiosInstance';
+
+interface StudentContext {
+ students: Array<Student>;
+ selectedStudent: Student | null;
+ changeSelectedStudent: (studentId: number) => void;
+}
+
+export const studentsContext = createContext<StudentContext | undefined>(undefined);
+
+interface StudentsProviderProps {
+ children: ReactNode;
+}
+
+export const StudentsProvider = ({ children }: StudentsProviderProps) => {
+ const [students, setStudents] = useState<Array<Student>>([]);
+ const [selectedStudent, setSelectedStudent] = useState<Student | null>(null);
+
+ const getStudents = async () => {
+ try {
+ const { data } = await axiosInstance.get<Array<Student>>(
+ `${process.env.REACT_APP_API_URL}/api/v1/users/students`,
+ );
+ setStudents(data);
+ } catch (e) {
+ console.log(e);
+ }
+ };
+
+ const changeSelectedStudent = (studentId: number) => {
+ setSelectedStudent(students.find((student) => student.id === studentId)!);
+ };
+
+ useEffect(() => {
+ setTimeout(() => {
+ const userPrivilige = localStorage.getItem('userPrivilige');
+ userPrivilige === 'DEANERY' && getStudents();
+ }, 500);
+ }, []);
+
+ return (
+ <studentsContext.Provider
+ value={{
+ selectedStudent,
+ students,
+ changeSelectedStudent,
+ }}
+ >
+ {children}
+ </studentsContext.Provider>
+ );
+};
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| CASProvider.tsx | +
+
+ |
+ 54.05% | +20/37 | +20% | +2/10 | +66.67% | +4/6 | +54.05% | +20/37 | +
| CoursesProvider.tsx | +
+
+ |
+ 27.27% | +39/143 | +0% | +0/50 | +11.9% | +5/42 | +29.69% | +38/128 | +
| StudentsProvider.tsx | +
+
+ |
+ 52.94% | +9/17 | +0% | +0/2 | +33.33% | +2/6 | +56.25% | +9/16 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 | + + + + + + +5x +9x + + + + + + + + + + +5x + +1x + +1x + + + + + + + + + | import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { CASProvider } from './contexts/CASProvider';
+import { CoursesProvider } from './contexts/CoursesProvider';
+import { StudentsProvider } from './contexts/StudentsProvider';
+import { SnackbarProvider } from 'notistack';
+
+export const customRender = (ui, CASValue = {}, studentsValue = {}, coursesValue = {}) => {
+ return render(
+ <SnackbarProvider>
+ <CASProvider value={20}>
+ <StudentsProvider value={50}>
+ <CoursesProvider value={100}>{ui}</CoursesProvider>
+ </StudentsProvider>
+ </CASProvider>
+ </SnackbarProvider>,
+ );
+};
+
+export const customRenderCAS = (ui, CASValue = {}, studentsValue = {}, coursesValue = {}) => {
+
+ const user={authorityRole: "DEANERY", email: "test@test.pl", id: "123"}
+
+ return render(
+ <SnackbarProvider>
+ <CASProvider value={{user}}>
+ <StudentsProvider value={50}>
+ <CoursesProvider value={100}>{ui}</CoursesProvider>
+ </StudentsProvider>
+ </CASProvider>
+ </SnackbarProvider>,
+ );
+}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| customRender.jsx | +
+
+ |
+ 100% | +5/5 | +100% | +6/6 | +100% | +2/2 | +100% | +5/5 | +
| index.tsx | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +100% | +0/0 | +0% | +0/1 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react';
+import ReactDOM from 'react-dom';
+import { App } from './components/App';
+import { CASProvider } from './contexts/CASProvider';
+import { CoursesProvider } from './contexts/CoursesProvider';
+import { StudentsProvider } from './contexts/StudentsProvider';
+import { GlobalStyles } from './styles/GlobalStyles';
+import { SnackbarProvider } from 'notistack';
+
+ReactDOM.render(
+ <>
+ <SnackbarProvider
+ maxSnack={3}
+ anchorOrigin={{
+ vertical: 'bottom',
+ horizontal: 'center',
+ }}
+ >
+ <CASProvider>
+ <StudentsProvider>
+ <CoursesProvider>
+ <GlobalStyles />
+ <App />
+ </CoursesProvider>
+ </StudentsProvider>
+ </CASProvider>
+ </SnackbarProvider>
+ </>,
+ document.getElementById('root'),
+);
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 | + + + + + + + + + + + + + + + + + + + + | import { createGlobalStyle } from 'styled-components';
+
+export const GlobalStyles = createGlobalStyle`
+ *, *::before, *::after {
+ box-sizing: border-box;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ body {
+ margin: 0;
+ padding: 0;
+ line-height: 24px;
+ font-family: 'Roboto', sans-serif;
+ }
+
+ body::-webkit-scrollbar {
+ display: none;
+ }
+`;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| GlobalStyles.ts | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +100% | +0/0 | +0% | +0/1 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | +
+
+ |
+ 0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | export enum GroupType {
+ LECTURE = 'LECTURE',
+ CLASS = 'CLASS',
+}
+
+export interface Basket {
+ id: number;
+ name: string;
+ lecture?: Group;
+ classes?: Group;
+}
+
+export interface Group {
+ id: number;
+ day: number;
+ time: string;
+ endTime: string;
+ lecturer: string;
+ room: string;
+ type: GroupType;
+ capacity?: number;
+ takenPlaces: number;
+}
+
+export interface Course {
+ id: number;
+ name: string;
+ lectures?: Array<Group>;
+ classes?: Array<Group>;
+}
+
+export interface LoggedUser {
+ authorityRole: string;
+ email: string;
+ id: number;
+}
+
+export interface Student {
+ email: string;
+ id: number;
+ name: string;
+ surname: string;
+}
+
+export interface SchedulerEvent {
+ id: number;
+ day: number;
+ time: string;
+ endTime: string;
+ lecturer: string;
+ room: string;
+ type: GroupType;
+ capacity?: number;
+ takenPlaces: number;
+ name: string;
+}
+
+export interface TimetableHistory {
+ commisionDate: Date;
+ commiter: {
+ id: number;
+ name: string;
+ surname: string;
+ email: string;
+ };
+ groups: Array<number>;
+ owner: {
+ id: number;
+ name: string;
+ surname: string;
+ email: string;
+ };
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 | + +5x + + +5x + + + + + + + + + + + + + +5x + +10x + +10x +10x +10x + + + + + + + +5x + + + + + + + + + + + + + + + | import axios from 'axios'; + +export const axiosInstance = axios.create(); + +//getting new tokens +const getNewTokens = async () => { + try { + const refreshToken = localStorage.getItem('refreshToken'); + const { data } = await axiosInstance.get( + `${process.env.REACT_APP_API_URL}/token/refresh?refreshToken=${refreshToken}`, + ); + localStorage.setItem('userToken', data.token); + localStorage.setItem('refreshToken', data.refreshToken); + return data.token; + } catch (e) { + console.log(e); + } +}; + +axiosInstance.interceptors.request.use( + (request) => { + const token = localStorage.getItem('userToken'); + + request.headers['Content-Type'] = 'application/json'; + request.headers['Authorization'] = token ? `Bearer ${token}` : ''; + return request; + }, + (error) => { + Promise.reject(error); + }, +); + +// Response interceptor for API calls +axiosInstance.interceptors.response.use( + (response) => { + return response; + }, + async (error) => { + const originalRequest = error.config; + if (error.response.status === 403 && !originalRequest._retry) { + originalRequest._retry = true; + const access_token = await getNewTokens(); + axios.defaults.headers.common['Authorization'] = `Bearer ${access_token}`; + return axiosInstance(originalRequest); + } + return Promise.reject(error); + }, +); + |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| axiosInstance.ts | +
+
+ |
+ 33.33% | +8/24 | +16.67% | +1/6 | +20% | +1/5 | +33.33% | +8/24 | +
| index.ts | +
+
+ |
+ 54.29% | +19/35 | +30.77% | +4/13 | +37.5% | +3/8 | +55.88% | +19/34 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 | + + + + +2x + + + + + + + + + + + + +2x + + + + + +4x + + + + + + + +4x +1x +1x +1x + +1x +1x + + +1x + + + + +1x + + +4x + + + + + + +4x + + + + + + + + + +4x +4x +4x +4x +4x + + +4x + + | import { courseStartTimeToEventRow } from '../constants/index';
+import { SchedulerEvent } from '../types';
+
+
+
+export const selectGroupsToShow = (schedulerEvents: Array<SchedulerEvent>, index: number) => {
+ return schedulerEvents.filter((schedulerEvent) => courseStartTimeToEventRow[schedulerEvent.time] === index);
+};
+
+//debounce declaration and implementation
+type Procedure = (...args: any[]) => any;
+
+interface Debounce {
+ (...args: any[]): any;
+ clear: () => void;
+ flush: () => void;
+}
+
+export const debounce = (func: Procedure, wait: number, immediate: boolean = false) => {
+ let timeout: number | null;
+ let args: any;
+ let context: any;
+ let result: any;
+
+ const later = () => {
+ timeout = null;
+ if (!immediate) {
+ result = func.apply(context, args);
+ context = args = null;
+ }
+ };
+
+ const debouncedFunc: Procedure = function (this: any) {
+ context = this;
+ args = arguments;
+ const callNow = immediate && !timeout;
+
+ Eif (!timeout) {
+ timeout = window.setTimeout(later, wait);
+ }
+
+ Iif (callNow) {
+ result = func.apply(context, args);
+ context = args = null;
+ }
+
+ return result;
+ };
+
+ const clear = () => {
+ if (timeout) {
+ clearTimeout(timeout);
+ timeout = null;
+ }
+ };
+
+ const flush = () => {
+ if (timeout) {
+ result = func.apply(context, args);
+ context = args = null;
+
+ clearTimeout(timeout);
+ timeout = null;
+ }
+ };
+
+ const debounced: Debounce = (() => {
+ const f: any = debouncedFunc;
+ f.clear = clear;
+ f.flush = flush;
+ return f;
+ })();
+
+ return debounced;
+};
+ |