dumb beta builder stuffs

This commit is contained in:
MeowcaTheoRange 2022-05-30 11:00:31 -05:00
parent 9bff24db12
commit 212312e902
3 changed files with 50 additions and 0 deletions

14
code/builder/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script src="script.js"></script>
</body>
</html>

36
code/builder/script.js Normal file
View file

@ -0,0 +1,36 @@
var jsonData = [];
fetch('../../story/database.json')
.then(response => response.json())
.then(data => {jsonData = data;createHTML();});
function createHTML() {
for (i in jsonData) {
$("body").append(
$(`<details>
<summary>${jsonData[i].id}</summary>
<form>
<label for="id">ID:</label> <input type="text" value="${jsonData[i].id}" name="id"><br />
<label for="scene">Scene Name:</label> <input type="text" value="${jsonData[i].scene}" name="scene">
<fieldset name="appearing_characters[]">
<legend>Characters</legend>
${repeat(jsonData[i].appearing_characters.length, (bruh) => {
return `<fieldset><legend>${jsonData[i].appearing_characters[bruh][1]}</legend><label for="id">ID:</label> <input type="text" class="idOfThing" value="${jsonData[i].appearing_characters[bruh][0]}" name="id"> <label for="id">Name:</label> <input type="text" class="nameOfThing" value="${jsonData[i].appearing_characters[bruh][1]}" name="name"></fieldset><br />`
})}
</fieldset>
</form>
</details>`)
);
}
$(".nameOfThing").change((eo) => {
console.log($(eo.currentTarget));
$( eo.currentTarget ).parent().find("legend").text(eo.currentTarget.value);
})
}
function repeat(n, f) {
var returnVal = "";
for (var i = 0; i < n; i++) {
returnVal += f(i);
}
return returnVal;
}

0
code/builder/style.css Normal file
View file