FERROVIA_SA/ferrovia-infogare
1
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 2 Releases Wiki Activity

RELEASE V4.1.0 : Voici les modifications apportées :

Browse Source 
-> Refonte complète des afficheurs AFL départ et arrivée (+ Quais)
-> EVA DÉPARTS + ARRIVÉES

EN COURS DE DÉVELOPPEMENT :
-> REFONTE AFFICHEURS CLASSIQUES
-> IMPLÉMENTATION DONNÉES GTFS / GTFS-RT / SIRI LTE
This commit is contained in:
mathis committed 2026-08-29 18:24:44 +02:00
1 parent 6dfd798dd2
commit b1f180508e
23 files changed
+811 -686
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/afficheurs/eva/EVAArrivees.css
+81 -81
View File
@@ -5,15 +5,15 @@
/* Container Principal */
.eva-arr-container {
font-family: 'Avenir', 'Achemine', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
height: 100vh !important;
width: 100vw !important;
height: 100% !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
background-color: #000824 !important; /* Bleu nuit très profond EVA */
overflow: hidden !important;
color: #ffffff !important;
margin: 0 !important;
padding: 1.2vh 1.8vw !important;
padding: 13px 35px !important;
box-sizing: border-box !important;
user-select: none !important;
position: absolute !important;
@@ -25,26 +25,26 @@
HEADER (En-tête EVA)
========================================================================== */
.eva-arr-header {
height: 9.5vh !important;
min-height: 9.5vh !important;
max-height: 9.5vh !important;
height: 103px !important;
min-height: 103px !important;
max-height: 103px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 0.5vw !important;
margin-bottom: 1.0vh !important;
padding: 0 10px !important;
margin-bottom: 11px !important;
box-sizing: border-box !important;
}
.eva-arr-header-left {
display: flex !important;
align-items: center !important;
gap: 1.0vw !important;
gap: 19px !important;
}
.eva-arr-header-icon {
width: 5.5vh !important;
height: 5.5vh !important;
width: 59px !important;
height: 59px !important;
flex-shrink: 0 !important;
color: #00d68f !important;
}
@@ -52,31 +52,31 @@
.eva-arr-header-titles {
display: flex !important;
align-items: baseline !important;
gap: 0.6vw !important;
gap: 12px !important;
white-space: nowrap !important;
}
.eva-arr-header-title-main {
font-size: 5.2vh !important;
font-size: 56px !important;
font-weight: 900 !important;
color: #ffffff !important;
letter-spacing: 0.04vw !important;
letter-spacing: 0.77px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.eva-arr-header-slash {
font-size: 3.8vh !important;
font-size: 41px !important;
font-weight: 700 !important;
color: #00d68f !important;
line-height: 1 !important;
}
.eva-arr-header-title-sub {
font-size: 3.2vh !important;
font-size: 35px !important;
font-weight: 700 !important;
color: #00d68f !important;
letter-spacing: 0.02vw !important;
letter-spacing: 0.38px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
@@ -91,23 +91,23 @@
border: 2.2px solid #00d68f !important;
background-color: #000824 !important;
border-radius: 8px !important;
padding: 0.5vh 1.0vw !important;
padding: 5px 19px !important;
display: flex !important;
align-items: baseline !important;
gap: 0.5vw !important;
gap: 10px !important;
box-shadow: 0 0 10px rgba(0, 214, 143, 0.15) !important;
}
.eva-arr-clock-main {
font-size: 4.8vh !important;
font-size: 52px !important;
font-weight: 800 !important;
color: #ffffff !important;
line-height: 1 !important;
letter-spacing: 0.02vw !important;
letter-spacing: 0.38px !important;
}
.eva-arr-clock-seconds {
font-size: 3.8vh !important;
font-size: 41px !important;
font-weight: 800 !important;
color: #00d68f !important;
line-height: 1 !important;
@@ -121,7 +121,7 @@
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 1.2vh !important;
gap: 13px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
@@ -133,8 +133,8 @@
border-radius: 10px !important;
display: flex !important;
align-items: stretch !important;
height: calc((100% - 3.6vh) / 4) !important;
min-height: 12vh !important;
height: calc((100% - 39px) / 4) !important;
min-height: 130px !important;
box-sizing: border-box !important;
overflow: hidden !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
@@ -144,27 +144,27 @@
COLONNE GAUCHE : HEURE & STATUT
-------------------------------------------------------------------------- */
.eva-arr-col-time {
width: 14.5vw !important;
min-width: 14.5vw !important;
max-width: 14.5vw !important;
width: 278px !important;
min-width: 278px !important;
max-width: 278px !important;
background-color: #d7e1f0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 0.8vh 0.6vw !important;
padding: 9px 12px !important;
box-sizing: border-box !important;
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
.eva-arr-time-value {
font-size: 5.6vh !important;
font-size: 60px !important;
font-weight: 900 !important;
color: #000c2f !important;
line-height: 1 !important;
margin-bottom: 0.6vh !important;
letter-spacing: -0.02vw !important;
margin-bottom: 6px !important;
letter-spacing: -0.38px !important;
}
/* Pastilles de statut */
@@ -172,11 +172,11 @@
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.4vw !important;
padding: 0.3vh 0.9vw !important;
gap: 8px !important;
padding: 3px 17px !important;
border-radius: 20px !important;
box-sizing: border-box !important;
height: 3.8vh !important;
height: 41px !important;
}
.eva-arr-status-pill--ontime {
@@ -196,13 +196,13 @@
}
.eva-arr-status-icon {
width: 2.5vh !important;
height: 2.5vh !important;
width: 27px !important;
height: 27px !important;
flex-shrink: 0 !important;
}
.eva-arr-status-text {
font-size: 2.2vh !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
@@ -216,7 +216,7 @@
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 0.6vh 1.8vw !important;
padding: 6px 35px !important;
box-sizing: border-box !important;
overflow: hidden !important;
min-width: 0 !important;
@@ -225,18 +225,18 @@
.eva-arr-origin-row {
display: flex !important;
align-items: center !important;
gap: 0.8vw !important;
gap: 15px !important;
overflow: hidden !important;
white-space: nowrap !important;
margin-bottom: 0.4vh !important;
margin-bottom: 4px !important;
}
.eva-arr-origin-name {
font-size: 5.6vh !important;
font-size: 60px !important;
font-weight: 900 !important;
color: #000c2f !important;
line-height: 1.1 !important;
letter-spacing: -0.02vw !important;
letter-spacing: -0.38px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
@@ -246,24 +246,24 @@
.eva-arr-perturb-badge {
display: inline-flex !important;
align-items: center !important;
gap: 0.4vw !important;
gap: 8px !important;
background-color: #ffa74f !important;
color: #000c2f !important;
padding: 0.4vh 0.8vw !important;
padding: 4px 15px !important;
border-radius: 6px !important;
height: 3.4vh !important;
height: 37px !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
}
.eva-arr-perturb-badge-icon {
width: 2.4vh !important;
height: 2.4vh !important;
width: 26px !important;
height: 26px !important;
flex-shrink: 0 !important;
}
.eva-arr-perturb-badge-text {
font-size: 2.2vh !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
@@ -279,10 +279,10 @@
}
.eva-arr-vias-label {
font-size: 3.5vh !important;
font-size: 38px !important;
font-weight: 700 !important;
color: #00c284 !important; /* Vert menthe SNCF */
margin-right: 0.5vw !important;
color: #00c284 !important;
margin-right: 10px !important;
flex-shrink: 0 !important;
}
@@ -318,7 +318,7 @@
}
.eva-arr-vias-stop {
font-size: 3.5vh !important;
font-size: 38px !important;
font-weight: 500 !important;
color: #2c3b57 !important;
line-height: 1 !important;
@@ -327,8 +327,8 @@
.eva-arr-vias-bullet {
color: #00c284 !important;
font-weight: 800 !important;
margin: 0 0.5vw !important;
font-size: 2.8vh !important;
margin: 0 10px !important;
font-size: 30px !important;
display: inline-block !important;
vertical-align: middle !important;
}
@@ -347,18 +347,18 @@
.eva-arr-bus-box {
background-color: #000c2f !important;
border-radius: 8px !important;
width: 7.0vw !important;
width: 134px !important;
height: 80% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-right: 0.8vw !important;
margin-right: 15px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.eva-arr-bus-icon {
width: 6.0vh !important;
height: 6.0vh !important;
width: 65px !important;
height: 65px !important;
color: #ffffff !important;
}
@@ -366,25 +366,25 @@
.eva-arr-voie-box {
background-color: #000c2f !important;
border-radius: 8px !important;
width: 7.0vw !important;
width: 134px !important;
height: 80% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
margin-right: 0.8vw !important;
margin-right: 15px !important;
color: #ffffff !important;
}
.eva-arr-voie-label {
font-size: 1.8vh !important;
font-size: 19px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
opacity: 0.8 !important;
}
.eva-arr-voie-val {
font-size: 4.5vh !important;
font-size: 49px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
@@ -392,8 +392,8 @@
/* Bloc Opérateur & Numéro Vert Émeraude */
.eva-arr-train-block {
background-color: #00d68f !important;
width: 10.0vw !important;
min-width: 10.0vw !important;
width: 192px !important;
min-width: 192px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
@@ -401,25 +401,25 @@
justify-content: center !important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
padding: 0 0.5vw !important;
padding: 0 10px !important;
box-sizing: border-box !important;
}
.eva-arr-train-op {
font-size: 2.8vh !important;
font-size: 30px !important;
font-weight: 700 !important;
color: #000c2f !important;
line-height: 1 !important;
margin-bottom: 0.3vh !important;
margin-bottom: 3px !important;
text-transform: uppercase !important;
}
.eva-arr-train-num {
font-size: 4.2vh !important;
font-size: 45px !important;
font-weight: 900 !important;
color: #000c2f !important;
line-height: 1 !important;
letter-spacing: 0.02vw !important;
letter-spacing: 0.38px !important;
}
/* ==========================================================================
@@ -430,15 +430,15 @@
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
padding: 0.8vh 1.8vw !important;
margin-top: 1.0vh !important;
gap: 1.4vw !important;
padding: 9px 35px !important;
margin-top: 11px !important;
gap: 27px !important;
box-sizing: border-box !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
flex-shrink: 0 !important;
height: 10.8vh !important;
min-height: 10.8vh !important;
max-height: 10.8vh !important;
height: 117px !important;
min-height: 117px !important;
max-height: 117px !important;
}
.eva-arr-bottom-alert-icon-wrapper {
@@ -449,8 +449,8 @@
}
.eva-arr-bottom-alert-icon {
width: 5.8vh !important;
height: 5.8vh !important;
width: 63px !important;
height: 63px !important;
color: #000c2f !important;
}
@@ -458,8 +458,8 @@
flex: 1 !important;
overflow: hidden !important;
position: relative !important;
height: 9.0vh !important;
max-height: 9.0vh !important;
height: 97px !important;
max-height: 97px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
@@ -467,7 +467,7 @@
.eva-arr-bottom-alert-content {
color: #000c2f !important;
font-size: 2.4vh !important;
font-size: 26px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
white-space: normal !important;