valentin
/
subway
mirror of https://github.com/itsmrval/subway
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(bases) structure and example with components

pull/1/head
Valentin 2024-06-04 19:24:03 +02:00
parent 3697db1384
commit d393c7ae49
30 changed files with 240 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.idea/.gitignore vendored Normal file
View File

@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml

9
.idea/misc.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ComposerSettings">
<execution />
</component>
<component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="21" project-jdk-type="JavaSDK">
<output url="file://$PROJECT_DIR$/out" />
</component>
</project>

8
.idea/modules.xml Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/subwaySchedule.iml" filepath="$PROJECT_DIR$/.idea/subwaySchedule.iml" />
</modules>
</component>
</project>

9
.idea/subwaySchedule.iml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="JAVA_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

6
.idea/vcs.xml Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>

6
assets/lines/1.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 1</title>
<circle fill="#FFCE00" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M163.59 216.72V66.53h-26.17c-14.87 11.26-33.81 21.27-49.56 27.86l10.22 23c10-4.9 24.47-11.5 33.6-18.73v118.06z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 396 B

6
assets/lines/10.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 10</title>
<circle fill="#E3B32A" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M113.66 216.93V66.71H87.48C72.61 78 53.66 88 37.92 94.59l10.2 23c10-4.9 24.49-11.49 33.62-18.73v118.1zM244.45 141.6c0-34.68-8.94-79.36-54.27-79.36s-55.11 44.68-55.11 79.36S144 221 189.33 221s55.12-44.67 55.12-79.36m-32.55 0c0 14.89-.87 54.26-22.14 54.26s-22.34-39.16-22.34-54.26c0-15.32.64-54 22.34-54 21.49 0 22.14 38.31 22.14 54.05"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 620 B

6
assets/lines/11.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 11</title>
<circle fill="#8D5E2A" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M121.85 216.64V66.43H95.67C80.77 77.7 61.85 87.7 46.1 94.3l10.22 23c10-4.89 24.45-11.5 33.61-18.73v118.07zM215.39 216.64V66.43h-26.18C174.32 77.7 155.39 87.7 139.64 94.3l10.22 23c10-4.89 24.46-11.5 33.61-18.73v118.07z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 501 B

6
assets/lines/12.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 12</title>
<circle fill="#00814F" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M111.92 216.89V66.68H85.74C70.86 78 51.92 88 36.16 94.54l10.23 23c10-4.9 24.47-11.54 33.61-18.75v118.1zM234.61 216.89v-25.11H172.7c1.91-8.72 17-21.9 24.67-28.94 18.09-16.37 34.48-28.5 34.48-54.25 0-30.64-24.9-46-51.29-46-20.21 0-33.61 6-48.09 18.52L148.22 102c3.62-4 12.77-13.61 26-13.61 16.38 0 24.87 10.84 24.87 23.83 0 14.47-10.83 25.32-20.83 34-20 17.45-37.25 33.4-41.08 50.85v19.79z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 671 B

6
assets/lines/13.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 13</title>
<circle fill="#98D4E2" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M113.82 216.65V66.43H87.65C72.76 77.7 53.83 87.71 38.07 94.3l10.22 23c10-4.9 24.47-11.49 33.62-18.73v118.1zM236.73 172c0-21.08-12.55-33.84-29.16-37v-.42c16-5.95 24.27-18.29 24.27-33.82 0-20-17.46-38.31-48.09-38.31-18.94 0-32.77 4.89-45.55 13.4l10.87 22.14a41.57 41.57 0 0 1 27.87-10.86c15.74 0 23 8.73 23 18.31 0 11.49-9.13 19.15-23.82 19.15h-15.77v24.81h15.52c15.33 0 28.51 6 28.51 23.2 0 12.77-10.85 23-28.29 23-12.77 0-23.2-5.31-29.57-9.78L134.8 209c10 5.95 21.92 11.26 43.42 11.26 34.89 0 58.51-21.9 58.51-48.29"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 802 B

6
assets/lines/14.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 14</title>
<circle fill="#662483" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M110.19 216.84V66.6H84C69.11 77.89 50.18 87.89 34.42 94.48l10.23 23c10-4.9 24.46-11.5 33.61-18.73v118.09zM242.1 185.56v-23.42h-17.66V66.61h-39.16L127 157.68v27.88h67.66v31.27h29.79v-31.27zm-47.45-23.42h-41.91l30.63-48.07c6-9.37 10.23-18.54 10.86-21.08h.42z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 540 B

6
assets/lines/2.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 2</title>
<circle fill="#0064B0" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M194 216.81V191.7h-62c1.91-8.73 17-21.91 24.66-28.94 18.1-16.38 34.49-28.51 34.49-54.25 0-30.64-24.91-46-51.29-46-20.21 0-33.62 6-48.09 18.51l15.74 20.84c3.63-4 12.78-13.61 26-13.61 16.38 0 24.87 10.85 24.87 23.83 0 14.47-10.84 25.33-20.83 34-20 17.44-37.25 33.4-41.08 50.85v19.79z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 564 B

