73 lines
1.9 KiB
HTML
73 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Box Manifest</title>
|
|
<script src="/app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<h1>Box Manifest</h1>
|
|
<p id="status" role="status"></p>
|
|
|
|
<section>
|
|
<h2>Tree</h2>
|
|
<button id="refresh" type="button">Refresh</button>
|
|
<div id="tree">Loading…</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Selected node</h2>
|
|
<p id="selected">None</p>
|
|
|
|
<form id="update-form">
|
|
<h3>Update</h3>
|
|
<label>
|
|
Name
|
|
<input id="update-name" required>
|
|
</label>
|
|
<label>
|
|
Quantity
|
|
<input id="update-quantity" type="number" min="0" step="1">
|
|
</label>
|
|
<button type="submit">Update selected node</button>
|
|
</form>
|
|
|
|
<form id="move-form">
|
|
<h3>Move</h3>
|
|
<label>
|
|
New parent
|
|
<select id="move-parent" required></select>
|
|
</label>
|
|
<label>
|
|
Children
|
|
<select id="move-children">
|
|
<option value="WITH_SUBTREE">Move with subtree</option>
|
|
<option value="PROMOTE_CHILDREN">Move direct children up</option>
|
|
<option value="CHILDREN_TO_UNSORTED">Move direct children to Unsorted</option>
|
|
</select>
|
|
</label>
|
|
<button type="submit">Move selected node</button>
|
|
</form>
|
|
|
|
<button id="delete" type="button">Delete selected empty node</button>
|
|
</section>
|
|
|
|
<section>
|
|
<form id="create-form">
|
|
<h2>Create child</h2>
|
|
<p id="create-parent">Parent: Unsorted</p>
|
|
<label>
|
|
Name
|
|
<input id="create-name" required>
|
|
</label>
|
|
<label>
|
|
Quantity
|
|
<input id="create-quantity" type="number" min="0" step="1">
|
|
</label>
|
|
<button type="submit">Create</button>
|
|
</form>
|
|
</section>
|
|
</body>
|
|
</html>
|