chore: initial commit
This commit is contained in:
Vendored
+7
File diff suppressed because one or more lines are too long
@@ -0,0 +1,100 @@
|
|||||||
|
body {
|
||||||
|
background-color: #292c31;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
margin-top: 8rem;
|
||||||
|
background-color: #454e54;
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.card-body {
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
.card-header {
|
||||||
|
background-color: #007bfe;
|
||||||
|
color: #fff;
|
||||||
|
border-bottom: none;
|
||||||
|
border-radius: 1em 1em 0 0;
|
||||||
|
}
|
||||||
|
.btn-start {
|
||||||
|
background-color: #007bff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.btn-start:hover {
|
||||||
|
background-color: #0056b3;
|
||||||
|
}
|
||||||
|
.card-footer {
|
||||||
|
background-color: #353a3f;
|
||||||
|
border-top: none;
|
||||||
|
color: #6c757d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot {
|
||||||
|
height: 10px; /* Smaller inner circle */
|
||||||
|
width: 10px; /* Smaller inner circle */
|
||||||
|
border-radius: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
background-color: grey; /* Default grey color */
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
transform: translate(-50%, -50%) scale(2); /* Scale to match outer size */
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.green {
|
||||||
|
background-color: #66ff66; /* Lighter green for online status */
|
||||||
|
}
|
||||||
|
|
||||||
|
.green::before {
|
||||||
|
background-color: rgba(0, 255, 0, 0.5); /* Lighter outer green */
|
||||||
|
animation: pulse-green 1.5s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red {
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red::before {
|
||||||
|
background-color: rgba(255, 0, 0, 0.5); /* Lighter outer red */
|
||||||
|
animation: pulse-red 1.5s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-green {
|
||||||
|
0% {
|
||||||
|
transform: translate(-50%, -50%) scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
transform: translate(-50%, -50%) scale(2.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translate(-50%, -50%) scale(2.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-red {
|
||||||
|
0% {
|
||||||
|
transform: translate(-50%, -50%) scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
transform: translate(-50%, -50%) scale(2.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translate(-50%, -50%) scale(2.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
@@ -0,0 +1,21 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
// List of hosts to be able to wake up using Kratos.
|
||||||
|
// The first item in the array will be the default when hitting the kratos homepage, to
|
||||||
|
|
||||||
|
$hosts = array(
|
||||||
|
array(
|
||||||
|
"mac_address" => "64:16:7F:B1:D8:31",
|
||||||
|
"ip_address" => "10.0.0.1",
|
||||||
|
"name" => "gaia",
|
||||||
|
"friendly_name" => "Gaia (Home Server)"
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
"mac_address" => "89:96:F3:36:D4:C4",
|
||||||
|
"ip_address" => "10.0.0.2",
|
||||||
|
"name" => "fedora",
|
||||||
|
"friendly_name" => "Fedora (Desktop)"
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
print_r(json_encode($hosts));
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Kratos Power Management</title>
|
||||||
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/main.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header text-center">
|
||||||
|
<h3 style="padding-bottom: 0; margin-bottom: 0;">Kratos</h3>
|
||||||
|
<h6>Power Management</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form method="post" id="wakeonlan" action="wake.php">
|
||||||
|
<div class="text-center">
|
||||||
|
<button type="submit" class="btn btn-primary btn-start">Send Wake Packet</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="card-footer text-muted text-center">
|
||||||
|
<small>
|
||||||
|
This will send a magic packet to
|
||||||
|
<select class="form-select bg-dark border-0 shadow-none text-white text-center" form="wakeonlan" id="target" name="target">
|
||||||
|
</select>
|
||||||
|
to wake it up.
|
||||||
|
<br>
|
||||||
|
Current Status:
|
||||||
|
<span id="status-dot" class="dot"></span>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Bootstrap JS (optional) -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
|
<script>
|
||||||
|
function checkServerStatus() {
|
||||||
|
$.ajax({
|
||||||
|
url: 'ping.php?host=' + $("#target option:selected").val(),
|
||||||
|
method: 'GET',
|
||||||
|
dataType: 'json',
|
||||||
|
success: function(response) {
|
||||||
|
if(response.status === 'online') {
|
||||||
|
$('#status-dot').removeClass('red').addClass('green');
|
||||||
|
} else {
|
||||||
|
$('#status-dot').removeClass('green').addClass('red');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
$('#status-dot').removeClass('green').addClass('red');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
checkServerStatus();
|
||||||
|
setInterval(checkServerStatus, 5000);
|
||||||
|
|
||||||
|
var obj = jQuery.parseJSON('<?php include 'hosts.php'; ?>');
|
||||||
|
$.each(obj, function(key,value) {
|
||||||
|
$('#target').append('<option value="'+ value.mac_address+'">'+value.friendly_name+'</option>');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$("#wakeonlan").submit(function(e) {
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var form = $(this);
|
||||||
|
var actionUrl = form.attr('action');
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: actionUrl,
|
||||||
|
data: form.serialize(),
|
||||||
|
success: function(data)
|
||||||
|
{
|
||||||
|
alert(data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
$host = "10.1.1.2";
|
||||||
|
echo json_encode(ping($host));
|
||||||
|
|
||||||
|
function ping($host) {
|
||||||
|
$command = "ping -c 4 " . escapeshellarg($host);
|
||||||
|
$output = [];
|
||||||
|
exec($command, $output, $status);
|
||||||
|
|
||||||
|
// Check if the ping was successful
|
||||||
|
if ($status == 0) {
|
||||||
|
return ['status' => 'online', 'output' => $output];
|
||||||
|
} else {
|
||||||
|
return ['status' => 'offline', 'output' => $output];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
function wakeOnLan($macAddress) {
|
||||||
|
$output = shell_exec("wakeonlan " . escapeshellarg($macAddress));
|
||||||
|
if ($output === null) {
|
||||||
|
return "Failed to send Magic Packet.";
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||||
|
$macAddress = $_POST['target'];
|
||||||
|
$result = wakeOnLan($macAddress);
|
||||||
|
if ($result === true) {
|
||||||
|
$message = "Magic Packet sent successfully!";
|
||||||
|
} else {
|
||||||
|
$message = $result;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user