2016-10-09 16:47:49 +00:00
|
|
|
<?php require '../config.php'; ?>
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
<link rel="icon" href="favicon.ico">
|
|
|
|
|
<link href="/assets/css/custom.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<title>DevilBox</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<nav class="navbar navbar-inverse navbar-static-top">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<span class="navbar-brand" href="#">DevilBox</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="navbar" class="collapse navbar-collapse">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<li><a href="/">Home</a></li>
|
|
|
|
|
<li><a href="/vhosts.php">Virtual Hosts</a></li>
|
|
|
|
|
<li class="active"><a href="#">Databases</a></li>
|
2016-10-16 08:49:53 +00:00
|
|
|
<li> | </li>
|
|
|
|
|
<li><a href="/phpinfo.php">PHP info</a></li>
|
|
|
|
|
<li><a href="/opcache.php">PHP opcache</a></li>
|
|
|
|
|
<li><a href="/mysqlinfo.php">MySQL info</a></li>
|
2016-10-09 16:47:49 +00:00
|
|
|
</ul>
|
|
|
|
|
</div><!--/.nav-collapse -->
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
|
<h1>Databases</h1>
|
|
|
|
|
<br/>
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<?php
|
|
|
|
|
$databases = getDatabases();
|
|
|
|
|
?>
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
2016-10-10 11:06:47 +00:00
|
|
|
<th>Charset</th>
|
|
|
|
|
<th>Collation</th>
|
2016-10-11 13:45:21 +00:00
|
|
|
<th>Tables</th>
|
2016-10-09 16:47:49 +00:00
|
|
|
<th>Size</th>
|
|
|
|
|
</th>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
2016-10-10 11:06:47 +00:00
|
|
|
<?php foreach ($databases as $name => $keys): ?>
|
2016-10-09 16:47:49 +00:00
|
|
|
<tr>
|
|
|
|
|
<td><?php echo $name;?></td>
|
2016-10-10 11:06:47 +00:00
|
|
|
<td><?php echo $keys['charset'];?></td>
|
|
|
|
|
<td><?php echo $keys['collation'];?></td>
|
2016-10-11 13:45:21 +00:00
|
|
|
<td><code><span class="table" id="table-<?php echo $name;?>"> </span></code></td>
|
|
|
|
|
<td><code><span class="size" id="size-<?php echo $name;?>"> </span></code></td>
|
2016-10-09 16:47:49 +00:00
|
|
|
</tr>
|
2016-10-11 13:45:21 +00:00
|
|
|
<input type="hidden" name="database[]" class="database" value="<?php echo $name;?>" />
|
2016-10-09 16:47:49 +00:00
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div><!-- /.container -->
|
|
|
|
|
|
2016-10-11 13:45:21 +00:00
|
|
|
<?php require '../include/footer.php'; ?>
|
2016-10-10 11:06:47 +00:00
|
|
|
<script>
|
|
|
|
|
// self executing function here
|
|
|
|
|
(function() {
|
|
|
|
|
// your page initialization code here
|
|
|
|
|
// the DOM will be available here
|
|
|
|
|
|
|
|
|
|
function updateSizes(database) {
|
|
|
|
|
var xhttp = new XMLHttpRequest();
|
2016-10-11 13:45:21 +00:00
|
|
|
|
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
|
|
|
var fill = '';
|
|
|
|
|
var res = '';
|
|
|
|
|
var len;
|
|
|
|
|
var i;
|
|
|
|
|
|
|
|
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
|
|
|
res = (this.responseText) == 0 ? '0sss MB' : this.responseText+' MB';
|
|
|
|
|
len = res.length;
|
|
|
|
|
if (len < 8) {
|
|
|
|
|
for (i=len; i<8; i++) {
|
|
|
|
|
fill = ' ' + fill;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
res = res.replace('sss', ' ');
|
|
|
|
|
res = fill + res;
|
|
|
|
|
document.getElementById('size-' + database).innerHTML = res;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
xhttp.open('GET', '_ajax_db.php?size=' + database, true);
|
|
|
|
|
xhttp.send();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function updateCount(database) {
|
|
|
|
|
var xhttp = new XMLHttpRequest();
|
|
|
|
|
|
2016-10-10 11:06:47 +00:00
|
|
|
xhttp.onreadystatechange = function() {
|
2016-10-11 13:45:21 +00:00
|
|
|
var fill = '';
|
|
|
|
|
var i;
|
|
|
|
|
|
2016-10-10 11:06:47 +00:00
|
|
|
if (this.readyState == 4 && this.status == 200) {
|
2016-10-11 13:45:21 +00:00
|
|
|
if (this.responseText.length < 4) {
|
|
|
|
|
for (i=this.responseText.length; i<4; i++) {
|
|
|
|
|
fill = ' ' + fill;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
document.getElementById('table-' + database).innerHTML = fill + this.responseText;
|
2016-10-10 11:06:47 +00:00
|
|
|
}
|
|
|
|
|
};
|
2016-10-11 13:45:21 +00:00
|
|
|
xhttp.open('GET', '_ajax_db.php?table=' + database, true);
|
2016-10-10 11:06:47 +00:00
|
|
|
xhttp.send();
|
|
|
|
|
}
|
|
|
|
|
|
2016-10-11 13:45:21 +00:00
|
|
|
var databases = document.getElementsByName('database[]');
|
2016-10-10 11:06:47 +00:00
|
|
|
var database;
|
2016-10-11 13:45:21 +00:00
|
|
|
|
2016-10-10 11:06:47 +00:00
|
|
|
for (i = 0; i < databases.length; i++) {
|
2016-10-11 13:45:21 +00:00
|
|
|
database = databases[i].value;
|
2016-10-10 11:06:47 +00:00
|
|
|
updateSizes(database);
|
2016-10-11 13:45:21 +00:00
|
|
|
updateCount(database);
|
2016-10-10 11:06:47 +00:00
|
|
|
}
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
|
2016-10-09 16:47:49 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
