From c8c9c715213eb3e520666f074a993ab41d874e77 Mon Sep 17 00:00:00 2001
From: Aymeric Chaumont <aymeric.chaumont@student-cs.fr>
Date: Tue, 5 Jul 2022 08:37:46 +0200
Subject: [PATCH] added timetable component
---
frontend/src/components/Timetable.css | 0
frontend/src/components/Timetable.js | 42 +++++++++++++++++++++++++++
frontend/src/components/index.js | 1 +
frontend/src/views/Eiffel.js | 3 ++
4 files changed, 46 insertions(+)
create mode 100644 frontend/src/components/Timetable.css
create mode 100644 frontend/src/components/Timetable.js
diff --git a/frontend/src/components/Timetable.css b/frontend/src/components/Timetable.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/components/Timetable.js b/frontend/src/components/Timetable.js
new file mode 100644
index 0000000..7a99a7c
--- /dev/null
+++ b/frontend/src/components/Timetable.js
@@ -0,0 +1,42 @@
+import React from "react"
+import Table from "react-bootstrap/Table"
+
+import styles from "./Timetable.css"
+
+
+export default function Timetable (schedule) {
+ const timetable = schedule.schedule;
+ return(
+ <div style={{ borderRadius: '5px', width: '500px', textAlign: 'center' }}>
+ <Table className="table table-striped table-bordered">
+ <tbody>
+ <tr>
+ <th>Lundi</th>
+ <th>{timetable['LundiMidi'] != null ? timetable['LundiMidi'] : '-'}</th>
+ <th>{timetable['LundiSoir'] != null ? timetable['LundiSoir'] : '-'}</th>
+ </tr>
+ <tr>
+ <th>Mardi</th>
+ <th>{timetable['MardiMidi'] != null ? timetable['MardiMidi'] : '-'}</th>
+ <th>{timetable['MardiSoir'] != null ? timetable['MardiSoir'] : '-'}</th>
+ </tr>
+ <tr>
+ <th>Mercredi</th>
+ <th>{timetable['MercrediMidi'] != null ? timetable['MercrediMidi'] : '-'}</th>
+ <th>{timetable['MercrediSoir'] != null ? timetable['MercrediSoir'] : '-'}</th>
+ </tr>
+ <tr>
+ <th>Jeudi</th>
+ <th>{timetable['JeudiMidi'] != null ? timetable['JeudiMidi'] : '-'}</th>
+ <th>{timetable['JeudiSoir'] != null ? timetable['JeudiSoir'] : '-'}</th>
+ </tr>
+ <tr>
+ <th>Vendredi</th>
+ <th>{timetable['VendrediMidi'] != null ? timetable['VendrediMidi'] : '-'}</th>
+ <th>{timetable['VendrediSoir'] != null ? timetable['VendrediSoir'] : '-'}</th>
+ </tr>
+ </tbody>
+ </Table>
+ </div>
+ )
+}
\ No newline at end of file
diff --git a/frontend/src/components/index.js b/frontend/src/components/index.js
index 88ce9cb..6c78013 100644
--- a/frontend/src/components/index.js
+++ b/frontend/src/components/index.js
@@ -1,2 +1,3 @@
export { default as Header } from "./Header"
export { default as Footer } from "./Footer"
+export { default as Timetable } from "./Timetable"
\ No newline at end of file
diff --git a/frontend/src/views/Eiffel.js b/frontend/src/views/Eiffel.js
index 52b7cd6..50cb1ff 100644
--- a/frontend/src/views/Eiffel.js
+++ b/frontend/src/views/Eiffel.js
@@ -1,5 +1,7 @@
import React from "react"
+import Timetable from "../components/Timetable"
+
export default function Eiffel(props) {
return (
@@ -7,6 +9,7 @@ export default function Eiffel(props) {
<h2>
RU Eiffel
</h2>
+ <Timetable schedule={ {'LundiMidi': '11h30 - 13h'} }/>
</div>
)
}
\ No newline at end of file
--
GitLab