-
-
-
- Get started by editing{" "}
-
- src/app/page.js -- . -
- - Save and see your changes instantly. -
+
+
+ );
+}
diff --git a/src/app/(general)/register/page.js b/src/app/(general)/register/page.js
new file mode 100644
index 0000000..0285ba0
--- /dev/null
+++ b/src/app/(general)/register/page.js
@@ -0,0 +1,48 @@
+'use client'
+
+import * as React from 'react';
+import { Box, Button, TextField, Typography, Stepper, Step, StepLabel, StepButton, ButtonGroup, Autocomplete, FormControlLabel, FormLabel, RadioGroup, Radio, Checkbox, FormGroup } from '@mui/material';
+
+export default function RegisterPage() {
+
+ const [name, setName] = React.useState('');
+ const [email, setEmail] = React.useState('');
+ const [password, setPassword] = React.useState('');
+
+ const [emailValid, setEmailValid] = React.useState(false);
+ const [passwordValid, setPasswordValid] = React.useState(false);
+ const [nameValid, setNameValid] = React.useState(false);
+
+ const register = () => {
+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ setNameValid(name === '');
+ setPasswordValid(password === '');
+ setEmailValid(!emailRegex.test(email));
+
+ if (name === '' || password === '' || !emailRegex.test(email)) {
+ return;
+ }
+
+ fetch('/api/register', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ username: name, email: email, password: password }),
+ }).then((res) => {
+ if (res.status === 200) {
+ alert('Inscription réussie');
+ } else {
+ alert('Erreur lors de l\'inscription');
+ }
+ });
+ }
+
+ return (
+ InfoGare
+ + +
+
+ Train N°{train.train.NUMBER} à destination de {train.train.DESTINATION} ({train.user[0].USERNAME})
+
+
+
+
+
+ Bonjour,
+Votre compte InfoGare a été désactivé par un administrateur pour la raison suivante : ${reason}. + Vous pouvez demander la réactivation de votre compte par email
+L'équipe InfoGare
+ `), + }; + + const res = await transporter.sendMail(mailOptions); + + if (res.accepted.length === 0) { + return NextResponse.json({ message: 'Invalid email' }, { status: 400 }); + } else { + return NextResponse.json({ message: 'OK' }); + } +} \ No newline at end of file diff --git a/src/app/api/admin/users/enable/route.js b/src/app/api/admin/users/enable/route.js new file mode 100644 index 0000000..1f266d8 --- /dev/null +++ b/src/app/api/admin/users/enable/route.js @@ -0,0 +1,37 @@ +import { NextResponse } from "next/server"; +import { db } from "@/app/lib/db"; +import { transporter, baseMail } from "@/app/lib/mailer"; + +export async function POST(req) { + const { id } = await req.json(); + + if (!id) { + return NextResponse.json({ message: 'Invalid ID' }, { status: 400 }); + } + + (await db).query('UPDATE users SET ENABLED = ? WHERE USER_ID = ?', ['True', id]); + + const [rows] = await (await db).query('SELECT EMAIL FROM users WHERE USER_ID = ?', [id]); + + console.log(rows); + + const mailOptions = { + from: '"InfoGare"Bonjour,
+Votre compte InfoGare a été activé par un administrateur.
+L'équipe InfoGare
+ `), + }; + + const res = await transporter.sendMail(mailOptions); + + if (res.accepted.length === 0) { + return NextResponse.json({ message: 'Invalid email' }, { status: 400 }); + } else { + return NextResponse.json({ message: 'OK' }); + } +} \ No newline at end of file diff --git a/src/app/api/admin/users/route.js b/src/app/api/admin/users/route.js new file mode 100644 index 0000000..ebce3de --- /dev/null +++ b/src/app/api/admin/users/route.js @@ -0,0 +1,29 @@ +import { NextResponse } from "next/server"; +import { db } from "@/app/lib/db"; + +export async function GET(req) { + const length = req.nextUrl.searchParams.get('length'); + const search = req.nextUrl.searchParams.get('search'); + + if (length) { + const [rows] = await (await db).query('SELECT COUNT(USER_ID) FROM users'); + + return NextResponse.json(rows[0]['COUNT(USER_ID)']); + } else if (search) { + const [rows] = await (await db).query('SELECT USER_ID, EMAIL, EMAIL_VALID, USERNAME, CREATION_TIME, LAST_LOGIN, ENABLED FROM users WHERE USERNAME LIKE ? OR EMAIL LIKE ? LIMIT 25', [`%${search}%`, `%${search}%`]); + + return NextResponse.json(rows); + } else { + const [rows] = await (await db).query('SELECT USER_ID, EMAIL, EMAIL_VALID, USERNAME, CREATION_TIME, LAST_LOGIN, ENABLED FROM users LIMIT 25'); + + return NextResponse.json(rows); + } +} + +export async function PUT(req) { + const { id, username, email, email_valid } = await req.json(); + + await (await db).query('UPDATE users SET USERNAME = ?, EMAIL = ?, EMAIL_VALID = ? WHERE USER_ID = ?', [username, email, email_valid, id]); + + return NextResponse.json({ message: 'OK' }); +} \ No newline at end of file diff --git a/src/app/api/auth/user/route.js b/src/app/api/auth/user/route.js new file mode 100644 index 0000000..7d6f81c --- /dev/null +++ b/src/app/api/auth/user/route.js @@ -0,0 +1,22 @@ +import { db } from "@/app/lib/db"; +import { cookies } from "next/headers"; +import { NextResponse } from "next/server"; + +export async function GET(req) { + const sessionId = (await cookies()).get('session')?.value; + + if (!sessionId) { + return NextResponse.json({ isLoggedIn: false }, { status: 401 }); + } + + const [rows] = await (await db).query('SELECT USER_ID FROM sessions WHERE SESSION_ID = ?', [sessionId]); + + if (rows.length === 0) { + return NextResponse.json({ isLoggedIn: false }, { status: 401 }); + } + + const userId = rows[0].USER_ID; + const [user] = await (await db).query('SELECT USERNAME, EMAIL, EMAIL_VALID, RIGHTS FROM users WHERE USER_ID = ?', [userId]); + + return NextResponse.json({ isLoggedIn: true, user: user.length ? user[0] : null }, { status: 200 }); +} \ No newline at end of file diff --git a/src/app/api/folders/route.js b/src/app/api/folders/route.js new file mode 100644 index 0000000..ba7ea4f --- /dev/null +++ b/src/app/api/folders/route.js @@ -0,0 +1,20 @@ +import { NextResponse } from "next/server"; +import { db } from "@/app/lib/db"; +import { getUserFromSession } from "@/app/lib/auth"; + +export async function GET(req) { + const { user } = await getUserFromSession(); + + if (!user) { + return NextResponse.json({ error: 'Vous devez être connecté pour accéder à cette ressource' }, { status: 401 }); + } + + const [rows] = await (await db).query('SELECT DISTINCT FOLDER FROM gares WHERE USER_ID = ?', [user.USER_ID]); + + + if (rows.length === 0) { + return NextResponse.json({ error: 'Il n\'existe aucun dossier ou vous n\'aves pas le droit d\'accéder à cette ressource !' }, { status: 404 }); + } + + return NextResponse.json(rows); +} \ No newline at end of file diff --git a/src/app/api/gares/route.js b/src/app/api/gares/route.js new file mode 100644 index 0000000..04e0f34 --- /dev/null +++ b/src/app/api/gares/route.js @@ -0,0 +1,69 @@ +import { db } from "@/app/lib/db"; +import { NextResponse } from "next/server"; +import { getUserFromSession } from "@/app/lib/auth"; + +export async function GET(req) { + const id = req.nextUrl.searchParams.get('id'); + + const { user } = await getUserFromSession(); + + if (!user) { + return NextResponse.json({ error: 'Vous devez être connecté pour accéder à cette ressource' }, { status: 401 }); + } + + if (!id) { + const [rows] = await (await db).query('SELECT * FROM gares WHERE USER_ID = ? ORDER BY NAME ASC', [user.USER_ID]); + return NextResponse.json(rows); + } + + const [rows] = await (await db).query('SELECT * FROM gares WHERE id = ? AND USER_ID = ?', [id, user.USER_ID]); + + + if (rows.length === 0) { + return NextResponse.json({ error: 'La gare demandée n\'existe pas ou vous n\'avez pas les droits pour y accéder' }, { status: 404 }); + } + + return NextResponse.json(rows[0]); +} + +export async function POST(req) { + const { user } = await getUserFromSession(); + + if (!user) { + return NextResponse.json({ error: 'Vous devez être connecté pour accéder à cette ressource' }, { status: 401 }); + } + + const { name, folder, infos, infos_type, shared, copy } = await req.json(); + + const id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15); + + const [rows] = await (await db).query('INSERT INTO gares (ID, USER_ID, NAME, FOLDER, INFOS, INFOS_TYPE, SHARED, CAN_COPY) VALUES (?, ?, ?, ?, ?, ?, ?, ?)', [id, user.USER_ID, name, folder, infos, infos_type, shared, copy]); + + return NextResponse.json({ id: id }); +} + +export async function PATCH(req) { + const id = req.nextUrl.searchParams.get('id'); + const { user } = await getUserFromSession(); + + if (!user) { + return NextResponse.json({ error: 'Vous devez être connecté pour accéder à cette ressource' }, { status: 401 }); + } + + const { name, folder, shared, infos_type, infos } = await req.json(); + var query = [] + + if (name) query.push(`NAME = '${name}'`); + if (folder) query.push(`FOLDER = '${folder}'`); + if (shared) query.push(`SHARED = '${shared}'`); + if (infos_type) query.push(`INFOS_TYPE = '${infos_type}'`); + if (infos) query.push(`INFOS = '${infos}'`); + + const [rows] = await (await db).query(`UPDATE gares SET ${query.join(', ')} WHERE ID = ? AND USER_ID = ?`, [id, user.USER_ID]); + + if (rows.affectedRows === 0) { + return NextResponse.json({ error: 'La gare demandée n\'existe pas ou vous n\'avez pas les droits pour y accéder' }, { status: 404 }); + } + + return NextResponse.json({ success: true }); +} \ No newline at end of file diff --git a/src/app/api/login/route.js b/src/app/api/login/route.js new file mode 100644 index 0000000..7253012 --- /dev/null +++ b/src/app/api/login/route.js @@ -0,0 +1,40 @@ +import { db } from "../../lib/db"; +import bcrypt from "bcryptjs"; +import { v4 as uuidv4 } from "uuid"; +import { serialize } from "cookie"; +import { NextResponse } from "next/server"; + +export async function POST(req) { + const { email, password } = await req.json(); + + const [rows] = await (await db).query('SELECT EMAIL, PASSWORD, USER_ID, ENABLED FROM users WHERE email = ?', [email]); + + if (rows.length === 0) { + return NextResponse.json({ message: 'Unauthorized' }, { status: 401 }); + } + + const user = rows[0]; + + if (!await bcrypt.compare(password, user.PASSWORD)) { + return NextResponse.json({ message: 'Bad credentials' }, { status: 406 }); + } + + if (!user.ENABLED) { + return NextResponse.json({ message: 'Account disabled' }, { status: 403 }); + } + + const sessionId = uuidv4(); + await (await db).query('INSERT INTO sessions (SESSION_ID, USER_ID) VALUES (?, ?)', [sessionId, user.USER_ID]); + + await (await db).query('UPDATE users SET LAST_LOGIN = NOW() WHERE USER_ID = ?', [user.USER_ID]); + + const response = NextResponse.json({ message: 'OK' }); + response.headers.set('Set-Cookie', serialize('session', sessionId, { + httpOnly: true, + secure: false, //process.env.NODE_ENV === 'production', + maxAge: 60 * 60 * 24 * 7, + path: '/', + })); + + return response; +} \ No newline at end of file diff --git a/src/app/api/logout/route.js b/src/app/api/logout/route.js new file mode 100644 index 0000000..ed27b12 --- /dev/null +++ b/src/app/api/logout/route.js @@ -0,0 +1,22 @@ +import { NextResponse } from 'next/server'; +import { serialize } from 'cookie'; +import { db } from '@/app/lib/db'; +import { cookies } from 'next/headers'; + +export async function POST() { + const session_id = (await cookies()).get('session'); + const [rows] = await (await db).query('DELETE FROM sessions WHERE SESSION_ID = ?', [session_id.value]); + + if (rows.affectedRows === 0) { + return NextResponse.json({ message: 'No session with the provided ID' }, { status: 500 }); + } + + const response = NextResponse.json({ message: 'OK' }); + response.headers.set('Set-Cookie', serialize('session', '', { + httpOnly: true, + secure: process.env.NODE_ENV === 'production', + maxAge: -1, + path: '/', + })); + return response; +} \ No newline at end of file diff --git a/src/app/api/mail/validate/route.js b/src/app/api/mail/validate/route.js new file mode 100644 index 0000000..bfad79c --- /dev/null +++ b/src/app/api/mail/validate/route.js @@ -0,0 +1,67 @@ +import { baseMail, transporter } from "@/app/lib/mailer"; +import { NextResponse } from "next/server"; +import { db } from "@/app/lib/db"; + +export async function POST(req) { + const { email } = await req.json(); + + if (!email) { + return NextResponse.json({ message: 'Invalid email' }, { status: 400 }); + } + + const validate_token = Math.random().toString(36).substr(2, 10); + + await (await db).query('UPDATE users SET VALIDATE_TOKEN = ? WHERE EMAIL = ?', [validate_token, email]); + + const mailOptions = { + from: '"InfoGare"Bonjour,
++ Merci de nous avoir rejoints ! Nous sommes ravis de vous compter parmi + nous. Cliquez sur le bouton ci-dessous pour confirmer votre email et + commencer à utiliser InfoGare. +
+ Confirmer mon email ++ Si vous avez des questions, n'hésitez pas à nous contacter à + contact@infogare.fr. +
+Merci,
+L'équipe InfoGare
+ `) + }; + + const res = await transporter.sendMail(mailOptions); + + if (res.accepted.length === 0) { + return NextResponse.json({ message: 'Invalid email' }, { status: 400 }); + } else { + return NextResponse.json({ message: 'OK' }); + } +} + +export async function GET(req) { + const token = req.nextUrl.searchParams.get('token'); + + if (!token) { + return NextResponse.json({ message: 'Invalid token' }, { status: 400 }); + } + + const [rows] = await (await db).query('SELECT EMAIL FROM users WHERE VALIDATE_TOKEN = ?', [token]); + + if (rows.length === 0) { + return NextResponse.json({ message: 'Invalid token' }, { status: 400 }); + } + + await (await db).query('UPDATE users SET EMAIL_VALID = 1, VALIDATE_TOKEN = NULL WHERE VALIDATE_TOKEN = ?', [token]); + + return NextResponse.json({ email: rows[0].EMAIL }); +} \ No newline at end of file diff --git a/src/app/api/register/route.js b/src/app/api/register/route.js new file mode 100644 index 0000000..519b005 --- /dev/null +++ b/src/app/api/register/route.js @@ -0,0 +1,22 @@ +import { db } from "../../lib/db"; +import bcrypt from "bcrypt"; +import { NextResponse } from "next/server"; +import { v4 as uuidv4 } from "uuid"; + +export async function POST(req) { + + const { email, password, username } = await req.json(); + const userId = uuidv4(); + + const [rows] = await (await db).query('SELECT * FROM users WHERE EMAIL = ? OR USERNAME = ? OR USER_ID = ?', [email, username, userId]); + + if (rows.length !== 0) { + return NextResponse.json({ message: 'User already exists' }, { status: 409 }); + } + + + const hash = await bcrypt.hash(password, 10); + await (await db).query('INSERT INTO users (USER_ID, EMAIL, PASSWORD, USERNAME) VALUES (?, ?, ?, ?)', [userId, email, hash, username]); + + return NextResponse.json({ message: 'OK' }); +} \ No newline at end of file diff --git a/src/app/api/socket/route.js b/src/app/api/socket/route.js new file mode 100644 index 0000000..9da22fc --- /dev/null +++ b/src/app/api/socket/route.js @@ -0,0 +1,52 @@ +import { Server } from "socket.io"; +import { NextResponse } from "next/server"; + +let io; + +export async function POST(req) { + if (!res.socket.server) { + console.log('Init socket server'); + io = new Server(req.socket.server, { + cors: { + origin: '*', + methods: ['GET', 'POST'], + }, + }); + + io.on('connection', (socket) => { + console.log('Client connected'); + + socket.on('disconnect', () => { + console.log('Client disconnected'); + }); + }); + + res.socket.server = io; + } + + return NextResponse.json({ message: 'Socket server initialized' }, { status: 200 }); +} + +export async function GET(req) { + if (!res.socket.server) { + console.log('Init socket server'); + io = new Server(req.socket.server, { + cors: { + origin: '*', + methods: ['GET', 'POST'], + }, + }); + + io.on('connection', (socket) => { + console.log('Client connected'); + + socket.on('disconnect', () => { + console.log('Client disconnected'); + }); + }); + + res.socket.server = io; + } + + return NextResponse.json({ message: 'Socket server initialized' }, { status: 200 }); +} \ No newline at end of file diff --git a/src/app/api/stats/route.js b/src/app/api/stats/route.js new file mode 100644 index 0000000..f7c7776 --- /dev/null +++ b/src/app/api/stats/route.js @@ -0,0 +1,21 @@ +import { getUserFromSession } from "@/app/lib/auth"; +import { db } from "@/app/lib/db"; +import { NextResponse } from "next/server"; + +export async function POST(req) { + const { delta, entries, id, name, navigationType, rating, value } = await req.json(); + const { user } = await getUserFromSession(); + + if (!user) { + user = { USER_ID: null }; + } + + const headers = (await req).headers; + + const [rows] = await (await db).query( + "INSERT INTO statistics (DELTA, ENTRIES, EVENT_ID, NAME, NAVIGATION_TYPE, RATING, VALUE, USER, PAGE) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)", + [delta, JSON.stringify(entries), id, name, navigationType, rating, value, user.USER_ID, headers.get("referer")], + ); + + return NextResponse.json({ success: true }); +} \ No newline at end of file diff --git a/src/app/api/tod/route.js b/src/app/api/tod/route.js new file mode 100644 index 0000000..64093bb --- /dev/null +++ b/src/app/api/tod/route.js @@ -0,0 +1,21 @@ +import { NextResponse } from "next/server"; +import { db } from "@/app/lib/db"; + +export async function GET(req) { + const [rows] = await (await db).query("SELECT ID, USER_ID FROM gares WHERE SHARED = 1"); + + if (rows.length === 0) { + return NextResponse.json({ train: {}, user: {} }, { status: 404 }); + } + + // Select a random row + const randomRow = rows[Math.floor(Math.random() * rows.length)]; + const [rows1] = await (await db).query("SELECT DESTINATION, NUMBER FROM trains WHERE GARE_ID = ?", [randomRow.ID]); + + // Select a random row + const randomRow1 = rows1[Math.floor(Math.random() * rows1.length)]; + + const [rows2] = await (await db).query("SELECT USERNAME FROM users WHERE USER_ID = ?", [randomRow.USER_ID]); + + return NextResponse.json({ train: randomRow1, user: rows2 }); +} \ No newline at end of file diff --git a/src/app/api/trains/route.js b/src/app/api/trains/route.js new file mode 100644 index 0000000..27ae375 --- /dev/null +++ b/src/app/api/trains/route.js @@ -0,0 +1,27 @@ +import { db } from "@/app/lib/db"; +import { notifyClients } from "@/app/lib/socket_server"; +import { NextResponse } from "next/server"; + +export async function GET(req) { + const id = req.nextUrl.searchParams.get('gare_id'); + + if (!id) { + return NextResponse.json({ error: 'Missing id' }, { status: 400 }); + } + + const [rows] = await (await db).query("SELECT * FROM trains WHERE GARE_ID = ?", [id]); + const [rows2] = await (await db).query("SELECT ID FROM gares WHERE ID = ?", [id]); + + if (rows.length === 0 && rows2.length === 0) { + return NextResponse.json({ error: 'Not found' }, { status: 404 }); + } else if (rows.length === 0 && rows2.length !== 0) { + return NextResponse.json({ error: 'No trains found for this station' }, { status: 410 }); + } + + return NextResponse.json(rows); +} + +export async function POST(req) { + notifyClients('db-update', req.body); + return NextResponse.json({ message: 'OK'}, { status: 200 }) +} \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/Thumbs.db b/src/app/assets/logos-monochrome/Thumbs.db new file mode 100644 index 0000000..69f8e8e Binary files /dev/null and b/src/app/assets/logos-monochrome/Thumbs.db differ diff --git a/src/app/assets/logos-monochrome/logo-aleop.svg b/src/app/assets/logos-monochrome/logo-aleop.svg new file mode 100644 index 0000000..5f5165b --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-aleop.svg @@ -0,0 +1,164 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-auvergerhonealpes.svg b/src/app/assets/logos-monochrome/logo-auvergerhonealpes.svg new file mode 100644 index 0000000..eb0f7a9 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-auvergerhonealpes.svg @@ -0,0 +1,88 @@ + + + + diff --git a/src/app/assets/logos-monochrome/logo-breizhgo.svg b/src/app/assets/logos-monochrome/logo-breizhgo.svg new file mode 100644 index 0000000..66374ce --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-breizhgo.svg @@ -0,0 +1,108 @@ + + + + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-cfl.svg b/src/app/assets/logos-monochrome/logo-cfl.svg new file mode 100644 index 0000000..bbe7eeb --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-cfl.svg @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-db.svg b/src/app/assets/logos-monochrome/logo-db.svg new file mode 100644 index 0000000..e0097ae --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-db.svg @@ -0,0 +1,5 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-eurostar.svg b/src/app/assets/logos-monochrome/logo-eurostar.svg new file mode 100644 index 0000000..d8bcd0e --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-eurostar.svg @@ -0,0 +1,314 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-fluo.svg b/src/app/assets/logos-monochrome/logo-fluo.svg new file mode 100644 index 0000000..ca4808e --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-fluo.svg @@ -0,0 +1,40 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-frecciarossa.svg b/src/app/assets/logos-monochrome/logo-frecciarossa.svg new file mode 100644 index 0000000..a6d51a2 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-frecciarossa.svg @@ -0,0 +1,74 @@ + + diff --git a/src/app/assets/logos-monochrome/logo-hautsdefrance.svg b/src/app/assets/logos-monochrome/logo-hautsdefrance.svg new file mode 100644 index 0000000..7920781 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-hautsdefrance.svg @@ -0,0 +1,221 @@ + + + + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-ice.svg b/src/app/assets/logos-monochrome/logo-ice.svg new file mode 100644 index 0000000..04edf83 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-ice.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-inoui.svg b/src/app/assets/logos-monochrome/logo-inoui.svg new file mode 100644 index 0000000..2e7aff3 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-inoui.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-intercites.svg b/src/app/assets/logos-monochrome/logo-intercites.svg new file mode 100644 index 0000000..4ca3e44 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-intercites.svg @@ -0,0 +1,107 @@ + + + + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-ler.svg b/src/app/assets/logos-monochrome/logo-ler.svg new file mode 100644 index 0000000..654c54d --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-ler.svg @@ -0,0 +1,214 @@ + + + + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-lio.svg b/src/app/assets/logos-monochrome/logo-lio.svg new file mode 100644 index 0000000..6d98c14 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-lio.svg @@ -0,0 +1,43 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-lunea.svg b/src/app/assets/logos-monochrome/logo-lunea.svg new file mode 100644 index 0000000..269d090 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-lunea.svg @@ -0,0 +1,74 @@ + + diff --git a/src/app/assets/logos-monochrome/logo-lyria.svg b/src/app/assets/logos-monochrome/logo-lyria.svg new file mode 100644 index 0000000..6cab5c2 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-lyria.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-metrolor.svg b/src/app/assets/logos-monochrome/logo-metrolor.svg new file mode 100644 index 0000000..167f70d --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-metrolor.svg @@ -0,0 +1,338 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-mobigo.svg b/src/app/assets/logos-monochrome/logo-mobigo.svg new file mode 100644 index 0000000..378c87b --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-mobigo.svg @@ -0,0 +1,332 @@ + + + + diff --git a/src/app/assets/logos-monochrome/logo-nomad.svg b/src/app/assets/logos-monochrome/logo-nomad.svg new file mode 100644 index 0000000..7bcfed0 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-nomad.svg @@ -0,0 +1,13 @@ + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-occitanie.svg b/src/app/assets/logos-monochrome/logo-occitanie.svg new file mode 100644 index 0000000..8e16d69 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-occitanie.svg @@ -0,0 +1,145 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-ouigo-classique.svg b/src/app/assets/logos-monochrome/logo-ouigo-classique.svg new file mode 100644 index 0000000..d71246d --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-ouigo-classique.svg @@ -0,0 +1,578 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-ouigo.svg b/src/app/assets/logos-monochrome/logo-ouigo.svg new file mode 100644 index 0000000..1df8e54 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-ouigo.svg @@ -0,0 +1,73 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-remi.svg b/src/app/assets/logos-monochrome/logo-remi.svg new file mode 100644 index 0000000..5ce6f2e --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-remi.svg @@ -0,0 +1,381 @@ + + + + \ No newline at end of file diff --git a/src/app/assets/logos-monochrome/logo-renfeave.svg b/src/app/assets/logos-monochrome/logo-renfeave.svg new file mode 100644 index 0000000..c2ad14b --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-renfeave.svg @@ -0,0 +1,72 @@ + + + diff --git a/src/app/assets/logos-monochrome/logo-rer-a.svg b/src/app/assets/logos-monochrome/logo-rer-a.svg new file mode 100644 index 0000000..88c53a9 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-rer-a.svg @@ -0,0 +1,111 @@ + + + + + + + + + + +]> + diff --git a/src/app/assets/logos-monochrome/logo-rer-b.svg b/src/app/assets/logos-monochrome/logo-rer-b.svg new file mode 100644 index 0000000..a436c13 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-rer-b.svg @@ -0,0 +1,119 @@ + + + + + + + + + + +]> + diff --git a/src/app/assets/logos-monochrome/logo-rer-c.svg b/src/app/assets/logos-monochrome/logo-rer-c.svg new file mode 100644 index 0000000..b193af0 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-rer-c.svg @@ -0,0 +1,116 @@ + + + + + + + + + + +]> + diff --git a/src/app/assets/logos-monochrome/logo-rer-d.svg b/src/app/assets/logos-monochrome/logo-rer-d.svg new file mode 100644 index 0000000..87cc429 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-rer-d.svg @@ -0,0 +1,113 @@ + + + + + + + + + + +]> + diff --git a/src/app/assets/logos-monochrome/logo-rer-e.svg b/src/app/assets/logos-monochrome/logo-rer-e.svg new file mode 100644 index 0000000..104ca17 --- /dev/null +++ b/src/app/assets/logos-monochrome/logo-rer-e.svg @@ -0,0 +1,198 @@ + + + +
+
+
+
+
+ `;
+}
+
+export { baseMail, transporter };
\ No newline at end of file
diff --git a/src/app/lib/socket_server.js b/src/app/lib/socket_server.js
new file mode 100644
index 0000000..5aa6e91
--- /dev/null
+++ b/src/app/lib/socket_server.js
@@ -0,0 +1,23 @@
+import { Server } from "socket.io";
+
+let io;
+
+export function initSocketServer(server) {
+ if (!io) {
+ io = new Server(server);
+
+ io.on('connection', (socket) => {
+ console.log('Client connected');
+
+ socket.on('disconnect', () => {
+ console.log('Client disconnected');
+ });
+ });
+ }
+}
+
+export function notifyClients(event, data) {
+ if (io) {
+ io.emit(event, data);
+ }
+}
\ No newline at end of file
diff --git a/src/app/page.js b/src/app/page.js
deleted file mode 100644
index 61edd89..0000000
--- a/src/app/page.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import Image from "next/image";
-
-export default function Home() {
- return (
-
+ 
+
+
+
+
+ ${title}
+
+ ${body}
+
+
+
+
+
-
-
-
-
- );
-}
diff --git a/src/app/styles/departs/trains.css b/src/app/styles/departs/trains.css
new file mode 100644
index 0000000..f6d3879
--- /dev/null
+++ b/src/app/styles/departs/trains.css
@@ -0,0 +1,1517 @@
+/* -- compass -- */
+/* -- sass files -- */
+/* -- colors -- */
+/* -- colors (screen) -- */
+/* -- widths -- */
+/* -- base -- */
+@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
+
+html, body {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ -moz-text-size-adjust: none;
+ -ms-text-size-adjust: none;
+ -webkit-text-size-adjust: none;
+ text-size-adjust: none;
+ overflow-x: hidden;
+ -moz-background-size: contain;
+ -o-background-size: contain;
+ -webkit-background-size: contain;
+ background-size: contain;
+}
+
+body {
+ font-family: 'Achemine';
+ font-size: 1vh;
+ font-weight: normal;
+ line-height: 1;
+}
+
+*,
+:after,
+:before {
+ outline: none;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*:focus,
+*:active,
+:after:focus,
+:after:active,
+:before:focus,
+:before:active {
+ outline: none;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+.rows {
+ position: relative;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -moz-transition: left 0.3s ease;
+ -o-transition: left 0.3s ease;
+ -webkit-transition: left 0.3s ease;
+ transition: left 0.3s ease;
+}
+
+.rows .row-group {
+ height: 10%;
+}
+
+.rows .row-group:hover {
+ cursor: default;
+}
+
+.rows .row-group>.row {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ height: 100%;
+ color: #fff;
+}
+
+.rows .row-group>.row>div {
+ display: table-cell;
+ overflow: hidden;
+ line-height: 1.2;
+ vertical-align: text-bottom;
+}
+
+.rows .row-group-hidden {
+ display: none;
+}
+
+
+/* -- sizes -- */
+
+.rows .row-group.row-group-2 {
+ height: 20%;
+}
+
+.rows .row-group.row-group-10 {
+ height: 100%;
+}
+
+
+/* -- bar -- */
+
+.row-group-bar {
+ position: absolute;
+ bottom: 0;
+ height: 10%;
+ padding-left: 2vh;
+}
+
+.row-group-bar.row-group-bar-yellow {
+ background: #ffbf51 !important;
+}
+
+.row-group-bar.row-group-bar-yellow .text-scroll-x {
+ color: #003a79;
+ font-style: normal !important;
+}
+
+.row-group-bar.row-group-bar-red {
+ background: #cd0037 !important;
+}
+
+.row-group-bar.row-group-bar-red .text-scroll-x {
+ color: #ffffff;
+ font-style: normal !important;
+}
+
+.row-group-bar.row-group-bar-purple {
+ background: #50077D !important;
+}
+
+.row-group-bar.row-group-bar-purple .text-scroll-x {
+ color: #ffffff;
+ font-style: normal !important;
+}
+
+.row-group-bar.row-group-bar-black {
+ background: #000000;
+}
+
+.row-group-bar.row-group-bar-black .text-scroll-x {
+ color: #ffffff;
+ font-style: normal !important;
+}
+
+.row-group-bar .col-first {
+ width: auto !important;
+ vertical-align: middle !important;
+}
+
+.row-group-bar .col-first .bar-informations {
+ font-size: 7em;
+}
+
+.row-group-bar .col-first .bar-informations {
+ font-size: 7em;
+}
+
+.row-group-bar .col-second {
+ width: 30vh;
+ text-align: center;
+ vertical-align: bottom !important;
+}
+
+
+/* -- selection -- */
+
+::selection {
+ color: white;
+ background: #006f94;
+}
+
+::-moz-selection {
+ color: white;
+ background: #006f94;
+}
+
+.alert {
+ position: relative;
+ margin-bottom: 20px;
+ padding: 20px 20px 20px 80px;
+ color: #fff;
+ font-size: 16px;
+ font-family: 'Roboto';
+ line-height: 1.3;
+ background: #e74c3c;
+}
+
+.alert.alert-flash {
+ position: fixed;
+ top: 7px;
+ right: 0;
+ margin-bottom: 0;
+ z-index: 5000;
+ animation: alert 4s ease forwards;
+}
+
+.alert.alert-success {
+ background: #006f94;
+}
+
+.alert.alert-success .icon {
+ background: #006f94;
+}
+
+.alert.alert-success .icon:before {
+ content: '\e116';
+}
+
+.alert.alert-info {
+ color: #878787;
+ background: #ededed;
+}
+
+.alert.alert-info .icon {
+ background: #e0e0e0;
+}
+
+.alert.alert-info .icon:before {
+ content: '\e60a';
+}
+
+.alert .icon {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 100%;
+ padding: 22px 0;
+ font-family: 'icomoon';
+ text-align: center;
+ background: #d62c1a;
+}
+
+.alert .icon:before {
+ content: '\e117';
+}
+
+@keyframes alert {
+ 0% {
+ opacity: 0;
+ transform: translateX(100%);
+ }
+
+ 10% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 90% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(100%);
+ }
+}
+
+.sidebar {
+ position: fixed;
+ z-index: 5001;
+ height: 100%;
+ overflow: hidden;
+ color: #fff;
+ font-family: 'Roboto';
+ font-size: 16px;
+ line-height: 1.4;
+ background: #1c1d26;
+ -moz-transition: width 0.3s ease, left 0.3s ease, right 0.3s ease;
+ -o-transition: width 0.3s ease, left 0.3s ease, right 0.3s ease;
+ -webkit-transition: width 0.3s ease, left 0.3s ease, right 0.3s ease;
+ transition: width 0.3s ease, left 0.3s ease, right 0.3s ease;
+}
+
+.sidebar.sidebar-left {
+ width: 76px;
+ left: -76px;
+}
+
+.sidebar.sidebar-left:hover {
+ left: 0;
+}
+
+.sidebar.sidebar-left:hover~.rows {
+ left: 76px;
+}
+
+.sidebar.sidebar-right {
+ width: 450px;
+ right: -450px;
+}
+
+.sidebar .sidebar-toggle,
+.sidebar .sidebar-header {
+ display: block;
+ height: 76px;
+ line-height: 76px;
+ margin-bottom: 5px;
+ text-align: center;
+ background: #006f94;
+}
+
+.sidebar .sidebar-toggle.sidebar-toggle,
+.sidebar .sidebar-header.sidebar-toggle {
+ position: absolute;
+ top: 0;
+ z-index: 5000;
+ width: 100%;
+ font-size: 1.8em;
+ visibility: visible;
+ opacity: 1;
+ -moz-transition-delay: 0s;
+ -o-transition-delay: 0s;
+ -webkit-transition-delay: 0s;
+ transition-delay: 0s;
+}
+
+.sidebar .sidebar-inner {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ padding-right: 20px;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ overflow-y: auto;
+ overflow-x: hidden;
+ opacity: 0;
+ -moz-transition: visibility 0s ease 0.2s;
+ -o-transition: visibility 0s ease 0.2s;
+ -webkit-transition: visibility 0s ease;
+ -webkit-transition-delay: 0.2s;
+ transition: visibility 0s ease 0.2s;
+ -moz-transition: opacity 0.2s ease;
+ -o-transition: opacity 0.2s ease;
+ -webkit-transition: opacity 0.2s ease;
+ transition: opacity 0.2s ease;
+}
+
+.sidebar .sidebar-inner li {
+ width: 450px;
+ position: relative;
+}
+
+.sidebar .sidebar-inner li.sidebar-header a {
+ padding: 0;
+ color: #fff;
+ font-size: 1.3em;
+ font-family: "Roboto", Helvetica, sans-serif;
+ font-weight: bold;
+}
+
+.sidebar .sidebar-inner li.sidebar-title {
+ padding: 20px 40px;
+ font-size: 1.2em;
+ font-weight: 500;
+}
+
+.sidebar .sidebar-inner li a {
+ display: block;
+ padding: 15px 40px;
+ color: rgba(250, 250, 250, 0.8);
+ -moz-transition: color 0.2s ease;
+ -o-transition: color 0.2s ease;
+ -webkit-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+}
+
+.sidebar .sidebar-inner li a:hover,
+.sidebar .sidebar-inner li a:focus {
+ color: #fff;
+}
+
+.sidebar .sidebar-inner li span[class^="icon-"],
+.sidebar .sidebar-inner li a.sidebar-btn {
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 0;
+ padding: 15px 30px;
+}
+
+.sidebar-overlay {
+ display: none;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 5000;
+}
+
+
+/* -- sidebar-active -- */
+
+.sidebar-active {
+ position: fixed;
+ z-index: 4000;
+ top: 0;
+ left: 0;
+ width: 76px;
+ height: 100%;
+}
+
+.sidebar-active:hover~.sidebar-left {
+ left: 0;
+}
+
+.sidebar-active:hover~.rows {
+ left: 76px;
+}
+
+
+/* -- toggleSidebar -- */
+
+.toggle-left .sidebar-left {
+ left: 0 !important;
+ width: 450px;
+}
+
+.toggle-left .sidebar-left .sidebar-toggle {
+ visibility: hidden !important;
+ opacity: 0;
+ -moz-transition: visibility 0s ease 0.2s;
+ -o-transition: visibility 0s ease 0.2s;
+ -webkit-transition: visibility 0s ease;
+ -webkit-transition-delay: 0.2s;
+ transition: visibility 0s ease 0.2s;
+ -moz-transition: opacity 0.2s ease;
+ -o-transition: opacity 0.2s ease;
+ -webkit-transition: opacity 0.2s ease;
+ transition: opacity 0.2s ease;
+}
+
+.toggle-left .sidebar-left .sidebar-inner {
+ visibility: visible;
+ opacity: 1;
+}
+
+.toggle-left .sidebar-overlay {
+ display: block;
+}
+
+.toggle-left .rows {
+ left: 450px !important;
+}
+
+.toggle-right .sidebar-right {
+ right: 0 !important;
+}
+
+.toggle-right .sidebar-right .sidebar-toggle {
+ visibility: hidden !important;
+ opacity: 0;
+ -moz-transition: visibility 0s ease 0.2s;
+ -o-transition: visibility 0s ease 0.2s;
+ -webkit-transition: visibility 0s ease;
+ -webkit-transition-delay: 0.2s;
+ transition: visibility 0s ease 0.2s;
+ -moz-transition: opacity 0.2s ease;
+ -o-transition: opacity 0.2s ease;
+ -webkit-transition: opacity 0.2s ease;
+ transition: opacity 0.2s ease;
+}
+
+.toggle-right .sidebar-right .sidebar-inner {
+ visibility: visible;
+ opacity: 1;
+}
+
+.toggle-right .sidebar-overlay {
+ display: block;
+}
+
+.toggle-right .rows {
+ left: -450px !important;
+}
+
+
+/* -- informations -- */
+
+.bar-informations {
+ display: inline-block;
+ white-space: nowrap;
+ font-style: italic;
+}
+
+
+/* -- clock -- */
+
+.bar-clock {
+ display: inline-block;
+ position: relative;
+ z-index: 5000;
+ width: 80%;
+ height: 7.5vh;
+ font-size: 5vh;
+ font-weight: 700;
+ line-height: 1.5;
+ border: solid 0.5vh #fff;
+ border-bottom: none;
+ border-radius: 0.8vh 0.8vh 0 0;
+ background: #003a79;
+}
+
+.bar-clock small {
+ display: inline-block;
+ color: #ff9f17;
+}
+
+
+/* -- blink -- */
+
+.animation-blink {
+ position: relative;
+}
+
+.animation-blink .animation-blink-1,
+.animation-blink .animation-blink-2 {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ will-change: visibility;
+ animation: blink 4s steps(2, start) infinite;
+ -webkit-animation: blink 4s steps(2, start) infinite;
+}
+
+.animation-blink .animation-blink-2 {
+ visibility: hidden;
+ animation-delay: 2s;
+ -webkit-animation-delay: 2s;
+}
+
+.animation-blink .animation-blink-clock {
+ animation: blink 1.5s steps(2, start) infinite;
+ -webkit-animation: blink 1.5s steps(2, start) infinite;
+}
+
+@keyframes blink {
+ from {
+ visibility: visible;
+ }
+
+ to {
+ visibility: hidden;
+ }
+}
+
+@-webkit-keyframes blink {
+ from {
+ visibility: visible;
+ }
+
+ to {
+ visibility: hidden;
+ }
+}
+
+/* -- provenance in departures -- */
+
+.scroll-provenance {
+ animation: scrollstop 3s linear infinite;
+ -webkit-animation: scrollstop 3s linear infinite;
+}
+
+@-webkit-keyframes scrollstop {
+ from {
+ transform: translateX(0%);
+ }
+
+ to {
+ transform: translateX(-100%);
+ }
+}
+
+@keyframes scrollstop {
+ from {
+ transform: translateX(0%);
+ }
+
+ to {
+ transform: translateX(-100%);
+ }
+}
+
+/* -- scroll-x -- */
+
+.animation-scroll-x {
+ transform: translateZ(0);
+ will-change: transform;
+ animation: scrollX 0s linear infinite;
+ -webkit-animation: scrollX 0s linear infinite;
+}
+
+@keyframes scrollX {
+ from {
+ transform: translateX(0%);
+ }
+
+ to {
+ transform: translateX(-100%);
+ }
+}
+
+@-webkit-keyframes scrollX {
+ from {
+ transform: translateX(0%);
+ }
+
+ to {
+ transform: translateX(-100%);
+ }
+}
+
+
+@keyframes scrollY {
+
+ /* 0% { transform: translateY(100%); }
+ 25% { transform: translateY(-100%); }
+ 50% { transform: translateY(100%); }
+ 75% { transform: translateY(0%); }
+ 100% { transform: translateY(-100%); } */
+ from {
+ transform: translateY(0%);
+ }
+
+ 50% {
+ transform: translateY(100%);
+ }
+
+ to {
+ transform: translateY(100%);
+ }
+}
+
+@-webkit-keyframes scrollY {
+ from {
+ transform: translateY(0%);
+ }
+
+ to {
+ transform: translateY(100%);
+ animation-timing-function: ease-in-out
+ }
+}
+
+/* -- scroll-y -- */
+
+.row-group-informations .scroll-y {
+ transform: translateZ(0);
+ will-change: transform;
+ position: absolute;
+}
+
+.row-group-train .scroll-y {
+ transform: translateZ(0);
+ will-change: transform;
+ position: relative;
+}
+
+
+/* -- texts -- */
+
+.text-scroll-x {
+ display: inline-block;
+ padding-left: 100%;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 8em;
+ white-space: nowrap;
+}
+
+.text-scroll-x span {
+ display: inline;
+}
+
+.text-scroll-x span:after {
+ content: '';
+ display: inline-block;
+ width: 2.5vh;
+ height: 2.5vh;
+ margin: 0 1.5vh;
+ margin-bottom: 0.5vh;
+ border-radius: 50%;
+ background: #f5f900;
+}
+
+.text-scroll-x span:last-child:after {
+ display: none;
+}
+
+.text-type {
+ line-height: 1;
+ font-size: 3.3em;
+ font-weight: 100;
+ font-family: 'Achemine';
+ display: inline-block;
+}
+
+.text-number {
+ line-height: 1;
+ font-size: 4em;
+ font-weight: bold;
+ display: inline-block;
+}
+
+.text-time {
+ color: #f5f900;
+ font-size: 6.5em;
+ font-weight: bold;
+}
+
+.text-time-rer {
+ color: #f5f900;
+ font-size: 5em;
+ font-weight: bold;
+}
+
+.text-time.minutes {
+ font-size: 5em;
+}
+
+.text-time.retard {
+ color: #f9a200;
+}
+
+.text-features-1 {
+ margin-top: 2%;
+ font-size: 3.5em;
+ font-weight: bold;
+}
+
+.text-features-2 {
+ color: #fff;
+ font-size: 0.8em;
+ font-weight: bold;
+}
+
+.text-features-3 {
+ color: #f5f900;
+ font-size: 3.5em;
+ font-weight: bold;
+}
+
+
+/* -- background -- */
+
+.row-background {
+ position: absolute;
+ right: 5vh;
+ bottom: 10vh;
+ width: 23vh;
+ height: 90%;
+ background-repeat: no-repeat;
+}
+
+
+/* -- cols -- */
+
+.row-group {
+ height: 10%;
+}
+
+.row-group .row {
+ position: relative;
+}
+
+.row-group .row .col-first {
+ width: 17vh;
+}
+
+.row-group .row .col-first-details {
+ display: relative;
+ color: #f5f900;
+ width: 60vh;
+ font-size: 5em;
+ text-align: center;
+ white-space: nowrap;
+}
+
+.row-group .row .col-second {
+ position: relative;
+}
+
+.row-group .row .col-second-first {
+ width: 20vh;
+ vertical-align: middle !important;
+}
+
+.row-group .row .col-second-second {
+ width: 24vh;
+}
+
+.row-group .row .col-second-third {
+ font-size: 8em;
+ white-space: nowrap;
+}
+
+.row-group .row .col-second-merged {
+ width: 44vh;
+}
+
+.row-group .row .col-second-merged>div {
+ display: table;
+}
+
+.row-group .row .col-second-merged>div>div {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.row-group .row .col-hide {
+ display: block;
+ position: relative;
+ width: 0;
+ overflow: visible !important;
+}
+
+.row-group .row .col-hide .col-hide-inner {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: -1vh;
+ width: 100vh;
+ overflow: hidden;
+}
+
+.row-group .row .col-third {
+ position: relative;
+ z-index: 1;
+ width: 18vh;
+ overflow: visible !important;
+}
+
+
+/* -- sizes -- */
+
+.rows .row-group-2 .row:nth-of-type(1) {
+ height: 55%;
+}
+
+.rows .row-group-2 .row:nth-of-type(1)>div {
+ line-height: 1;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .col-second-first {
+ vertical-align: text-bottom !important;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .col-second-first .animation-blink {
+ height: 6vh;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .col-second-third {
+ font-size: 10em;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .col-second-third .animation-rotate {
+ height: 11vh;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .col-second-third .animation-rotate div {
+ margin-bottom: 1vh;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .text-time {
+ font-size: 7.5em;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .text-time.minutes {
+ font-size: 5em;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .train-track {
+ height: 11vh;
+ width: 11vh;
+ font-size: 7.5em;
+ line-height: 1.4;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .train-track.train-track-p:before {
+ width: 10.25vh;
+ height: 10.25vh;
+}
+
+.rows .row-group-2 .row:nth-of-type(1) .train-track.train-track-h:not(.train-track-view) {
+ line-height: 0.4;
+}
+
+.rows .row-group-2 .row:nth-of-type(2) {
+ height: 45%;
+}
+
+.rows .row-group-2 .row:nth-of-type(2)>div {
+ line-height: 1.05;
+}
+
+
+/* -- styles -- */
+
+.rows.rows-departures.scroll-y {
+ transform: translateZ(0);
+ will-change: transform;
+ animation: scrollY 10s linear infinite;
+ -webkit-animation: scrollY 10s linear infinite;
+}
+
+.rows.rows-departures,
+.rows.rows-transilien {
+ background: #0064aa;
+}
+
+.rows.rows-departures .row-group:nth-of-type(odd),
+.rows.rows-transilien .row-group:nth-of-type(odd) {
+ background: #0064aa;
+}
+
+.rows.rows-departures .row-group:nth-of-type(odd) .train-track-h:not(.train-track-view),
+.rows.rows-transilien .row-group:nth-of-type(odd) .train-track-h:not(.train-track-view) {
+ color: #0064aa;
+}
+
+.rows.rows-departures .row-group:nth-of-type(even),
+.rows.rows-transilien .row-group:nth-of-type(even) {
+ background: #003a79;
+}
+
+.rows.rows-departures .row-group:nth-of-type(even) .train-track-h:not(.train-track-view),
+.rows.rows-transilien .row-group:nth-of-type(even) .train-track-h:not(.train-track-view) {
+ color: #003a79;
+}
+
+.rows.rows-departures .row-background,
+.rows.rows-transilien .row-background {
+ background-image: url(../../assets/row-background-departures.svg);
+}
+
+.rows.rows-arrivals {
+ background: #217a42;
+}
+
+.rows.rows-arrivals .row-group:nth-of-type(odd) {
+ background: #217a42;
+}
+
+.rows.rows-arrivals .row-group:nth-of-type(odd) .train-track-h:not(.train-track-view) {
+ color: #217a42;
+}
+
+.rows.rows-arrivals .row-group:nth-of-type(even) {
+ background: #0c5639;
+}
+
+.rows.rows-arrivals .row-group:nth-of-type(even) .train-track-h:not(.train-track-view) {
+ color: #0c5639;
+}
+
+.rows.rows-arrivals .row-background {
+ background-image: url(../../assets/row-background-arrivals.svg);
+}
+
+.rows.rows-error {
+ background: #ec0e0e;
+}
+
+.rows.rows-error .row-group:nth-of-type(odd) {
+ background: #a00e0e;
+}
+
+
+/* -- logo -- */
+
+.train-logo {
+ height: 6vh;
+ background: no-repeat center;
+ -moz-background-size: contain;
+ -o-background-size: contain;
+ -webkit-background-size: contain;
+ background-size: contain;
+}
+
+.train-logo.train-logo-sncf {
+ background-image: url(../../assets/logos-monochrome/logo-sncf.svg);
+}
+
+.train-logo.train-logo-inoui {
+ background-image: url(../../assets/logos-monochrome/logo-inoui.svg);
+}
+
+.train-logo.train-logo-ter {
+ background-image: url(../../assets/logos-monochrome/logo-ter.svg);
+}
+
+.train-logo.train-logo-tgv {
+ background-image: url(../../assets/logos-monochrome/logo-tgv.svg);
+}
+
+.train-logo.train-logo-ice {
+ background-image: url(../../assets/logos-monochrome/logo-ice.svg);
+}
+
+.train-logo.train-logo-lyria {
+ background-image: url(../../assets/logos-monochrome/logo-lyria.svg);
+}
+
+.train-logo.train-logo-ouigo {
+ background-image: url(../../assets/logos-monochrome/logo-ouigo.svg);
+}
+
+.train-logo.train-logo-ouigo-classique {
+ background-image: url(../../assets/logos-monochrome/logo-ouigo-classique.svg);
+}
+
+.train-logo.train-logo-ler {
+ background-image: url(../../assets/logos-monochrome/logo-ler.svg);
+}
+
+.train-logo.train-logo-fluo {
+ background-image: url(../../assets/logos-monochrome/logo-fluo.svg);
+}
+
+.train-logo.train-logo-occitanie {
+ background-image: url(../../assets/logos-monochrome/logo-occitanie.svg);
+}
+
+.train-logo.train-logo-intercite {
+ background-image: url(../../assets/logos-monochrome/logo-intercites.svg);
+ margin-left: 10%;
+ margin-right: 10%;
+}
+
+.train-logo.train-logo-aleop {
+ background-image: url(../../assets/logos-monochrome/logo-aleop.svg);
+}
+
+.train-logo.train-logo-auvergne-rhone-alpes {
+ background-image: url(../../assets/logos-monochrome/logo-auvergerhonealpes.svg);
+}
+
+.train-logo.train-logo-breizhgo {
+ background-image: url(../../assets/logos-monochrome/logo-breizhgo.svg);
+}
+
+.train-logo.train-logo-db {
+ background-image: url(../../assets/logos-monochrome/logo-db.svg);
+}
+
+.train-logo.train-logo-ter-hauts-de-france {
+ background-image: url(../../assets/logos-monochrome/logo-hautsdefrance.svg);
+}
+
+.train-logo.train-logo-lio {
+ background-image: url(../../assets/logos-monochrome/logo-lio.svg);
+}
+
+.train-logo.train-logo-ter-metrolor {
+ background-image: url(../../assets/logos-monochrome/logo-metrolor.svg);
+}
+
+.train-logo.train-logo-mobigo {
+ background-image: url(../../assets/logos-monochrome/logo-mobigo.svg);
+}
+
+.train-logo.train-logo-nomad {
+ background-image: url(../../assets/logos-monochrome/logo-nomad.svg);
+}
+
+.train-logo.train-logo-remi {
+ background-image: url(../../assets/logos-monochrome/logo-remi.svg);
+}
+
+.train-logo.train-logo-renfe-ave {
+ background-image: url(../../assets/logos-monochrome/logo-renfeave.svg);
+}
+
+.train-logo.train-logo-sbb {
+ background-image: url(../../assets/logos-monochrome/logo-sbb.svg);
+}
+
+.train-logo.train-logo-sncf-1985 {
+ background-image: url(../../assets/logos-monochrome/logo-sncf1985.svg);
+}
+
+.train-logo.train-logo-sncf-1992 {
+ background-image: url(../../assets/logos-monochrome/logo-sncf1992.svg);
+}
+
+.train-logo.train-logo-ter-alsace {
+ background-image: url(../../assets/logos-monochrome/logo-teralsace.svg);
+}
+
+.train-logo.train-logo-ter-aquitaine {
+ background-image: url(../../assets/logos-monochrome/logo-teraquitaine.svg);
+}
+
+.train-logo.train-logo-ter-basse-normandie {
+ background-image: url(../../assets/logos-monochrome/logo-terbassenormandie.svg);
+}
+
+.train-logo.train-logo-ter-bourgogne {
+ background-image: url(../../assets/logos-monochrome/logo-terbourgogne.svg);
+}
+
+.train-logo.train-logo-ter-bretagne {
+ background-image: url(../../assets/logos-monochrome/logo-terbretagne.svg);
+}
+
+.train-logo.train-logo-ter-centre {
+ background-image: url(../../assets/logos-monochrome/logo-tercentre.svg);
+}
+
+.train-logo.train-logo-ter-languedoc-roussillon {
+ background-image: url(../../assets/logos-monochrome/logo-terlanguedocroussillon.svg);
+}
+
+.train-logo.train-logo-ter-midi-pyrenees {
+ background-image: url(../../assets/logos-monochrome/logo-termidipyrenees.svg);
+}
+
+.train-logo.train-logo-ter-nord-pas-de-calais {
+ background-image: url(../../assets/logos-monochrome/logo-ternordpasdecalais.svg);
+}
+
+.train-logo.train-logo-poitou-charentes {
+ background-image: url(../../assets/logos-monochrome/logo-terpoitoucharentes.svg);
+}
+
+.train-logo.train-logo-thello {
+ background-image: url(../../assets/logos-monochrome/logo-thello.svg);
+}
+
+.train-logo.train-logo-tram-train {
+ background-image: url(../../assets/logos-monochrome/logo-tramtrain.svg);
+}
+
+.train-logo.train-logo-zou {
+ background-image: url(../../assets/logos-monochrome/logo-zou.svg);
+}
+
+.train-logo.train-logo-eurostar {
+ background-image: url(../../assets/logos-monochrome/logo-eurostar.svg);
+}
+
+.train-logo.train-logo-thalys {
+ background-image: url(../../assets/logos-monochrome/logo-thalys.svg);
+}
+
+.train-logo.train-logo-rer-a {
+ background-image: url(../../assets/logos-monochrome/logo-rer-a.svg);
+}
+
+.train-logo.train-logo-rer-b {
+ background-image: url(../../assets/logos-monochrome/logo-rer-b.svg);
+}
+
+.train-logo.train-logo-rer-c {
+ background-image: url(../../assets/logos-monochrome/logo-rer-c.svg);
+}
+
+.train-logo.train-logo-rer-d {
+ background-image: url(../../assets/logos-monochrome/logo-rer-d.svg);
+}
+
+.train-logo.train-logo-rer-e {
+ background-image: url(../../assets/logos-monochrome/logo-rer-e.svg);
+}
+
+.train-logo.train-logo-t-h {
+ background-image: url(../../assets/logos-monochrome/logo-t-h.svg);
+}
+
+.train-logo.train-logo-t-j {
+ background-image: url(../../assets/logos-monochrome/logo-t-j.svg);
+}
+
+.train-logo.train-logo-t-k {
+ background-image: url(../../assets/logos-monochrome/logo-t-k.svg);
+}
+
+.train-logo.train-logo-t-l {
+ background-image: url(../../assets/logos-monochrome/logo-t-l.svg);
+}
+
+.train-logo.train-logo-t-n {
+ background-image: url(../../assets/logos-monochrome/logo-t-n.svg);
+}
+
+.train-logo.train-logo-t-p {
+ background-image: url(../../assets/logos-monochrome/logo-t-p.svg);
+}
+
+.train-logo.train-logo-t-r {
+ background-image: url(../../assets/logos-monochrome/logo-t-r.svg);
+}
+
+.train-logo.train-logo-t-u {
+ background-image: url(../../assets/logos-monochrome/logo-t-u.svg);
+}
+
+.train-logo.train-logo-lunea {
+ background-image: url(../../assets/logos-monochrome/logo-lunea.svg);
+}
+
+.train-logo.train-logo-teoz {
+ background-image: url(../../assets/logos-monochrome/logo-teoz.svg);
+}
+
+.train-logo.train-logo-frecciarossa {
+ background-image: url(../../assets/logos-monochrome/logo-frecciarossa.svg);
+}
+
+.train-logo.train-logo-trenitalia {
+ background-image: url(../../assets/logos-monochrome/logo-trenitalia.svg);
+}
+
+.train-logo.train-logo-cfl {
+ background-image: url(../../assets/logos-monochrome/logo-cfl.svg);
+}
+
+.train-logo.train-logo-sncb {
+ background-image: url(../../assets/logos-monochrome/logo-sncb.svg);
+}
+
+
+/* -- rer --*/
+
+.rer.train-lng {
+ height: 75%;
+ background: no-repeat center;
+ -moz-background-size: contain;
+ -o-background-size: contain;
+ -webkit-background-size: contain;
+ background-size: contain;
+}
+
+.rer.train-lng.train-long {
+ background-image: url(../../assets/train_long.png);
+}
+
+.rer.train-lng.train-court {
+ background-image: url(../../assets/train_court.png);
+}
+
+.rer-hour-mode {
+ font-size: 4em;
+}
+
+/* -- type - number -- */
+
+.train-type-number {
+ display: inline-block;
+}
+
+
+/* -- information-dynamic -- */
+
+.train-information-dynamic {
+ position: absolute;
+ right: 0;
+ top: 0.7vh;
+ bottom: 0.7vh;
+ width: 55vh;
+ padding-left: 2vh;
+ font-size: 4em;
+ line-height: 1;
+ border-left: 0.5vh #fff solid;
+}
+
+.row-group:nth-of-type(odd) .train-information-dynamic {
+ background-color: #0064aa;
+}
+
+.row-group:nth-of-type(even) .train-information-dynamic {
+ background-color: #003a79;
+}
+
+.train-information-dynamic.train-information-dynamic-yellow {
+ color: #f5f900;
+ border-color: #f5f900;
+}
+
+.train-information-dynamic-station {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+}
+
+
+/* -- track -- */
+
+.train-track {
+ display: none;
+ position: absolute;
+ top: 0.75vh;
+ right: 3vh;
+ width: 8vh;
+ height: 8vh;
+ font-size: 5.6em;
+ font-weight: bold;
+ line-height: 1.3;
+ text-align: center;
+ border: solid 0.35vh #fff;
+ border-radius: 10%;
+ z-index: 1000;
+}
+
+.train-track span {
+ display: none;
+}
+
+.train-track.train-track-view {
+ display: block;
+}
+
+.train-track.train-track-view span {
+ display: inline;
+}
+
+.train-track.train-track-view h1,
+.train-track.train-track-view small {
+ display: none;
+}
+
+.train-track.train-track-p {
+ display: block;
+}
+
+.train-track.train-track-p.train-track-view {
+ background: transparent !important;
+}
+
+.train-track.train-track-p.train-track-view:before {
+ content: '';
+ position: absolute;
+ z-index: -1;
+ display: block;
+ width: 7.25vh;
+ height: 7.25vh;
+}
+
+.train-track.train-track-p.train-track-view.train-track-y:before {
+ box-shadow: 1.25vh 1.25vh 0 #f5f900;
+}
+
+.train-track.train-track-p.train-track-view.train-track-b:before {
+ box-shadow: 1.25vh 1.25vh 0 #115db6;
+}
+
+.train-track.train-track-p.train-track-y {
+ background: #f5f900;
+}
+
+.train-track.train-track-p.train-track-b {
+ background: #115db6;
+}
+
+.train-track.train-track-h:not(.train-track-view) {
+ display: block;
+ line-height: 0.4;
+ background: #fff;
+}
+
+.train-track.train-track-h:not(.train-track-view) h1 {
+ margin: 0;
+ font-size: 0.75em;
+}
+
+.train-track.train-track-h:not(.train-track-view) small {
+ font-size: 0.4em;
+}
+
+.train-track.train-track-view.noview {
+ border: dashed 0.35vh #fff;
+}
+
+.train-track.train-track-car {
+ border: none;
+ background: url(../../assets/logos-monochrome/track-car.svg) no-repeat center;
+ background-size: cover;
+}
+
+
+/* -- rotate -- */
+
+.animation-rotate {
+ height: 10vh;
+ overflow: hidden;
+ transform: translateZ(0);
+ will-change: transform;
+}
+
+.animation-rotate .animation-rotate-inner {
+ height: 100%;
+ animation: rotate 9s linear infinite;
+ -webkit-animation: rotate 9s linear infinite;
+}
+
+.animation-rotate .animation-rotate-inner div {
+ margin-bottom: 0.5vh;
+}
+
+@keyframes rotate {
+ 33% {
+ transform: translateY(0%);
+ }
+
+ 50%,
+ 83.33% {
+ transform: translateY(-100%);
+ }
+
+ 100% {
+ transform: translateY(-200%);
+ }
+}
+
+@-webkit-keyframes rotate {
+ 33% {
+ transform: translateY(0%);
+ }
+
+ 50%,
+ 83.33% {
+ transform: translateY(-100%);
+ }
+
+ 100% {
+ transform: translateY(-200%);
+ }
+}
+
+
+/* -- dynamic -- */
+
+.animation-dynamic {
+ transform: translateX(100%) translateZ(0);
+ will-change: transform;
+ animation: dynamic 13s linear infinite;
+ -webkit-animation: dynamic 13s linear infinite;
+}
+
+@keyframes dynamic {
+ 0% {
+ transform: translateX(100%) translateZ(0);
+ }
+
+ 20%,
+ 60% {
+ transform: translateX(0%) translateZ(0);
+ }
+
+ 80% {
+ transform: translateX(100%) translateZ(0);
+ }
+}
+
+@-webkit-keyframes dynamic {
+ 0% {
+ transform: translateX(100%) translateZ(0);
+ }
+
+ 20%,
+ 60% {
+ transform: translateX(0%) translateZ(0);
+ }
+
+ 80% {
+ transform: translateX(100%) translateZ(0);
+ }
+}
+
+
+/* -- animation-dynamic-station -- */
+
+.animation-dynamic-station {
+ width: calc(100% - 0vh);
+ transform: translateZ(0);
+ will-change: width;
+ animation: dynamic_station 13s linear infinite;
+ -webkit-animation: dynamic_station 13s linear infinite;
+}
+
+@keyframes dynamic_station {
+ 0% {
+ width: calc(100% - 0vh);
+ }
+
+ 20%,
+ 60% {
+ width: calc(100% - 55vh);
+ }
+
+ 80% {
+ width: calc(100% - 0vh);
+ }
+}
+
+@-webkit-keyframes dynamic_station {
+ 0% {
+ width: calc(100% - 0vh);
+ }
+
+ 20%,
+ 60% {
+ width: calc(100% - 55vh);
+ }
+
+ 80% {
+ width: calc(100% - 0vh);
+ }
+}
\ No newline at end of file
diff --git a/src/app/theme.js b/src/app/theme.js
new file mode 100644
index 0000000..fa603f6
--- /dev/null
+++ b/src/app/theme.js
@@ -0,0 +1,105 @@
+'use client';
+
+import { outlinedInputClasses } from '@mui/material';
+import { createTheme } from '@mui/material/styles';
+import { Roboto } from 'next/font/google';
+
+const roboto = Roboto({
+ weight: ['300', '400', '500', '700'],
+ subsets: ['latin'],
+ display: 'swap',
+});
+
+const theme = createTheme({
+ palette: {
+ mode: 'dark',
+ background: {
+ default: '#121212',
+ paper: '#1e1e1e',
+ },
+ primary: {
+ main: '#217a42',
+ },
+ secondary: {
+ main: '#0c5639',
+ },
+ error: {
+ main: '#f44336',
+ },
+ warning: {
+ main: '#ff9800',
+ },
+ info: {
+ main: '#2196f3',
+ },
+ success: {
+ main: '#4caf50',
+ },
+ },
+ typography: {
+ fontFamily: roboto.style.fontFamily,
+ h5: {
+ fontWeight: 400,
+ fontSize: '1.5rem',
+ }
+ },
+ components: {
+ MuiCssBaseline: {
+ styleOverrides: `
+ :root {
+ ${roboto.style.fontFamily}
+ }
+ `,
+ },
+ MuiTextField: {
+ defaultProps: {
+ variant: 'outlined',
+ margin: 'dense',
+ },
+ styleOverrides: {
+ root: {
+ '--TextField-brandBorderColor': '#217a42',
+ '--TextField-brandHoverBorderColor': '#FFFFFF',
+ '--TextField-brandFocusBorderColor': '#0c5639',
+ '& label.Mui-focused': {
+ color: 'var(--TextField-brandFocusBorderColor)',
+ },
+ '& label': {
+ color: 'var(--TextField-brandBorderColor)',
+ },
+ },
+ },
+ },
+ MuiOutlinedInput: {
+ styleOverrides: {
+ notchedOutline: {
+ borderColor: 'var(--TextField-brandBorderColor)',
+ },
+ root: {
+ [`&:hover .${outlinedInputClasses.notchedOutline}`]: {
+ borderColor: 'var(--TextField-brandHoverBorderColor)',
+ },
+ [`&.Mui-focused .${outlinedInputClasses.notchedOutline}`]: {
+ borderColor: 'var(--TextField-brandFocusBorderColor)',
+ },
+ [`& .${outlinedInputClasses.input}`]: {
+ color: '#FFFFFF',
+ },
+ },
+ },
+ },
+ MuiButton: {
+ defaultProps: {
+ variant: 'contained',
+ color: 'primary',
+ },
+ },
+ MuiAppBar: {
+ styleOverrides: {
+
+ },
+ },
+ },
+});
+
+export default theme;
\ No newline at end of file