6
assets/lines/3.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 3</title>
<circle fill="#9F9825" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M194.35 171.57c0-21.06-12.55-33.83-29.16-37v-.42c16-5.95 24.27-18.3 24.27-33.83 0-20-17.47-38.3-48.09-38.3-18.94 0-32.78 4.89-45.55 13.4l10.86 22.13a41.6 41.6 0 0 1 27.88-10.85c15.75 0 23 8.72 23 18.29 0 11.5-9.13 19.17-23.82 19.17H118V149h15.5c15.32 0 28.5 6 28.5 23.19 0 12.78-10.85 23-28.29 23-12.77 0-23.2-5.32-29.59-9.78l-11.7 23.19c10 5.95 21.92 11.26 43.42 11.26 34.88 0 58.51-21.9 58.51-48.3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 682 B

6
assets/lines/4.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 4</title>
<circle fill="#C04191" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#FFF" d="M189.09 185.34v-23.41h-17.64V66.4h-39.17L74 157.46v27.88h67.66v31.27h29.8v-31.27zm-47.44-23.41H99.74l30.63-48.07c6-9.37 10.22-18.53 10.86-21.08h.42z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 431 B

6
assets/lines/5.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 5</title>
<circle fill="#F28E42" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M192.66 168.3c0-22.56-16.59-45.74-57.66-47.66-1.49 0-3.39-.21-4.25-.21l2.12-28.51h54V66.8H108l-6 78.09c4.91 0 14.91.21 23.42.21 27.65.43 34.89 15.33 34.89 26.18 0 17.66-14.67 24.69-26.37 24.69s-20.22-3.84-28.52-9.58L93.3 209.78c11.49 7 24.9 10.87 42.34 10.87 34.26 0 57-23.62 57-52.35"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 570 B

6
assets/lines/6.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 6</title>
<circle fill="#83C491" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M192.86 168.86c0-28.09-20-44.46-44.9-44.46-16.18 0-26 5.74-31.06 10.19 2.13-30.21 17.44-47 38.51-47 8.72 0 16.6 1.91 20.64 3.61l4.68-25.53a100.32 100.32 0 0 0-22.56-2.55c-48.08 0-72.55 37.45-72.55 89.58 0 39.79 14.68 68.3 55.75 68.3 31.48 0 51.49-22.12 51.49-52.13m-30.22 3.4c0 13-7.66 25.11-22.56 25.11-15.32 0-23.61-13.82-23.61-28.09 0-4.47 0-10.43 1.7-13 3-4.68 10.63-8.3 20.21-8.3 14.9 0 24.26 10.22 24.26 24.26"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 701 B

6
assets/lines/7.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 7</title>
<circle fill="#F3A4BA" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M196.17 91.25V66.77H91.05v25.12h73L127.44 160c-13.19 24.46-18.51 37.23-18.51 57h34.26c0-23.61 20-68.53 53-125.75"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

6
assets/lines/7b.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 7 bis</title>
<circle fill="#83C491" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M150.75 91.06V66.59H45.68V91.7h72.95L82 159.76c-13.18 24.46-18.5 37.21-18.5 57h34.3c0-23.6 20-68.49 53-125.7M194 163.38c0-10.5-4.73-22.63-16.12-22.63-5.53 0-8.86 2.85-11.79 7.08v-22.46h-11.48v60.23h11.07v-2A14.65 14.65 0 0 0 175 187c13.9 0 19-13.83 19-23.6m-11.88 1.71c0 5.94-1.8 13.84-9.12 13.84-5.21 0-7-2.69-7-5.7V158.5c0-2.53.24-3.75 2.19-5.62a7.35 7.35 0 0 1 5.29-2.2c7.24 0 8.63 8.55 8.63 14.41M215.41 130.58c0-3.5-2.44-6-6.35-6s-6.43 2.52-6.43 6 2.53 6 6.43 6 6.35-2.52 6.35-6m-.73 11.56h-11.4v43.44h11.4zM255.36 172.57c0-7.24-4.39-10.57-10.58-12.85l-3.78-1.39c-2.12-.73-5.13-2-5.13-4.64 0-1.95 1.39-4.31 6-4.31a17.54 17.54 0 0 1 8.79 2.6l3.5-8.38a25.69 25.69 0 0 0-11.72-2.85c-10.17 0-17.09 6.52-17.09 14.73 0 6.35 3.75 9.69 9.36 11.89l3.58 1.38c2.36.89 6.43 2 6.43 5.29 0 3.41-3.66 4.47-6.67 4.47a18.88 18.88 0 0 1-10.18-3.25l-3.49 8.38a26.42 26.42 0 0 0 12.74 3.36c11.4 0 18.24-5.95 18.24-14.41"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
assets/lines/8.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 8</title>
<circle fill="#CEADD2" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M195.36 175c0-19.8-12.12-32.57-26-39.14 14.05-8.53 21.28-20.43 21.28-34.49 0-25.75-21.92-38.73-48.32-38.73-25.72 0-48.29 17.24-48.29 42.14 0 15.54 8.1 25.75 21.07 33.83-14.47 7.44-25.75 20-25.75 40 0 22.77 18.94 42.75 52.33 42.75 30.86 0 53.63-17.86 53.63-46.37M162 103.32c0 9.36-8.51 19.15-16.4 22.76-9.57-4-21.9-11.69-21.9-24 0-10.43 7.44-17.66 19.14-17.66 12.36 0 19.16 8.5 19.16 18.94m2.34 74c0 11.92-7.87 21.91-22.14 21.91-14.46 0-22.55-11.69-22.55-24 0-11.71 9.78-22.34 19.57-26.18 12.78 6.39 25.12 14.68 25.12 28.31"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 808 B

