mirror of
https://framagit.org/JonathanMM/sutom.git
synced 2024-05-02 22:13:21 +02:00
Fix #47 : Si les emojis ne sont pas supportés, coloré les rectangles visible
This commit is contained in:
parent
d5509a5bef
commit
56a6c39ba2
|
@ -339,3 +339,15 @@ h1 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.emoji-carre-rouge {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoji-cercle-jaune {
|
||||||
|
color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoji-carre-bleu {
|
||||||
|
color: skyblue;
|
||||||
|
}
|
||||||
|
|
|
@ -11,6 +11,7 @@ export default class FinDePartiePanel {
|
||||||
private readonly _statsButton: HTMLElement;
|
private readonly _statsButton: HTMLElement;
|
||||||
|
|
||||||
private _resumeTexte: string = "";
|
private _resumeTexte: string = "";
|
||||||
|
private _resumeTexteLegacy: string = "";
|
||||||
private _motATrouver: string = "";
|
private _motATrouver: string = "";
|
||||||
private _estVictoire: boolean = false;
|
private _estVictoire: boolean = false;
|
||||||
private _partieEstFinie: boolean = false;
|
private _partieEstFinie: boolean = false;
|
||||||
|
@ -43,6 +44,21 @@ export default class FinDePartiePanel {
|
||||||
}
|
}
|
||||||
}, "")
|
}, "")
|
||||||
);
|
);
|
||||||
|
|
||||||
|
let resultatsEmojisLegacy = resultats.map((mot) =>
|
||||||
|
mot
|
||||||
|
.map((resultat) => resultat.statut)
|
||||||
|
.reduce((ligne, statut) => {
|
||||||
|
switch (statut) {
|
||||||
|
case LettreStatut.BienPlace:
|
||||||
|
return ligne + '<span class="emoji-carre-rouge">🟥</span>';
|
||||||
|
case LettreStatut.MalPlace:
|
||||||
|
return ligne + '<span class="emoji-cercle-jaune">🟡</span>';
|
||||||
|
default:
|
||||||
|
return ligne + '<span class="emoji-carre-bleu">🟦</span>';
|
||||||
|
}
|
||||||
|
}, "")
|
||||||
|
);
|
||||||
let dateGrille = this._datePartie.getTime();
|
let dateGrille = this._datePartie.getTime();
|
||||||
let origine = InstanceConfiguration.dateOrigine.getTime();
|
let origine = InstanceConfiguration.dateOrigine.getTime();
|
||||||
this._motATrouver = motATrouver;
|
this._motATrouver = motATrouver;
|
||||||
|
@ -52,6 +68,7 @@ export default class FinDePartiePanel {
|
||||||
let numeroGrille = Math.floor((dateGrille - origine) / (24 * 3600 * 1000)) + 1;
|
let numeroGrille = Math.floor((dateGrille - origine) / (24 * 3600 * 1000)) + 1;
|
||||||
|
|
||||||
this._resumeTexte = "SUTOM #" + numeroGrille + " " + (estBonneReponse ? resultats.length : "-") + "/6\n\n" + resultatsEmojis.join("\n");
|
this._resumeTexte = "SUTOM #" + numeroGrille + " " + (estBonneReponse ? resultats.length : "-") + "/6\n\n" + resultatsEmojis.join("\n");
|
||||||
|
this._resumeTexteLegacy = "SUTOM #" + numeroGrille + " " + (estBonneReponse ? resultats.length : "-") + "/6\n\n" + resultatsEmojisLegacy.join("\n");
|
||||||
}
|
}
|
||||||
|
|
||||||
private attacherPartage(): void {
|
private attacherPartage(): void {
|
||||||
|
@ -106,7 +123,7 @@ export default class FinDePartiePanel {
|
||||||
contenu +=
|
contenu +=
|
||||||
'<p>Résumé de ta partie − <a href="#" id="fin-de-partie-panel-resume-bouton">Partager</a></p> \
|
'<p>Résumé de ta partie − <a href="#" id="fin-de-partie-panel-resume-bouton">Partager</a></p> \
|
||||||
<pre id="fin-de-partie-panel-resume">' +
|
<pre id="fin-de-partie-panel-resume">' +
|
||||||
this._resumeTexte +
|
this._resumeTexteLegacy +
|
||||||
"</pre>";
|
"</pre>";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue