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