ecki
150 lines
1.7 KiB
HTML
150 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>ResMan</title>
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Ressourcen Verwaltung</h1>
|
|
|
|
<section>
|
|
|
|
<h2>Kosten Dashboard</h2>
|
|
|
|
<div id="costDashboard">
|
|
|
|
Server monatlich: <span id="costMonth">0</span> €<br>
|
|
Server jährlich: <span id="costYear">0</span> €<br>
|
|
Domains jährlich: <span id="costDomain">0</span> €<br>
|
|
|
|
<hr>
|
|
|
|
<b>Gesamt jährlich: <span id="costTotal">0</span> €</b>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h2>Aktive Ressourcen</h2>
|
|
|
|
<button onclick="openCreate()">Neue Resource</button>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Produkt</th>
|
|
<th>Provider</th>
|
|
<th>Status</th>
|
|
<th>System</th>
|
|
<th>Domains</th>
|
|
<th>IPs</th>
|
|
<th>Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="resources"></tbody>
|
|
|
|
</table>
|
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h2>Infrastruktur Übersicht</h2>
|
|
|
|
<div id="infraView"></div>
|
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h2>Domains</h2>
|
|
|
|
<button onclick="openDomainCreate()">Neue Domain</button>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
<tr>
|
|
<th>Domain</th>
|
|
<th>Provider</th>
|
|
<th>IP</th>
|
|
<th>Server</th>
|
|
<th>DNS</th>
|
|
<th>Kosten/Jahr</th>
|
|
<th>Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="domains"></tbody>
|
|
|
|
</table>
|
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h2>Domain → Server Zuordnung</h2>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
<tr>
|
|
<th>Domain</th>
|
|
<th>IP</th>
|
|
<th>Server</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="mapping"></tbody>
|
|
|
|
</table>
|
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h2>Gekündigte Resources</h2>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Produkt</th>
|
|
<th>Provider</th>
|
|
<th>CPU</th>
|
|
<th>RAM</th>
|
|
<th>Disk</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="cancelled"></tbody>
|
|
|
|
</table>
|
|
|
|
</section>
|
|
|
|
|
|
<script src="js/api.js"></script>
|
|
<script src="js/ui.js"></script>
|
|
|
|
</body>
|
|
</html>
|