endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

Add Dropdown for Local Builds

Browse source
This commit is contained in:
dr-carlos 2021-10-01 11:30:11 +09:30
parent adf65431d5
commit 5a114f563a
2 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
builder.js
View file

@ -176,6 +176,8 @@ function init() {
}); });
decodeBuild(url_tag); decodeBuild(url_tag);
populateBuildList();
} }
function getItemNameFromID(id) { function getItemNameFromID(id) {
@ -885,18 +887,34 @@ function shareBuild() {
} }
} }
function populateBuildList() {
const buildList = document.getElementById("build-choice");
const savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
for (const buildName of Object.keys(savedBuilds).sort()) {
const buildOption = document.createElement("option");
buildOption.setAttribute("value", buildName);
buildList.appendChild(buildOption);
}
}
function saveBuild() { function saveBuild() {
if (player_build) { if (player_build) {
let savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds")); const savedBuilds = window.localStorage.getItem("builds") === null ? {} : JSON.parse(window.localStorage.getItem("builds"));
let saveName = document.getElementById("build-name").value; const saveName = document.getElementById("build-name").value;
let encodedBuild = encodeBuild(); const encodedBuild = encodeBuild();
if ((!Object.keys(savedBuilds).includes(saveName) if ((!Object.keys(savedBuilds).includes(saveName)
|| document.getElementById("saved-error").textContent !== "") && encodedBuild !== "") { || document.getElementById("saved-error").textContent !== "") && encodedBuild !== "") {
savedBuilds[saveName] = encodedBuild.replace("#", ""); savedBuilds[saveName] = encodedBuild.replace("#", "");
window.localStorage.setItem("builds", JSON.stringify(savedBuilds)); window.localStorage.setItem("builds", JSON.stringify(savedBuilds));
document.getElementById("saved-error").textContent = ""; document.getElementById("saved-error").textContent = "";
document.getElementById("saved-build").textContent = "Build saved Locally"; document.getElementById("saved-build").textContent = "Build saved locally";
const buildList = document.getElementById("build-choice");
const buildOption = document.createElement("option");
buildOption.setAttribute("value", saveName);
buildList.appendChild(buildOption);
} else { } else {
document.getElementById("saved-build").textContent = ""; document.getElementById("saved-build").textContent = "";
if (encodedBuild === "") { if (encodedBuild === "") {

4
index.html
View file

@ -157,7 +157,9 @@
<tr> <tr>
<td class="left"> <td class="left">
<label for="build-name">Build Name:</label><br> <label for="build-name">Build Name:</label><br>
<input id="build-name" name="build-name"/> <input id="build-name" name="build-name" list="build-choice" />
<datalist id="build-choice">
</datalist>
<!-- Dummy <p> tag for horizontal alignment --> <!-- Dummy <p> tag for horizontal alignment -->
<p style="top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap; word-break:break-word;"></p> <p style="top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap; word-break:break-word;"></p>