6
assets/lines/9.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Métro Ligne 9</title>
<circle fill="#D5C900" cx="141.73" cy="141.73" r="141.73"/>
<path fill="#25303B" d="M196.72 131.39c0-39.79-14.72-68.31-55.72-68.31-31.49 0-51.49 22.13-51.49 52.14 0 28.09 20 44.47 44.89 44.47 16.18 0 26-5.74 31.07-10.21-2.13 30.21-17.45 47-38.51 47a58.1 58.1 0 0 1-20.65-3.62l-4.67 25.54a99.18 99.18 0 0 0 22.53 2.6c48.08 0 72.55-37.45 72.55-89.58m-30.86-16.6c0 4.47 0 10.42-1.7 13-3 4.68-10.64 8.3-20.22 8.3-14.88 0-24.25-10.22-24.25-24.26 0-13 7.67-25.1 22.56-25.1 15.31 0 23.61 13.83 23.61 28.08"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 700 B

6
assets/lines/m.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="250px" viewBox="0 0 283.46 283.46">
<title>Paris transit icons - Paris Métro</title>
<circle cx="141.73" cy="141.73" r="132.515" fill="none" stroke="#0A0082" stroke-width="18.43"/>
<path fill="#0A0082" d="M212.25,205.15V81.5c0-7.09-3.9-14.53-15.6-14.53-8.85,0-12.4,3.9-16.29,11.69l-38.27,79.73h-.35L103.11,78.66C99.21,70.87,95.67,67,86.81,67,75.12,67,71.22,74.41,71.22,81.5V205.15c0,6.74,5.32,10.64,11.7,10.64,5.66,0,12-3.9,12-10.64V113h.36L130.4,184.6c2.47,5,5.67,7.8,11.34,7.8s8.85-2.84,11.33-7.8L188.15,113h.36v92.12c0,6.74,6.37,10.64,12.05,10.64,6.37,0,11.69-3.9,11.69-10.64"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 693 B

9
components/homepage/line.php Normal file
View File

@ -0,0 +1,9 @@
<div>
<img src="/assets/lines/m.svg" width="64px" class="img-fluid mb-3">
<img src="/assets/lines/<?php echo $line; ?>.svg" width="64px" class="img-fluid mb-3">
<?php
$stop_name = "Champs elysées";
include 'components/homepage/stop.php';
?>
</div>

9
components/homepage/main.php Normal file
View File

@ -0,0 +1,9 @@
<?php
$line = '2';
include 'components/homepage/line.php';
?>
<hr>
<?php
$line = '5';
include 'components/homepage/line.php';
?>

18
components/homepage/stop.php Normal file
View File

@ -0,0 +1,18 @@
<div>
<p class="h5"><?php echo $stop_name; ?></p>
<?php
$directions = [
[
'direction' => 'Château de Vincennes',
'next_departure' => '05:32',
'following_departure' => '05:41'
],
[
'direction' => 'Porte de Pantin',
'next_departure' => '05:40',
'following_departure' => '05:49'
],
];
include 'stop_table.php';
?>
</div>

20
components/homepage/stop_table.php Normal file
View File

@ -0,0 +1,20 @@
<div>
<table class="table table-bordered">
<thead>
<tr>
<th>Direction</th>
<th>Prochain départ</th>
<th>Prochain suivant</th>
</tr>
</thead>
<tbody>
<?php foreach ($directions as $direction): ?>
<tr>
<td><?php echo $direction['direction']; ?></td>
<td><?php echo $direction['next_departure']; ?></td>
<td><?php echo $direction['following_departure']; ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>

5
index.php
View File

@ -1 +1,4 @@
test <?php
$content = 'components/homepage/main.php';
include 'structure/main.php';
?>

0
structure/footer.php Normal file
View File

9
structure/header.php Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Subway schedules</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>

10
structure/main.php Normal file
View File

@ -0,0 +1,10 @@
<?php include 'structure/header.php'; ?>
<?php include 'structure/navbar.php'; ?>
<main class="container mt-5">
<?php include $content; ?>
</main>
<?php include 'structure/footer.php'; ?>
</body>
</html>

25
structure/navbar.php Normal file
View File

@ -0,0 +1,25 @@
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Subways</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Parcourir</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Mon compte</a>
</li>
</ul>
<div class="ms-auto">
<a class="btn btn-primary" href="#">Gestion des utilisateurs</a>
</div>
</div>
</nav>
</header>