2022-12-10 18:02:29 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
|
<title>tronnet - client</title>
|
2022-12-12 16:27:45 -08:00
|
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
2023-01-09 14:37:32 -08:00
|
|
|
<script src="scripts/index.js" type="module"></script>
|
2022-12-12 16:27:45 -08:00
|
|
|
<script src="scripts/elements.js" type="module"></script>
|
2022-12-10 18:02:29 -08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2023-01-09 14:36:50 -08:00
|
|
|
<header>
|
2023-01-09 14:53:29 -08:00
|
|
|
<nav class="btn-group">
|
2023-01-09 15:08:45 -08:00
|
|
|
<button id="instances" class="active">INSTANCES</button>
|
|
|
|
|
<button id="logout">LOGOUT</button>
|
2023-01-09 14:43:48 -08:00
|
|
|
</nav>
|
2023-01-09 14:36:50 -08:00
|
|
|
</header>
|
2023-01-09 14:43:48 -08:00
|
|
|
<main><div id="instance-container" class="center-div"></div></main>
|
2022-12-10 18:02:29 -08:00
|
|
|
</body>
|
2022-12-14 16:05:15 -08:00
|
|
|
<template id="instance-template">
|
|
|
|
|
<article>
|
2022-12-15 17:45:40 -08:00
|
|
|
<div>
|
2022-12-14 17:20:31 -08:00
|
|
|
<div>
|
2022-12-14 16:05:15 -08:00
|
|
|
<img id="instance-type">
|
|
|
|
|
<p id="instance-id"></p>
|
|
|
|
|
<p id="instance-name"></p>
|
|
|
|
|
</div>
|
2022-12-14 17:20:31 -08:00
|
|
|
<div>
|
2022-12-17 17:36:45 -08:00
|
|
|
<img id="node-status" alt="instance node">
|
2022-12-14 16:05:15 -08:00
|
|
|
<p id="node-name"></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-12-14 22:54:18 -08:00
|
|
|
<hr>
|
2022-12-15 18:04:20 -08:00
|
|
|
<div class="btn-group">
|
2022-12-15 18:28:12 -08:00
|
|
|
<img id="power-btn">
|
2022-12-17 17:36:45 -08:00
|
|
|
<img id="configure-btn" alt="change instance configuration">
|
2022-12-15 17:45:40 -08:00
|
|
|
</div>
|
2022-12-14 16:05:15 -08:00
|
|
|
</article>
|
|
|
|
|
</template>
|
2022-12-10 18:02:29 -08:00
|
|
|
</html>
|
