mirror of
https://framagit.org/JonathanMM/sutom.git
synced 2024-05-11 10:16:42 +02:00
Ajout d'un générateur d'item
This commit is contained in:
parent
e52bd0b021
commit
fb726f61c3
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue