V2.0.1 : VOICI LES MODIFICATIONS MAJEURS APPRTÉES DANS CETTE VERSION :
-> REFONTE DU DESIGN DES AFFICHEURS CLASSIQUES (GÉNÉRAL + QUAIS) -> IMPLÉMENTATION DU DESIGN AFL : GÉNÉRAL ET QUAIS -> CHOIX DE LA SÉLECTION DES TYPES D'AFFICHEURS (GÉNÉRAL / QUAIS) UNE FOIS LE TYPE D'AFFICHEUR SÉLECTIONNÉS
This commit is contained in:
1 parent
f06ebbaf48
commit
ad3fc8938c
4 files changed
+8
-4
No files matched your search
@@ -60,6 +60,7 @@ export default function AFLArrivees(){
|
|||||||
const debug = useCallback((...args) => { if (debugEnabled) console.debug(...args); }, [debugEnabled]);
|
const debug = useCallback((...args) => { if (debugEnabled) console.debug(...args); }, [debugEnabled]);
|
||||||
|
|
||||||
// État pour alterner l'affichage toutes les 3 secondes
|
// État pour alterner l'affichage toutes les 3 secondes
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
const [showStatus, setShowStatus] = useState(false); // Gardé pour éviter des warnings, mais non utilisé pour basculer
|
const [showStatus, setShowStatus] = useState(false); // Gardé pour éviter des warnings, mais non utilisé pour basculer
|
||||||
// État pour l'heure actuelle, mise à jour chaque seconde pour la logique d'affichage du quai
|
// État pour l'heure actuelle, mise à jour chaque seconde pour la logique d'affichage du quai
|
||||||
const [currentTime, setCurrentTime] = useState(new Date());
|
const [currentTime, setCurrentTime] = useState(new Date());
|
||||||
@@ -1263,4 +1264,4 @@ export default function AFLArrivees(){
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -754,6 +754,7 @@ const AFLArriveesQuais = () => {
|
|||||||
const platformStr = ((stopForStation && (stopForStation.quai_reel || stopForStation.quai || stopForStation.platform || stopForStation.quay)) || nextArrival.quai_reel || nextArrival.voie || nextArrival.quai || quaiParam || '').toString().trim();
|
const platformStr = ((stopForStation && (stopForStation.quai_reel || stopForStation.quai || stopForStation.platform || stopForStation.quay)) || nextArrival.quai_reel || nextArrival.voie || nextArrival.quai || quaiParam || '').toString().trim();
|
||||||
|
|
||||||
const shouldScroll = filteredStops.length > 10;
|
const shouldScroll = filteredStops.length > 10;
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
const scrollStyle = shouldScroll ? {
|
const scrollStyle = shouldScroll ? {
|
||||||
animation: `scrollStops ${filteredStops.length * 2.2}s linear infinite`
|
animation: `scrollStops ${filteredStops.length * 2.2}s linear infinite`
|
||||||
} : {};
|
} : {};
|
||||||
@@ -863,4 +864,4 @@ const AFLArriveesQuais = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default AFLArriveesQuais;
|
export default AFLArriveesQuais;
|
||||||
@@ -60,6 +60,7 @@ export default function AFLDeparts(){
|
|||||||
const debug = useCallback((...args) => { if (debugEnabled) console.debug(...args); }, [debugEnabled]);
|
const debug = useCallback((...args) => { if (debugEnabled) console.debug(...args); }, [debugEnabled]);
|
||||||
|
|
||||||
// État pour alterner l'affichage toutes les 3 secondes
|
// État pour alterner l'affichage toutes les 3 secondes
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
const [showStatus, setShowStatus] = useState(false); // Gardé pour éviter des warnings, mais non utilisé pour basculer
|
const [showStatus, setShowStatus] = useState(false); // Gardé pour éviter des warnings, mais non utilisé pour basculer
|
||||||
// État pour l'heure actuelle, mise à jour chaque seconde pour la logique d'affichage du quai
|
// État pour l'heure actuelle, mise à jour chaque seconde pour la logique d'affichage du quai
|
||||||
const [currentTime, setCurrentTime] = useState(new Date());
|
const [currentTime, setCurrentTime] = useState(new Date());
|
||||||
@@ -1278,4 +1279,4 @@ export default function AFLDeparts(){
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -761,6 +761,7 @@ const AFLDepartsQuais = () => {
|
|||||||
const platformStr = ((stopForStation && (stopForStation.quai_reel || stopForStation.quai || stopForStation.platform || stopForStation.quay)) || nextDeparture.quai_reel || nextDeparture.voie || nextDeparture.quai || quaiParam || '').toString().trim();
|
const platformStr = ((stopForStation && (stopForStation.quai_reel || stopForStation.quai || stopForStation.platform || stopForStation.quay)) || nextDeparture.quai_reel || nextDeparture.voie || nextDeparture.quai || quaiParam || '').toString().trim();
|
||||||
|
|
||||||
const shouldScroll = filteredStops.length > 10;
|
const shouldScroll = filteredStops.length > 10;
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
const scrollStyle = shouldScroll ? {
|
const scrollStyle = shouldScroll ? {
|
||||||
animation: `scrollStops ${filteredStops.length * 2.2}s linear infinite`
|
animation: `scrollStops ${filteredStops.length * 2.2}s linear infinite`
|
||||||
} : {};
|
} : {};
|
||||||
@@ -878,4 +879,4 @@ const AFLDepartsQuais = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default AFLDepartsQuais;
|
export default AFLDepartsQuais;
|
||||||
Reference in new issue
Block a user