From 5dec36e114cf31064e35f213a97a17d7c2752595 Mon Sep 17 00:00:00 2001 From: "Federico M." Date: Wed, 9 Oct 2024 12:26:26 +0200 Subject: [PATCH 1/4] Aggiornamento Sistemato colore podio per punteggi uguali. Da sistemare l'argento per il secondo e terzo posto uguali --- .../components/finalresults/FinalResults.tsx | 48 +++++++++++-------- 1 file changed, 29 insertions(+), 19 deletions(-) diff --git a/Scoprimi/src/components/finalresults/FinalResults.tsx b/Scoprimi/src/components/finalresults/FinalResults.tsx index 49df7be..d4c1685 100644 --- a/Scoprimi/src/components/finalresults/FinalResults.tsx +++ b/Scoprimi/src/components/finalresults/FinalResults.tsx @@ -9,25 +9,20 @@ const FinalResults: React.FC = () => { // Ordinamento con tipizzazione const sortedResults = Object.entries(finalResults) - .sort(([, a], [, b]) => b.score - a.score); // Ordina per punteggio decrescente + .sort(([, a], [, b]) => b.score - a.score); - // Verifica se finalResults è definito if (!finalResults) { return
Nessun risultato disponibile.
; } - // Estrai i primi 3 risultati per il podio const podium = sortedResults.slice(0, 3); - // Scambia le posizioni 0 e 1 if (podium.length > 1) { [podium[0], podium[1]] = [podium[1], podium[0]]; } const otherPlayers = sortedResults.slice(3); - // Controlla se ci sono punteggi uguali nel podio - let sameScore1And2 = false; let sameScore2And3 = false; let sameScore1And3 = false; @@ -38,7 +33,10 @@ const FinalResults: React.FC = () => { sameScore1And3 = podium[0][1].score === podium[2]?.[1]?.score; } - // Verifica se tutti e tre i punteggi sono uguali + console.log('sameScore1And2:', sameScore1And2); + console.log('sameScore2And3:', sameScore2And3); + console.log('sameScore1And3:', sameScore1And3); + const allScoresEqual = sameScore1And2 && sameScore2And3; return ( @@ -48,27 +46,39 @@ const FinalResults: React.FC = () => {
{podium.map(([player, { score, image }], index) => { - // Imposta la stessa altezza se i punteggi sono uguali let heightStyle; if (allScoresEqual) { - heightStyle = { height: '7vh' }; // Tutti i punteggi uguali + heightStyle = { height: '7vh' }; } else if (sameScore1And2 && index <= 1) { - heightStyle = { height: '7vh' }; // Primo e secondo posto uguali + heightStyle = { height: '7vh' }; } else if (sameScore2And3 && index >= 1) { - heightStyle = { height: '6vh' }; // Secondo e terzo posto uguali + heightStyle = { height: '6vh' }; } else if (sameScore1And2 && sameScore1And3 && index !== 1) { - heightStyle = { height: '7vh' }; // Primo secondo terzo posto uguali + heightStyle = { height: '7vh' }; } else { - // Differenzia l'altezza se non ci sono pareggi heightStyle = index === 0 ? { height: '7vh' } : index === 1 ? { height: '8vh' } : { height: '6vh' }; } - const backgroundColors = { - 1: '#cda434', // Oro - 0: '#8a9597', // Argento - 2: '#cd7f32', // Bronzo - }; - const backgroundColor = backgroundColors[index]; + let backgroundColor; + + // Assegna i colori in base alle condizioni + if (allScoresEqual) { + backgroundColor = '#cda434'; // Tutti oro + } else if (sameScore1And2 && !sameScore2And3) { + backgroundColor = index <= 1 ? '#cda434' : '#cd7f32'; // Primi due oro, terzo bronzo + } else if (sameScore2And3 && !sameScore1And2) { + // Se secondo e terzo hanno lo stesso punteggio, entrambi argento + backgroundColor = index === 0 ? '#cda434' : '#8a9597'; // Primo oro, secondo e terzo argento + } else { + // Altrimenti, applica i colori predefiniti + const backgroundColors = { + 1: '#cda434', // Oro + 0: '#8a9597', // Argento + 2: '#cd7f32', // Bronzo + }; + backgroundColor = backgroundColors[index]; + } + return (
Date: Wed, 9 Oct 2024 15:02:51 +0200 Subject: [PATCH 2/4] =?UTF-8?q?Ora=20nella=20modalit=C3=A0=20"photo"=20se?= =?UTF-8?q?=20qualcuno=20non=20ha=20votato=20appare=20come=20"Utente=20non?= =?UTF-8?q?=20ha=20votato"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Scoprimi/src/components/game/Game.tsx | 10 ++-------- Server/src/socket.ts | 7 ++++--- 2 files changed, 6 insertions(+), 11 deletions(-) diff --git a/Scoprimi/src/components/game/Game.tsx b/Scoprimi/src/components/game/Game.tsx index 6972bfe..bf641f3 100644 --- a/Scoprimi/src/components/game/Game.tsx +++ b/Scoprimi/src/components/game/Game.tsx @@ -131,7 +131,7 @@ const Game: React.FC = () => { const handleTimeUp = () => { if (!clicked) { - socket.emit(c.VOTE, { lobbyCode: currentLobby, voter: currentPlayer, vote: '' }); + socket.emit(c.VOTE, { lobbyCode: currentLobby, voter: currentPlayer, vote: null }); fromQuestionToResponse(); } setIsTimerActive(false); @@ -155,12 +155,6 @@ const Game: React.FC = () => {
); @@ -193,7 +187,7 @@ const Game: React.FC = () => { return (
- {mostVotedPerson === '' ? (

Pareggio!

) : (

Persona più votata

)} + {mostVotedPerson === '' ? (

Pareggio!

) : (

Scelta più votata:

)} {!isPhoto ? Date: Wed, 9 Oct 2024 15:14:14 +0200 Subject: [PATCH 3/4] =?UTF-8?q?Migliorato=20feedback=20nel=20voto=20della?= =?UTF-8?q?=20modalit=C3=A0=20photo,=20ora=20tutte=20le=20immagini=20diven?= =?UTF-8?q?tano=20grigie=20quando=20l'utente=20vota?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Scoprimi/src/components/game/ImageList.tsx | 9 +++++++-- Server/src/questions.json | 10 +--------- 2 files changed, 8 insertions(+), 11 deletions(-) diff --git a/Scoprimi/src/components/game/ImageList.tsx b/Scoprimi/src/components/game/ImageList.tsx index 1d5a5e7..0140895 100644 --- a/Scoprimi/src/components/game/ImageList.tsx +++ b/Scoprimi/src/components/game/ImageList.tsx @@ -17,8 +17,9 @@ const ImageList: React.FC = ({ images, onVote, disabled, resetSe }, [resetSelection]); const handlePlayerClick = (imageUrl: string) => { - if (!disabled) { + if (!disabled && !clicked) { onVote(imageUrl); + setClicked(true); } }; @@ -31,7 +32,11 @@ const ImageList: React.FC = ({ images, onVote, disabled, resetSe className='image-question' alt={`image-${index}`} onClick={() => handlePlayerClick(imageUrl)} - style={{ cursor: clicked || disabled ? 'not-allowed' : 'pointer', opacity: clicked || disabled ? 0.5 : 1 }} + style={{ + cursor: clicked || disabled ? 'not-allowed' : 'pointer', + opacity: clicked || disabled ? 0.5 : 1, + filter: clicked ? 'grayscale(100%)' : 'none' // Applica il bianco e nero se l'immagine è stata cliccata + }} /> ))}
diff --git a/Server/src/questions.json b/Server/src/questions.json index d7f6858..8ba9a1c 100644 --- a/Server/src/questions.json +++ b/Server/src/questions.json @@ -125,14 +125,6 @@ "animal£Quale animale regalerebbe $ alla sua anima gemella?", "animal£Se $ potesse vivere un giorno come un animale, quale sceglierebbe?", "animal£Quale sceglierebbe $ come animale domestico?", - "animal£Con quale animale andrebbe al lavoro $?", - "erotic£Cosa indosserebbe $ per sedurre il/la suo/a partner?", - "erotic£Chi sceglierebbe $ per una notte di follia?", - "erotic£Quale costume sexy sceglierebbe $ per una notte indimenticabile?", - "erotic£Dove preferirebbe fare sesso $?", - "blackhumor£Cosa userebbe $ come arma per un delitto?", - "blackhumor£Se $ dovesse nascondere un corpo, dove lo metterebbe?", - "blackhumor£Quale difetto fisico orribile $ a qualcuno che non sopporta?", - "blackhumor£Quale regalo farebbe $ a qualcuno che non sopporta?" + "animal£Con quale animale andrebbe al lavoro $?" ] } \ No newline at end of file From 12c9ccd63f25787cc288a7ff3bbc9fba662b78e6 Mon Sep 17 00:00:00 2001 From: "Federico M." Date: Wed, 9 Oct 2024 15:16:46 +0200 Subject: [PATCH 4/4] Riaggiunte domande --- Server/src/questions.json | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/Server/src/questions.json b/Server/src/questions.json index 8ba9a1c..d7f6858 100644 --- a/Server/src/questions.json +++ b/Server/src/questions.json @@ -125,6 +125,14 @@ "animal£Quale animale regalerebbe $ alla sua anima gemella?", "animal£Se $ potesse vivere un giorno come un animale, quale sceglierebbe?", "animal£Quale sceglierebbe $ come animale domestico?", - "animal£Con quale animale andrebbe al lavoro $?" + "animal£Con quale animale andrebbe al lavoro $?", + "erotic£Cosa indosserebbe $ per sedurre il/la suo/a partner?", + "erotic£Chi sceglierebbe $ per una notte di follia?", + "erotic£Quale costume sexy sceglierebbe $ per una notte indimenticabile?", + "erotic£Dove preferirebbe fare sesso $?", + "blackhumor£Cosa userebbe $ come arma per un delitto?", + "blackhumor£Se $ dovesse nascondere un corpo, dove lo metterebbe?", + "blackhumor£Quale difetto fisico orribile $ a qualcuno che non sopporta?", + "blackhumor£Quale regalo farebbe $ a qualcuno che non sopporta?" ] } \ No newline at end of file