| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>VirtManager</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
- </head>
- <body>
- <div class="container mt-5">
- <h1 class="mb-4">VirtManager</h1>
-
- <div class="row">
- <div class="col-md-8">
- <h2>Virtual Machines</h2>
- <button class="btn btn-primary mb-3" onclick="loadVMs()">Refresh</button>
- <table class="table table-striped" id="vmTable">
- <thead>
- <tr>
- <th>ID</th>
- <th>Name</th>
- <th>State</th>
- <th>Actions</th>
- </tr>
- </thead>
- <tbody id="vmTableBody">
- </tbody>
- </table>
- </div>
-
- <div class="col-md-4">
- <h2>Create VM</h2>
- <form id="createVMForm">
- <div class="mb-3">
- <label for="name" class="form-label">Name</label>
- <input type="text" class="form-control" id="name" required>
- </div>
- <div class="mb-3">
- <label for="memory" class="form-label">Memory (MiB)</label>
- <input type="number" class="form-control" id="memory" required>
- </div>
- <div class="mb-3">
- <label for="disk_size" class="form-label">Disk Size (GB)</label>
- <input type="number" class="form-control" id="disk_size" required>
- </div>
- <div class="mb-3">
- <label for="iso" class="form-label">ISO File</label>
- <input type="text" class="form-control" id="iso" required>
- </div>
- <button type="submit" class="btn btn-success">Create VM</button>
- </form>
- </div>
- </div>
- </div>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
- <script src="/static/app.js"></script>
- </body>
- </html>
|