deblan/sutom
deblan/sutom
1
0
Fork 0
mirror of https://framagit.org/JonathanMM/sutom.git synced 2024-04-27 19:52:55 +02:00
Code Issues Projects Releases Wiki Activity

Ajout d'un générateur d'item

Browse source
This commit is contained in:
JonathanMM 2022-01-29 15:02:15 +01:00
parent e52bd0b021
commit fb726f61c3
2 changed files with 41 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/jeu.css
View file

@ -270,3 +270,14 @@ h1 {
width: 90%;
}
}
.config-panel #panel-fenetre-contenu {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.config-item {
display: flex;
justify-content: space-between;
}

32
ts/configurationPanel.ts
View file

@ -20,10 +20,38 @@ export default class ConfigurationPanel {
public afficher(): void {
let titre = "Configuration";
let contenu = "";
let contenu = document.createElement("div");
contenu.appendChild(
this.genererConfigItem("Volume du son (si activé)", {
1: "Faible",
2: "Normal",
3: "Fort",
})
);
this._panelManager.setContenu(titre, contenu);
this._panelManager.setContenu(titre, contenu.innerHTML);
this._panelManager.setClasses(["config-panel"]);
this._panelManager.afficherPanel();
}
private genererConfigItem(nomConfig: string, options: { [value: number]: string }): HTMLElement {
let div = document.createElement("div");
div.className = "config-item";
let label = document.createElement("label");
label.innerText = nomConfig;
div.appendChild(label);
let select = document.createElement("select");
for (let optionKey in options) {
let optionLabel = options[optionKey];
let optionElement = document.createElement("option");
optionElement.value = optionKey;
optionElement.innerText = optionLabel;
select.appendChild(optionElement);
}
div.appendChild(select);
return div;
}
}