2022-12-19 06:14:57 +00:00
|
|
|
<!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">
|
2022-12-20 00:13:43 +00:00
|
|
|
<link rel="stylesheet" href="css/form.css" type="text/css">
|
2022-12-19 06:14:57 +00:00
|
|
|
<script src="scripts/config.js" type="module"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2022-12-20 00:13:43 +00:00
|
|
|
<div class="center-div">
|
|
|
|
|
<form>
|
2022-12-20 02:46:28 +00:00
|
|
|
<fieldset>
|
2022-12-21 01:07:58 +00:00
|
|
|
<legend>Name</legend>
|
2022-12-22 00:27:04 +00:00
|
|
|
<div class="input-grid" id="name" style="grid-template-columns: auto 1fr;"></div>
|
2022-12-21 01:07:58 +00:00
|
|
|
</fieldset>
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Resources</legend>
|
2023-01-09 04:26:20 +00:00
|
|
|
<div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Disks</legend>
|
2023-01-09 04:48:58 +00:00
|
|
|
<div class="input-grid" id="disks" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
|
2023-01-11 00:01:13 +00:00
|
|
|
<hr>
|
2023-01-12 23:17:35 +00:00
|
|
|
<div class="input-grid btn-group" id="add-disk" style="grid-template-columns: repeat(10, auto) 1fr;">
|
2023-01-11 00:01:13 +00:00
|
|
|
<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>
|
2023-01-11 00:15:44 +00:00
|
|
|
<label for="size">Size(GiB)</label><input id="size" type="number" step="1" min="0" max="0" value="0">
|
2023-01-12 23:17:35 +00:00
|
|
|
<label for="size">Path</label><input id="path">
|
2023-01-12 23:26:45 +00:00
|
|
|
<div class="last-item"><img id="disk-add" src="images/actions/create.svg"></div>
|
2023-01-11 00:01:13 +00:00
|
|
|
</div>
|
2022-12-21 01:02:33 +00:00
|
|
|
</fieldset>
|
2022-12-21 01:38:14 +00:00
|
|
|
<fieldset class="fieldset-no-border">
|
2022-12-20 00:13:43 +00:00
|
|
|
<div class="btn-group" id="form-actions">
|
2022-12-20 23:49:13 +00:00
|
|
|
<button id="cancel" type="button">CANCEL</button>
|
|
|
|
|
<button id="submit" type="button">SUBMIT</button>
|
2022-12-20 00:13:43 +00:00
|
|
|
</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2022-12-19 06:14:57 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
