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">
|
|
|
|
<script src="scripts/index.js" type="module"></script>
|
|
|
|
<script src="scripts/elements.js" type="module"></script>
|
2022-12-11 02:02:29 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2022-12-14 21:37:30 +00:00
|
|
|
<div id="instance-container" class="center-div"></div>
|
2022-12-11 02:02:29 +00:00
|
|
|
</body>
|
2022-12-15 00:05:15 +00:00
|
|
|
|
|
|
|
<template id="instance-template">
|
|
|
|
<article>
|
|
|
|
<div class="summary-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-15 00:05:15 +00:00
|
|
|
<img id="node-status">
|
|
|
|
<p id="node-name"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-12-15 06:54:18 +00:00
|
|
|
<hr>
|
2022-12-15 01:20:31 +00:00
|
|
|
<div class="resource-div">
|
|
|
|
<div>
|
|
|
|
<img src="images/resources/cpu.svg">
|
|
|
|
<p id="resource-cpu"></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<img src="images/resources/ram.svg">
|
|
|
|
<p id="resource-ram"></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<img src="images/resources/swap.svg">
|
|
|
|
<p id="resource-swap"></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<img src="images/resources/disk.svg">
|
|
|
|
<p id="resource-disk"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-12-15 00:05:15 +00:00
|
|
|
</article>
|
|
|
|
</template>
|
2022-12-11 02:02:29 +00:00
|
|
|
</html>
|