Počet zobrazených hodin
14 |Ukazatel průběhu
9 | 10 |
24 |
25 | {value}
26 |
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/LessonInfo.tsx:
--------------------------------------------------------------------------------
1 | import Lesson from "../models/Lesson.ts";
2 |
3 | interface Props {
4 | teacherModeEnabled: boolean;
5 | lesson: Lesson | null;
6 | isBreak: boolean;
7 | isLongBreak: boolean;
8 | }
9 |
10 | export default function LessonInfo(props: Props) {
11 | let content;
12 |
13 | if (props.isLongBreak) {
14 | content = pauza;
15 | } else if (props.isBreak) {
16 | content = přestávka;
17 | } else if (props.lesson === null) {
18 | content = volno;
19 | } else {
20 | content = <>
21 | {props.lesson.subject}
22 | {props.teacherModeEnabled && props.lesson.group !== null && {props.lesson.group.name}}
23 | {props.lesson.room}
24 |
25 | }
26 |
27 | return
28 | {content}
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Rozvrh
2 |
3 | Zobrazuje odpočet doby zbývající do další hodiny školního rozvrhu spolu s nadcházejícími předměty. Podporuje školy
4 | používající systém Bakaláři. Inspirován
5 | [@czM1K3](https://github.com/czM1K3)/[DeltaTime](https://github.com/czM1K3/DeltaTime).
6 |
7 | Aplikace je nasazena na [rozvrh.matousvolf.cz](https://rozvrh.matousvolf.cz/).
8 |
9 | Seznam škol je načítán z [tohoto zdroje](https://gitlab.com/vitSkalicky/bakalari-schools-list). Aktuální rozvrh, třídy a
10 | skupiny jsou extrahovány z HTML veřejného rozvrhu (např. [tohoto](https://delta-skola.bakalari.cz/Timetable/Public)) na
11 | stránkách školy.
12 |
13 | ## Přispěvatelé
14 |
15 | - [Logo aplikace](/public/assets/images/favicon-apple.png) vytvořil [Štěpán D.](https://stepandudycha.cz)
16 | - [Logo Delta timetable](/src/assets/images/delta-timetable-logo.svg)
17 | vytvořila [@terilkaa](https://github.com/terilkaa).
18 | - [Různá vylepšení](https://github.com/matous-volf/rozvrh/graphs/contributors)
19 | přinesli [@AdamJedl](https://github.com/AdamJedl) a [@bekucera](https://github.com/bekucera).
20 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Matouš Volf
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import ReactDOM from "react-dom/client"
3 | import App from "./components/App.tsx"
4 | import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
5 | import "./assets/css/style.css";
6 |
7 | import "./assets/css/bootstrap-custom.scss";
8 | import "bootstrap-icons/font/bootstrap-icons.css";
9 | import {Settings} from "luxon";
10 | import Helmet from "react-helmet";
11 |
12 | Settings.defaultZone = "Europe/Prague";
13 | const queryClient = new QueryClient({
14 | defaultOptions: {
15 | queries: {
16 | staleTime: 15 * 60 * 1000,
17 | refetchInterval: 15 * 60 * 1000
18 | },
19 | },
20 | });
21 |
22 | ReactDOM.createRoot(document.getElementById("root")!).render(
23 | Barevné schéma
12 |Škola
36 | {isLoading ? (Načítání...
37 | ) : isError ? (Školy se nepodařilo načíst.
38 | ) :Třída
38 | {(isLoading ? (Načítání...
39 | ) : isError ? (Třídy se nepodařilo načíst. Škola pravděpodobně nepovolila veřejný rozvrh.
40 | ) :Učitel
38 | {(isLoading ? (Načítání...
39 | ) : isError ? (Učitele se nepodařilo načíst. Škola pravděpodobně nepovolila veřejný rozvrh.
40 | ) :Dnes není žádné vyučování.
; 47 | } 48 | 49 | return
50 | {timeRemaining}
51 | {lessons}
52 |
53 | }
54 |
--------------------------------------------------------------------------------
/src/components/MainPage.tsx:
--------------------------------------------------------------------------------
1 | import {Button, InputGroup} from "react-bootstrap";
2 | import TimetableInfo from "./TimetableInfo.tsx";
3 | import Timetable from "../models/Timetable.ts";
4 | import {useNavigate} from "react-router-dom";
5 | import {useEffect} from "react";
6 | import WholeTimetableLink from "./WholeTimetableLink.tsx";
7 | import School from "../models/School.ts";
8 | import NoSleep from "nosleep.js";
9 |
10 | interface Props {
11 | teacherModeEnabled: boolean;
12 | timetable: Timetable | null;
13 | selectedSchool: School | null;
14 | isQueryLoading: boolean;
15 | isQueryError: boolean;
16 | }
17 |
18 | export default function MainPage(props: Props) {
19 | const navigate = useNavigate();
20 |
21 | document.title = "Rozvrh";
22 |
23 | useEffect(() => {
24 | const noSleep = new NoSleep();
25 | document.addEventListener("click", function enableNoSleep() {
26 | document.removeEventListener("click", enableNoSleep, false);
27 | void noSleep.enable();
28 | }, false);
29 | }, []);
30 |
31 | return
32 |
33 |
36 |
39 |
40 |
41 | }
52 |
53 | }
54 |
--------------------------------------------------------------------------------
/src/components/TimeRemaining.tsx:
--------------------------------------------------------------------------------
1 | import HourTime from "../models/HourTime.ts";
2 | import {DateTime, Duration} from "luxon";
3 | import Hour from "../models/Hour.ts";
4 | import {useEffect} from "react";
5 | import {useLocalStorage} from "usehooks-ts";
6 | import LessonProgressBar from "./LessonProgressBar.tsx";
7 |
8 | interface Props {
9 | currentTime: DateTime;
10 | hourTimes: HourTime[];
11 | hours: Hour[];
12 | firstHourIndex: number;
13 | lastHourIndex: number;
14 | }
15 |
16 | export default function TimeRemaining(props: Props) {
17 | const [progressBarEnabled] = useLocalStorage
42 | {
43 | props.isQueryLoading ? (
47 | }
48 |
49 |
50 | {props.timetable !== null &&
51 | Načítání...
44 | ) : props.isQueryError ? (Rozvrh se nepodařilo načíst.
45 | ) : props.timetable === null ? (Zvolte školu, třídu a skupiny nebo učitele v nastavení.
46 | ) :64 | {timeRemaining === null ? "00:00" : <>{timeRemaining.toFormat("mm:ss")}} 65 |
66 | 67 | {progressBarEnabled &&
44 |
77 | }
78 |
--------------------------------------------------------------------------------
/.idea/icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/assets/images/favicon-apple.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/assets/images/favicon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/GroupSettings.tsx:
--------------------------------------------------------------------------------
1 | import {ChangeEvent, useEffect, useState} from "react";
2 | import {nanoid} from "nanoid";
3 | import Timetable from "../models/Timetable.ts";
4 | import {FormCheck} from "react-bootstrap";
5 |
6 | interface Props {
7 | isTimetableQueryLoading: boolean;
8 | isTimetableQueryError: boolean;
9 | timetable: Timetable | null;
10 | selectedGroupIds: string[];
11 | setSelectedGroupIdsCallback: (groupIds: string[]) => void;
12 | }
13 |
14 | export default function GroupSettings(props: Props) {
15 | const [selectedGroupIds, setSelectedGroupIds] = useStateNastavení
45 |
46 |
48 |
49 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | {props.selectedSchool !== null &&
59 |
61 |
62 | {props.selectedSchool !== null && (!props.teacherModeEnabled ?
63 | :
64 | )}
65 |
66 |
67 | {!props.teacherModeEnabled && props.selectedClassId !== null &&
68 | }
70 |
71 |
72 |
75 |
76 | Skupiny
69 |Své skupiny najdete v rozvrhu aplikace Bakaláři.
70 | 71 | {(props.isTimetableQueryLoading ? (Načítání...
72 | ) : props.isTimetableQueryError ? (Skupiny se nepodařilo načíst.
73 | ) : props.timetable === null ? (<> 74 | ) : props.timetable.groupGroups.length < 1 ? (Tato třída neobsahuje žádné skupiny.
75 | ) :
76 | {props.timetable.groupGroups.sort().map((groupGroup) => (
77 |
)
96 | }
97 |
98 | }
99 |
--------------------------------------------------------------------------------
/src/components/Lessons.tsx:
--------------------------------------------------------------------------------
1 | import LessonInfo from "./LessonInfo.tsx";
2 | import Lesson from "../models/Lesson.ts";
3 | import {DateTime} from "luxon";
4 | import HourTime from "../models/HourTime.ts";
5 | import Hour from "../models/Hour.ts";
6 | import {ReactElement} from "react";
7 | import {useLocalStorage} from "usehooks-ts";
8 | import {Indicate} from 'indicate'
9 |
10 | interface Props {
11 | teacherModeEnabled: boolean;
12 | currentTime: DateTime;
13 | hourTimes: HourTime[];
14 | hours: Hour[];
15 | firstHourIndex: number;
16 | lastHourIndex: number;
17 | }
18 |
19 | interface LessonInfoProps {
20 | lesson: Lesson | null;
21 | isBreak: boolean;
22 | }
23 |
24 | function generateFilteredLessonInfos(
25 | lessonInfoProps: LessonInfoProps[],
26 | isFirstSelectedLesson: boolean,
27 | teacherModeEnabled: boolean,
28 | shownHoursCount: number
29 | ) {
30 | // This is necessary to display "volno" after all lessons in case the last lesson is not null (not "volno").
31 | if (lessonInfoProps[lessonInfoProps.length - 1].lesson !== null) {
32 | lessonInfoProps.push({lesson: null, isBreak: false});
33 | }
34 | for (let index = lessonInfoProps.length - 1; index > 0; index--) {
35 | if (lessonInfoProps[index].lesson === null) {
36 | if (lessonInfoProps[index - 1].lesson === null) {
37 | lessonInfoProps.splice(index, 1);
38 | } else if (lessonInfoProps[index - 1].isBreak) {
39 | lessonInfoProps.splice(index - 1, 1);
40 | }
41 | }
42 | }
43 | let lessonInfos: ReactElement[] = [];
44 | for (let index = 0; index < Math.min(lessonInfoProps.length, shownHoursCount); index++) {
45 | lessonInfos.push(
46 |
78 | {groupGroup
79 | .sort((a, b) => a.isBlank ? 1 : b.isBlank ? -1 : a.id.localeCompare(b.id))
80 | .map((group) => (
81 | group.id)).toString()}
85 | type={"radio"}
86 | id={"input-group-" + group.id}
87 | onChange={handleChange}
88 | key={nanoid()}
89 | data-group-id={group.id}
90 | checked={selectedGroupIds.includes(group.id)}
91 | />
92 | ))}
93 |
94 | ))}
95 | ); 59 | } 60 | lessonInfos.pop(); 61 | return lessonInfos; 62 | } 63 | 64 | export default function Lessons(props: Props) { 65 | let currentHourIndex = -1; 66 | let isBreak = false; 67 | 68 | const [shownHoursCount] = useLocalStorage
104 |
106 |
115 |
116 | }
117 |
--------------------------------------------------------------------------------
/src/components/App.tsx:
--------------------------------------------------------------------------------
1 | import {useCallback, useMemo} from "react";
2 | import MainPage from "./MainPage.tsx";
3 | import {createBrowserRouter, RouterProvider} from "react-router-dom";
4 | import SettingsPage from "./SettingsPage.tsx";
5 | import {useQuery} from "@tanstack/react-query";
6 | import {getTimetableClass, getTimetableTeacher} from "../api/timetable.ts";
7 | import School from "../models/School.ts";
8 | import {useLocalStorage, useTernaryDarkMode} from "usehooks-ts";
9 | import TernaryDarkMode from "../models/TernaryDarkMode.ts";
10 |
11 | export default function App() {
12 | const {isDarkMode, ternaryDarkMode, setTernaryDarkMode} = useTernaryDarkMode({defaultValue: "system"});
13 | const [selectedSchool, setSelectedSchool] = useLocalStorage
107 | {generateFilteredLessonInfos(
108 | lessonInfoProps,
109 | currentHourIndex < props.firstHourIndex,
110 | props.teacherModeEnabled,
111 | shownHoursCount
112 | )}
113 |
114 |
103 |
104 |
105 | }
106 |
--------------------------------------------------------------------------------
/src/api/timetable.ts:
--------------------------------------------------------------------------------
1 | import * as cheerio from "cheerio";
2 | import Day from "../models/Day.ts";
3 | import Hour from "../models/Hour.ts";
4 | import Lesson from "../models/Lesson.ts";
5 | import Timetable from "../models/Timetable.ts";
6 | import ClassId from "../models/ClassId.ts";
7 | import HourTime from "../models/HourTime.ts";
8 | import {DateTime} from "luxon";
9 | import Group from "../models/Group.ts";
10 | import School from "../models/School.ts";
11 | import Teacher from "../models/Teacher.ts";
12 |
13 | const timetableBlankPermanentUrl = "Timetable/Public";
14 |
15 | const timetableClassPermanentBaseUrl = "Timetable/Public/Permanent/Class/";
16 | const timetableClassCurrentBaseUrl = "Timetable/Public/Actual/Class/";
17 |
18 | const timetableTeacherPermanentBaseUrl = "Timetable/Public/Permanent/Teacher/";
19 | const timetableTeacherCurrentBaseUrl = "Timetable/Public/Actual/Teacher/";
20 |
21 | async function fetchHtml(url: string) {
22 | const response = await fetch(url);
23 |
24 | if (!response.ok) {
25 | throw new Error();
26 | }
27 |
28 | return await response.text();
29 | }
30 |
31 | export async function getClassIds(school: School): Promise