Crypteam
/
Cryptid
4
0
Fork 0
Code Issues 10 Pull Requests Packages Projects 9 Releases Wiki Activity

Amélioration affichages stats + modif navbar (finito le dropdown menu)
continuous-integration/drone/push Build is passing Details

Browse Source
pull/104/head^2
Baptiste MARCEL 1 year ago
parent c376013dfe
commit 8f7d61b4a5
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File

41
cryptide_project/src/Components/ScoreBoard.tsx
Unescape View File

@ -95,8 +95,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
setCarouselKey((prevKey) => prevKey + 1); setCarouselKey((prevKey) => prevKey + 1);
}} }}
id="ScoreBoard" id="ScoreBoard"
className="tabsStats justify-content-around" className="tabsStats justify-content-around">
>
<Tab eventKey="perso" title="Vos Stats" disabled={!Player.pseudo.startsWith("Guest_") ? false : true}> <Tab eventKey="perso" title="Vos Stats" disabled={!Player.pseudo.startsWith("Guest_") ? false : true}>
<Tab.Content className={`tabsStats ${activeTab !== 'perso' ? 'hidden' : ''}`}> <Tab.Content className={`tabsStats ${activeTab !== 'perso' ? 'hidden' : ''}`}>
<Carousel adaptiveHeight wrapAround slidesToShow={1} cellSpacing={10} key={carouselKey}> <Carousel adaptiveHeight wrapAround slidesToShow={1} cellSpacing={10} key={carouselKey}>
@ -105,39 +104,39 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<hr /> <hr />
<p>Parties Jouées: {Player.mastermindStats.nbGames}</p> <p>Parties Jouées: {Player.mastermindStats.nbGames}</p>
<p>Best-Score: {Player.mastermindStats.bestScore}</p> <p>Best-Score: {Player.mastermindStats.bestScore}</p>
<p>Moyenne d'essai: {Player.mastermindStats.avgNbTry}</p> <p>Moyenne d'essai: {Player.mastermindStats.avgNbTry.toFixed(2)}</p>
</div> </div>
<div className="stats"> <div className="stats">
<h5>Enigme facile</h5> <h5>Enigme facile</h5>
<hr /> <hr />
<p>Parties Jouées: {Player.easyEnigmaStats.nbGames}</p> <p>Parties Jouées: {Player.easyEnigmaStats.nbGames}</p>
<p>Nombre de victoires: {Player.easyEnigmaStats.nbWins}</p> <p>Nombre de victoires: {Player.easyEnigmaStats.nbWins}</p>
<p>Ratio V/D: {Player.easyEnigmaStats.ratio}</p> <p>Ratio V/D: {Player.easyEnigmaStats.ratio.toFixed(2) + "%"}</p>
<p>Meilleur temps: {Player.easyEnigmaStats.bestTime}</p> <p>Meilleur temps: {Player.easyEnigmaStats.bestTime + "s"}</p>
<p>Moyenne de temps: {Player.easyEnigmaStats.avgTime}</p> <p>Moyenne de temps: {Player.easyEnigmaStats.avgTime.toFixed(2) + "s"}</p>
</div> </div>
<div className="stats"> <div className="stats">
<h5>Enigme moyenne</h5> <h5>Enigme moyenne</h5>
<hr /> <hr />
<p>Parties Jouées: {Player.mediumEnigmaStats.nbGames}</p> <p>Parties Jouées: {Player.mediumEnigmaStats.nbGames}</p>
<p>Best-Score: {Player.mediumEnigmaStats.bestScore}</p> <p>Best-Score: {Player.mediumEnigmaStats.bestScore}</p>
<p>Moyenne d'essai: {Player.mediumEnigmaStats.avgNbTry}</p> <p>Moyenne d'essai: {Player.mediumEnigmaStats.avgNbTry.toFixed(2)}</p>
</div> </div>
<div className="stats"> <div className="stats">
<h5>Enigme difficile</h5> <h5>Enigme difficile</h5>
<hr /> <hr />
<p>Parties Jouées: {Player.hardEnigmaStats.nbGames}</p> <p>Parties Jouées: {Player.hardEnigmaStats.nbGames}</p>
<p>Nombre de victoires: {Player.hardEnigmaStats.nbWins}</p> <p>Nombre de victoires: {Player.hardEnigmaStats.nbWins}</p>
<p>Ratio V/D: {Player.hardEnigmaStats.ratio}</p> <p>Ratio V/D: {Player.hardEnigmaStats.ratio.toFixed(2) + "%"}</p>
<p>Meilleur temps: {Player.hardEnigmaStats.bestTime}</p> <p>Meilleur temps: {Player.hardEnigmaStats.bestTime + "s"}</p>
<p>Moyenne de temps: {Player.hardEnigmaStats.avgTime}</p> <p>Moyenne de temps: {Player.hardEnigmaStats.avgTime.toFixed(2) + "s"}</p>
</div> </div>
<div className="stats"> <div className="stats">
<h5>En ligne</h5> <h5>En ligne</h5>
<hr /> <hr />
<p>Parties Jouées: {Player.onlineStats.nbGames}</p> <p>Parties Jouées: {Player.onlineStats.nbGames}</p>
<p>Nombre de victoires: {Player.onlineStats.nbWins}</p> <p>Nombre de victoires: {Player.onlineStats.nbWins}</p>
<p>Ratio V/D: {Player.onlineStats.ratio}</p> <p>Ratio V/D: {Player.onlineStats.ratio.toFixed(2) + "s"}</p>
</div> </div>
</Carousel> </Carousel>
</Tab.Content> </Tab.Content>
@ -155,7 +154,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.score}</p> <p>{stats.score + " essai(s)"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -175,7 +174,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -195,7 +194,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -215,7 +214,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -235,7 +234,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.wins}</p> <p>{stats.wins + " victoires"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -261,7 +260,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.score}</p> <p>{stats.score + " essai(s)"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -281,7 +280,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -301,7 +300,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -321,7 +320,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.time}</p> <p>{stats.time + "s"}</p>
</Col> </Col>
</Row> </Row>
</> </>
@ -341,7 +340,7 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
<p>{index+1}.{stats.pseudo}</p> <p>{index+1}.{stats.pseudo}</p>
</Col> </Col>
<Col> <Col>
<p>{stats.wins}</p> <p>{stats.wins + " victoires"}</p>
</Col> </Col>
</Row> </Row>
</> </>

Write Preview
Loading…
Cancel
Save