import Configuration from "./entites/configuration";
import PanelManager from "./panelManager";
import Sauvegardeur from "./sauvegardeur";
export default class ReglesPanel {
private readonly _panelManager: PanelManager;
private readonly _rulesBouton: HTMLElement;
public constructor(panelManager: PanelManager) {
this._panelManager = panelManager;
this._rulesBouton = document.getElementById("configuration-regles-bouton") as HTMLElement;
this._rulesBouton.addEventListener(
"click",
(() => {
this.afficher();
}).bind(this)
);
}
public afficher(): void {
let titre = "Règles";
let contenu =
"" +
"Vous avez six essais pour deviner le mot du jour, entre 6 et 9 lettres, commun à tous.
" +
"Vous ne pouvez proposer que des mots commençant par la même lettre que le mot recherché, et qui se trouvent dans notre dictionnaire.
" +
"Les noms propres ne sont pas acceptés.
" +
"Le mot change chaque jour. Évitez donc les spoils et privilégiez le bouton de partage.
" +
"
" +
'' +
"
" +
"" +
'| S | ' +
'A | ' +
'L | ' +
'U | ' +
'T | ' +
"
" +
"
" +
"Les lettres entourées d'un carré rouge sont bien placées,
" +
"les lettres entourées d'un cercle jaune sont mal placées (mais présentes dans le mot).
" +
"Les lettres qui restent sur fond bleu ne sont pas dans le mot.
" +
"
" +
'En cas de soucis, vous pouvez contacter @Jonamaths sur twitter' +
' ou @JonathanMM@mastodon.social sur mastodon. − ' +
'Page du projet
' +
'Basé sur l\'excellent Wordle et le regretté Motus.
' +
"Merci à Emmanuel pour l'aide sur les mots à trouver, et à GaranceAmarante pour l'aide sur le dictionnaire.
" +
'Les icônes proviennent de Material Design' +
"
";
this._panelManager.setContenu(titre, contenu);
this._panelManager.setClasses(["regles-panel"]);
this._panelManager.setCallbackFermeture(() => {
Sauvegardeur.sauvegarderConfig({
...(Sauvegardeur.chargerConfig() ?? Configuration.Default),
afficherRegles: false,
});
});
this._panelManager.afficherPanel();
}
}