lmc/linodes/dashboard/index.shtml

143 lines
4.6 KiB
Plaintext
Raw Normal View History

<!--
This file is part of Linode Manager Classic.
Linode Manager Classic is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Linode Manager Classic is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LMC - Dashboard</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="dashboard.css" />
<script src="dashboard.js" type="module"></script>
</head>
<body>
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/linode_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/linodes">Linodes</a> » <span id="linode-tag"><a id="linode-tag-link" href=""></a> » </span><span id="linode-label" class="top-links-title"></span></div>
<div id="notifications"></div>
<div id="linode-details">
<table class="lmc-table">
<thead>
<tr>
<td colspan="3">Dashboard</td>
</tr>
<tr>
<td>Select</td>
<td>Configuration Profiles</td>
<td>Options</td>
</tr>
</thead>
<tbody id="config-table">
<tr id="loading-configs" class="lmc-tr3">
<td></td>
<td>Loading configuration profiles...</td>
<td></td>
</tr>
</tbody>
</table>
<button id="boot" type="button" disabled>Boot</button>
<button id="reboot" type="button">Reboot</button>
<p class="sub-links sub-links-inline">
<a href="/linodes/rebuild?lid=0">Rebuild</a> | <a href="/linodes/deploy?lid=0">Deploy an Image</a> | <a href="/linodes/config?cid=0&lid=0">Create a new Configuration Profile</a>
</p>
<table class="lmc-table">
<thead>
<tr>
<td colspan="3">Disks</td>
</tr>
</thead>
<tbody id="disk-table">
<tr id="loading-disks" class="lmc-tr3">
<td></td>
<td>Loading disks...</td>
<td></td>
</tr>
</tbody>
</table>
<p class="sub-links"><a href="/linodes/disk?did=0&lid=0">Create a new Disk</a></p>
<table class="lmc-table">
<thead>
<tr>
<td colspan="3">Volumes</td>
</tr>
</thead>
<tbody id="volume-table">
<tr id="loading-volumes" class="lmc-tr3">
<td></td>
<td>Loading volumes...</td>
<td></td>
</tr>
</tbody>
</table>
<p class="sub-links">
<a href="/volumes">View all Volumes</a> | <a href="/volumes/add?lid=0">Create a new Volume</a>
</p>
<table class="lmc-table">
<thead>
<tr>
<td colspan="2">Host Job Queue <a id="moar-jobs" href="#">(more)</a></td>
</tr>
</thead>
<tbody id="event-table">
<tr id="job-progress-row" class="lmc-tr1">
<td colspan="2"><progress id="job-progress" max="100" value="50">50%</progress></td>
</tr>
<tr id="loading-jobs" class="lmc-tr3">
<td></td>
<td>Loading jobs...</td>
</tr>
</tbody>
</table>
<h3>Graphs</h3>
</div>
<div id="linode-sidebar">
<div class="sidebar-box">
<h4>Server Status</h4>
<p>Your Linode is currently</p>
<p id="server-status"></p>
<button id="shut-down" type="button">Shut down</button>
</div>
<div class="sidebar-box">
<h4>Network</h4>
<ul>
<li>Transfer/mo: <span id="transfer-monthly"></span></li>
<li>Used: <span id="transfer-used"></span></li>
<li>Overage: <span id="transfer-overage"></span></li>
</ul>
<p>Monthly transfer usage:</p>
<meter id="net-usage" max="100" low="50" optimum="30" high="80" value="0"></meter>
</div>
<div class="sidebar-box">
<h4>Storage</h4>
<ul>
<li>Total: <span id="storage-total"></span></li>
<li>Used: <span id="storage-used"></span></li>
<li>Free: <span id="storage-free"></span></li>
</ul>
<p>Storage allocation:</p>
<meter id="disk-usage" max="100" low="50" optimum="30" high="80" value="0"></meter>
</div>
<div class="sidebar-box">
<h4>Backups</h4>
<p id="backups"></p>
<p id="last-backup">Last backup was <span id="last-backup-time"></span></p>
</div>
</div>
</div>
</body>
</html>