104 lines
2.8 KiB
HTML
104 lines
2.8 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>
|
|
|
|
<section>
|
|
<form id="import-form">
|
|
<h2>Import tree</h2>
|
|
<label>
|
|
Parent
|
|
<select id="import-parent" required></select>
|
|
</label>
|
|
<label>
|
|
JSON manifest
|
|
<textarea
|
|
id="import-manifest"
|
|
rows="16"
|
|
cols="72"
|
|
required
|
|
></textarea>
|
|
</label>
|
|
<button type="submit">Preview import</button>
|
|
</form>
|
|
|
|
<div id="import-preview" hidden>
|
|
<h3>Import preview</h3>
|
|
<p id="import-summary"></p>
|
|
<ul id="import-warnings"></ul>
|
|
<div id="import-normalized"></div>
|
|
<button id="import-commit" type="button">Commit import</button>
|
|
<button id="import-cancel" type="button">Cancel preview</button>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|