diff --git a/cryptide_project/src/Pages/InfoPage.css b/cryptide_project/src/Pages/InfoPage.css
index a8a7642..8c8786b 100644
--- a/cryptide_project/src/Pages/InfoPage.css
+++ b/cryptide_project/src/Pages/InfoPage.css
@@ -63,6 +63,16 @@ li *{
text-decoration: none;
}
+.LiInterfaceDisplay{
+ display: flex;
+ justify-content: start;
+ margin-bottom: 20px;
+}
+
+.LiInterfaceDisplay p{
+ font-size: medium;
+}
+
h2 {
position: relative;
padding: 0;
diff --git a/cryptide_project/src/Pages/InfoPage.tsx b/cryptide_project/src/Pages/InfoPage.tsx
index 014c803..dadd9ac 100644
--- a/cryptide_project/src/Pages/InfoPage.tsx
+++ b/cryptide_project/src/Pages/InfoPage.tsx
@@ -17,9 +17,19 @@ import IndiceList from '../Components/IndiceList';
import { HashLink as Link } from 'react-router-hash-link';
import { ColorToHexa } from '../model/EnumExtender';
import Color from '../model/Color';
+import "./InGame.css"
+import {useTheme} from '../Style/ThemeContext'
+import Check from "../res/icon/checkboxGreen.png";
+import Alert from 'react-bootstrap/Alert';
+import MGlass from "../res/icon/magnifying-glass.png";
+import Param from "../res/icon/param.png";
+import Info from "../res/icon/infoGreen.png"; //todo changer la couleur de l'icon
//@ts-ignore
-function InfoPage({locale, changeLocale}) { //! cette page n'affiche que des informations et est suceptible de changer selon le context.
+function InfoPage({locale, changeLocale}) {
+
+ const theme = useTheme();
+
const styles = {
roux: { backgroundColor: ColorToHexa(Color.REDHEAD), width: '15px', height: '15px', display: 'inline-block', marginRight: '5px' },
blond: { backgroundColor: ColorToHexa(Color.BLOND), width: '15px', height: '15px', display: 'inline-block', marginRight: '5px' },
@@ -28,7 +38,7 @@ function InfoPage({locale, changeLocale}) { //! cette page n'affiche que des inf
chatain: { backgroundColor: ColorToHexa(Color.BROWN), width: '15px', height: '15px', display: 'inline-block', marginRight: '5px' },
};
return (
-
+ //! Il faudra possiblement faire une gestion des mode de jeu, pour modifier les regles en fonction de ce dernier.
@@ -49,155 +59,220 @@ function InfoPage({locale, changeLocale}) { //! cette page n'affiche que des inf
-
-
:
-
-
-
-
-
-
-
: 🟪🟦🟩🟨🟥🟫
-
-
-
: 🟣🔵🟢🟡🔴🟤
-
-
-
-
-
-
-
-
-
- {/*
- //TODO mettre icon des ages apres le merge
- */}
-
:
- .
-
-
:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
: ⚾🏀🎳⚽🎾
-
-
-
⚾
-
🏀
-
🎳
-
⚽
-
🎾
-
-
-
-
-
-
-
:
-
-
-
+
+
:
- :
+
+
+
-
-
-
:
-
-
-
-
:
-
-
-
+
: 🟪🟦🟩🟨🟥🟫
+
-
- Interface :
- {/*
- //TODO
- */}
-
-
-
-
-
:
-
- 1 :
-
-
-
-
-
- 2 :
-
-
-
+
: 🟣🔵🟢🟡🔴🟤
+
+
+
- 3 :
+
+
-
+ {/*
+ //TODO mettre icon des ages apres le merge
+ */}
+
:
+ .
+
+
:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
: ⚾🏀🎳⚽🎾
+
+
+
⚾
+
🏀
+
🎳
+
⚽
+
🎾
+
+
-
+
+
+
+
:
+
+
+
+
+ :
+
+
+
+
+
:
+
+
+
+
:
+
+
+
+
+
+ Interface :
+
+
Pour chacune des parties, vous aurez certains éléments d'interface à disposition :
+
+
+
+
+
+ Le bouton "Paramètre" permet l'affichage et la gestion de différent paramètres de la partie, comme par exemple le language, l'aide ... .
+
+
+
+ Attention, cette partie ne peut pas être complétée tant que tout les paramètres n'ont pas été choisis !
+
+
+
+
+
+
+ Le bouton "Information" permet de rediriger vers la page de règle du jeu (celle ci).
+ {/*
+ //! mais est ce que nous devons rediriger sur les indices possibles ?
+ */}
+
+
+
+
+
+
+
+
+ Le bouton "Fiche de déduction d'indice" permet l'affichage de tableau dynamic permettant, avec le déroulé de la partie, de déduire quels indices sont les plus probables.
+
+
+
+ Attention, cette partie ne peut pas être complétée tant que la page et l'algorithme dédié ne sont pas fait !
+
+
+
+
+
+
+
+ Le bouton "Indice personnel" est le plus important, en effet il permet d'afficher quel est votre indice secret. Vous seul le connaissais ! Il va falloir ruser pour tromper vos amis et le garder secret le plus longtemps possible !
+
+
+
+
+
+
+
+
:
+
+ 1 :
+
+
+
+
+
+ 2 :
+
+
+
+
+
+ 3 :
+
+
+
+
+
+
+
+
:
+
+
+
+
+
+
+
+
+
+
+
-
-
:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/*
- //! Topographie présente uniquement sur Cryptide
-
Topographie
-
Legende des différents objet disponible sur la carte.