114 lines
4.4 KiB
HTML
114 lines
4.4 KiB
HTML
|
|
<html lang="ar-iq">
|
|
<head>
|
|
|
|
<base href="/" target="_blank">
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta charset="utf-8">
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/fi/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/fi/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="img/fi/favicon-16x16.png">
|
|
<link rel="manifest" href="img/fi/site.webmanifest">
|
|
<link rel="mask-icon" href="img/fi/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<script src="node_modules/esiur/src/esiur.js" type="module"></script>
|
|
<script src="node_modules/@esiur/iui/src/iui.js" type="module"></script>
|
|
|
|
|
|
<title>Esiur Demo</title>
|
|
|
|
<script src="js/app.js"></script>
|
|
<script src="js/formats.js"></script>
|
|
|
|
<!--IUI 2.0 -->
|
|
<link href="node_modules/@esiur/iui/css/iui.css" rel="stylesheet" />
|
|
<link href="css/style.css" rel="stylesheet" />
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<i-app onload="init()">
|
|
|
|
<div class="footer">
|
|
Esiur Foundation
|
|
<br />
|
|
Nahrain University, College of Information Technology Engineering
|
|
</div>
|
|
|
|
<div class="title-bar" >
|
|
<img src="img/coie.jpg" class="logo desktop">
|
|
<h1 class="desktop">AZ Compute Engine</h1>
|
|
<h3 class="desktop">${FORMAT_CONNECTION_STATUS(d?.status ?? 0)}</h3>
|
|
<div ::class="`logo connection-${(d?.status ?? 0)}`"></div>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<i-button onclick="addJob()">Add Job</i-button>
|
|
<i-button onclick="addAgent()">Add Agent</i-button>
|
|
</div>
|
|
|
|
<div class="content" async:data="d?.get('sys/service')">
|
|
|
|
<i-repeat :data="d?.Agents" id="list">
|
|
<table class="table-list">
|
|
<thead>
|
|
<tr>
|
|
<th>Node</th>
|
|
<th>IP</th>
|
|
<th>Max CPU</th>
|
|
<th>CPU</th>
|
|
<th>RAM</th>
|
|
<th>Network</th>
|
|
<th>Jobs</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr repeat>
|
|
<td>${d.Id}</td>
|
|
<td>${d.Ip}</td>
|
|
<td>${d.CpuMaxClock}</td>
|
|
<td>${d.Cpu.toFixed(2)}</td>
|
|
<td>${d.Ram.toFixed(2)}</td>
|
|
<td>${d.Network.toFixed(2)}</td>
|
|
<td>
|
|
<i-repeat :data="d?.Jobs">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Start</th>
|
|
<th>Finished</th>
|
|
<th>Time</th>
|
|
<!-- <th>Command</th>
|
|
<th>Start</th>
|
|
<th>CPU</th>
|
|
<th>RAM</th>-->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr repeat>
|
|
<td>${d.Name}</td>
|
|
<td>${d.Start.toLocaleTimeString()}</td>
|
|
<td>${d.Finishefd ? 'Yes' : 'No'}</td>
|
|
<td>${d.Finished ? FORMAT_TIME(d.Finish - d.Start) : FORMAT_TIME(new Date() - d.Start)}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</i-repeat>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</i-repeat>
|
|
</div>
|
|
</i-app>
|
|
</body>
|
|
</html> |