ProxmoxAAS-Dashboard/config.html
2023-01-12 15:26:45 -08:00

44 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>tronnet - client</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/form.css" type="text/css">
<script src="scripts/config.js" type="module"></script>
</head>
<body>
<div class="center-div">
<form>
<fieldset>
<legend>Name</legend>
<div class="input-grid" id="name" style="grid-template-columns: auto 1fr;"></div>
</fieldset>
<fieldset>
<legend>Resources</legend>
<div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
</fieldset>
<fieldset>
<legend>Disks</legend>
<div class="input-grid" id="disks" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
<hr>
<div class="input-grid btn-group" id="add-disk" style="grid-template-columns: repeat(10, auto) 1fr;">
<label for="bus">Bus</label><select id="bus"></select>
<label for="device">Device</label><input id="device" type="number" step="1" min="0" max="0" value="0">
<label for="storage">Storage</label><select id="storage"></select>
<label for="size">Size(GiB)</label><input id="size" type="number" step="1" min="0" max="0" value="0">
<label for="size">Path</label><input id="path">
<div class="last-item"><img id="disk-add" src="images/actions/create.svg"></div>
</div>
</fieldset>
<fieldset class="fieldset-no-border">
<div class="btn-group" id="form-actions">
<button id="cancel" type="button">CANCEL</button>
<button id="submit" type="button">SUBMIT</button>
</div>
</fieldset>
</form>
</div>
</body>
</html>