mirror of
https://framagit.org/JonathanMM/sutom.git
synced 2024-06-05 07:22:38 +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%;
|
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 {
|
public afficher(): void {
|
||||||
let titre = "Configuration";
|
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.setClasses(["config-panel"]);
|
||||||
this._panelManager.afficherPanel();
|
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