- 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;
-};
- |