Added dropdown prompt menu
This commit is contained in:
parent
319c3c6f30
commit
7fbee3ebf5
|
|
@ -17,24 +17,32 @@ let oreChances = {
|
|||
|
||||
let promptMenus = {};
|
||||
let keys = ["OK", "Cancel", "Confirm", "Input", "Choices", "Dirs", "Dropdown"];
|
||||
|
||||
Object.defineProperty(String.prototype, 'capitalize', {
|
||||
value: function() {
|
||||
return this.charAt(0).toUpperCase() + this.slice(1);
|
||||
},
|
||||
enumerable: false
|
||||
});
|
||||
runAfterLoad(()=>{
|
||||
let dropDown = document.createElement("select");
|
||||
dropDown.id = "promptDropdown";
|
||||
dropDown.style.position = "absolute";
|
||||
dropDown.style.top = "50%";
|
||||
dropDown.style.left = "50%";
|
||||
dropDown.style.top = "15%";
|
||||
dropDown.style.left = "42.5%";
|
||||
dropDown.style.width = "15%";
|
||||
dropDown.title = "prompt";
|
||||
dropDown.style.display = "none";
|
||||
document.getElementById("promptParent").appendChild(dropDown);
|
||||
document.getElementById("promptMenu").appendChild(dropDown);
|
||||
|
||||
for(let key of keys){
|
||||
promptMenus[key] = document.getElementById(`prompt${key}`);
|
||||
promptMenus[key].style.display = "none";
|
||||
}
|
||||
|
||||
function prompt
|
||||
//function prompt
|
||||
|
||||
|
||||
});
|
||||
function showPromptScreen() {
|
||||
if (!promptState) return;
|
||||
closeMenu("prompt");
|
||||
|
|
@ -55,7 +63,8 @@ runAfterLoad(()=>{
|
|||
let promptInput = document.getElementById("promptInput");
|
||||
let promptChoices = document.getElementById("promptChoices");
|
||||
let promptDirs = document.getElementById("promptDirs");
|
||||
for(let key of promptMenus){
|
||||
let dropDown = document.getElementById("promptDropdown");
|
||||
for(let key in promptMenus){
|
||||
promptMenus[key].style.display = "none";
|
||||
}
|
||||
promptConfirm.classList.remove("danger");
|
||||
|
|
@ -86,6 +95,26 @@ runAfterLoad(()=>{
|
|||
}
|
||||
promptChoices.style.display = "block";
|
||||
}
|
||||
else if (promptState.type == "dropdown" && promptState.choices != undefined) {
|
||||
dropDown.innerHTML = "";
|
||||
//promptParent.appendChild(promptDropdown);
|
||||
|
||||
for(let choice of promptState.choices){
|
||||
dropDown.innerHTML += `<option value="${choice}">${choice.capitalize()}</option>`;
|
||||
}
|
||||
let span = document.createElement("span");
|
||||
span.className = "promptOK";
|
||||
span.textContent = "Select";
|
||||
span.onclick = ()=>{
|
||||
let c = dropDown.value;
|
||||
console.log(c);
|
||||
handlePrompt(c);
|
||||
document.getElementById("promptMenu").removeChild(span);
|
||||
};
|
||||
document.getElementById("promptMenu").appendChild(span);
|
||||
dropDown.style.display = "block";
|
||||
|
||||
}
|
||||
else if (promptState.type === "dir") {
|
||||
promptDirs.style.display = "block";
|
||||
}
|
||||
|
|
@ -96,7 +125,22 @@ runAfterLoad(()=>{
|
|||
document.getElementById("promptInput").select();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function promptDropdown(title, choices, handler){
|
||||
let pause = false;
|
||||
if (promptState) { pause = promptState.wasPaused }
|
||||
else if (paused) { pause = true }
|
||||
promptState = {
|
||||
type: "dropdown",
|
||||
text: "",
|
||||
choices: choices,
|
||||
handler: handler,
|
||||
title: title || "Choose",
|
||||
wasPaused: pause
|
||||
}
|
||||
showPromptScreen();
|
||||
}
|
||||
|
||||
function makeCurve(pos, w, dir, div = 200){
|
||||
let prevX = pos[0], prevY = pos[1];
|
||||
let res = [];
|
||||
|
|
@ -408,16 +452,15 @@ elements.SeedGenerate = {
|
|||
let arr = [];
|
||||
let txt = shiftDown;
|
||||
Object.keys(biomes).forEach(function(b){arr.push(b);});
|
||||
txt = (arr.length >= 7) ? true : txt;
|
||||
promptInput("Leave blank to generate new seed or C to keep current seed. Your current seed is: " + seed, function(i){
|
||||
seed = (i != null && i.toLowerCase() == "c") ? seed : parseFloat(i) || Math.random()*(2**32);
|
||||
seed = seed % (2**32);
|
||||
if(!txt){
|
||||
promptChoose("", arr, (choice)=>{
|
||||
promptDropdown( "Select a biome to generate: ", arr, (choice)=>{
|
||||
biomes[choice].generate(seed);
|
||||
promptText("World generation complete.");
|
||||
selectElement('dirt');
|
||||
}, "Select a biome to generate: ");
|
||||
});
|
||||
} else {
|
||||
let str = "";
|
||||
for(let key in biomes){
|
||||
|
|
@ -443,7 +486,6 @@ elements.RandomGen = {
|
|||
let arr = [];
|
||||
let txt = shiftDown;
|
||||
Object.keys(biomes).forEach(function(b){arr.push(b);});
|
||||
txt = (arr.length >= 7) ? true : txt;
|
||||
seed = Math.random()*(2**32);
|
||||
//seed %= 2**32;
|
||||
if(txt){
|
||||
|
|
@ -465,10 +507,11 @@ elements.RandomGen = {
|
|||
}, "Enter Biome Name: ");
|
||||
|
||||
} else {
|
||||
promptChoose("", arr, (choice)=>{
|
||||
promptDropdown( "Select a biome to generate: ", arr, (choice)=>{
|
||||
biomes[choice].generate(seed);
|
||||
selectElement("dirt");
|
||||
}, "Biome Selection");
|
||||
promptText("World generation complete.");
|
||||
selectElement('dirt');
|
||||
});
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue