kontrolvm/vms.php at main · KuJoe/kontrolvm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<?php
/** KontrolVM By KuJoe (https://github.com/KuJoe/kontrolvm) **/

session_start();
if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true) {
	header("Location: index.php");
	exit;
} else {
	if(isset($_GET['s'])) {
		if($_GET['s'] == '1') {
			$success = "VM created successfully.";
		} elseif($_GET['s'] == '2') {
			$success = "VM destroyed successfully.";
		} elseif($_GET['s'] == '3') {
			$error = "VM ID missing.";
		} elseif($_GET['s'] == '4') {
			$error = "VM deleted successfully.";
		}
	}
	define('AmAllowed', TRUE);
	require_once('config.php');
	require_once('functions.php');
	$loggedin_id = (int)$_SESSION['staff_id'];
	$myrole = (int)$_SESSION["staff_role"];
	$chkActive = checkActive($loggedin_id);
	$chkLocked = checkLockedOut($loggedin_id);
	if($chkLocked == true OR $chkActive == false) {
		header("Location: logout.php");
		exit;
	}
	$chkRole = getStaffRole($loggedin_id);
	$allowedRoles = ['1', '2', '3', '9'];
	if(!in_array($chkRole, $allowedRoles)) {
		header("Location: home.php?s=99");
		exit;
	}
}
if($_SERVER["REQUEST_METHOD"] == "POST") {
	$token = $_POST["csrf_token"];
	if(validateCSRFToken($token)) {
		$memory = trim($_POST["memory"]);
		$disk_space1 = trim($_POST["disk_space1"]);
		$cpu_cores = trim($_POST["cpu_cores"]);
		$cluster = $_POST["cluster"];
		$result = createVM($loggedin_id,$memory,$disk_space1,$cpu_cores,$cluster);
		if($result === true) {
			header("Location: vms.php?state=all&s=1");
		} else {
			$error = "VM create failed: ".$result;
		}
	} else {
		$error = "Invalid CSRF token.";
	}
}
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');
$csrfToken = getCSRFToken();
if(isset($_GET['state']) AND $_GET['state'] == "all") {
	$servers = getVMList('all');
} else {
	$servers = getVMList('1');
}
$clusters = getClusters('1');
?>
<!DOCTYPE html>
<html lang="en">
<?php include('header.php'); ?>
<body>
	<nav>
		<input type="checkbox" id="check">
		<label for="check" class="checkbtn">
			<i class="fas fa-bars"></i>
		</label>
		<label class="logo"><a href="index.php"><img src="assets/logo.png" alt="KontrolVM Logo"></a></label>
		<ul>
			<li><a href="index.php">Dashboard</a></li>
			<?php if(in_array($myrole, ['2', '9'])) { ?> <li><a class="active" href="clusters.php">Infrastructure</a></li> <?php } ?>
			<?php if(in_array($myrole, ['1', '9'])) { ?> <li><a href="users.php">Users</a></li> <?php } ?>
			<li><a href="settings.php">Settings</a></li>
			<li style="font-weight: bold;"><a href="account.php"><?php echo htmlspecialchars($_SESSION["username"]); ?></a></li>
			<li><a href="logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i></a></li>
		</ul>
	</nav>
	<ul class="submenu">
		<li><a href="clusters.php">Clusters</a></li>
		<li><a href="nodes.php">Nodes</a></li>
		<li><a class="active" href="vms.php">VMs</a></li>
	</ul>
	<div class="container" style="max-width:1500px;">
		<p style="float:right;"><button id="addBtn" class="stylish-button"><i class="fa-solid fa-square-plus"></i> CREATE VM</button></p>
		<div id="addModal" class="modal">
			<div class="modal-content"">
				<span class="close">&times;</span>
				<h2>Create New VM</h2>
				<br />
				<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
					<input type="hidden" name="csrf_token" value="<?php echo $csrfToken; ?>">
					<label for="memory">Memory (GB):</label>
					<input type="text" id="memory" name="memory" placeholder="4" required><br><br>
					<label for="cpu_cores">vCPU Cores:</label>
					<input type="text" id="cpu_cores" name="cpu_cores" placeholder="2" required><br><br>
					<label for="disk_space1">Disk Space (GB):</label>
					<input type="text" id="disk_space1" name="disk_space1" placeholder="50" required><br><br>
					<label for="cluster">Cluster:</label>
					<select name="cluster" style="text-align:center;">
					<?php foreach ($clusters as $cluster):?>
							<option value="<?php echo htmlspecialchars($cluster['cluster_id']);?>">
					<?php echo htmlspecialchars($cluster['friendlyname']);?>
						</option>
					<?php endforeach;?>
					</select><br /><br />
					<center><button type="submit" class="stylish-button"><i class="fa-solid fa-square-plus"></i> CREATE VM</button></center>
				</form>
			</div>
		</div>
		<h1>VMs</h1>
		<?php if(isset($success)) { ?>
			<div class="success-message"><?php echo $success; ?></div>
		<?php } ?>
		<?php if(isset($error)) { ?>
			<div class="error-message"><?php echo $error; ?></div>
		<?php } ?>
		<div class="table-container" style="max-width:1500px;">
		<input type="text" id="serverInput" oninput="filterServerTable()" placeholder="Search VMs">
		<table id="server_table">
			<thead>
				<tr>
					<th>Name</th>
					<th>Status</th>
					<th>Node</th>
				</tr>
			</thead>
			<tbody>
				<?php foreach ($servers as $server):
					$vm_id = $server['vm_id'];
					$hostname = $server['hostname'];
					$node = getNodeDetails($server['node_id']);
				?>
				<tr>
				<td class="tname"><a href="vm.php?id=<?php echo $vm_id; ?>"><?php echo $hostname; ?></a></td>
				<td><span class="ticon" style="padding-right:4px;">Status: </span>
					<div id="server-status-<?php echo $vm_id;?>">
					<img src="assets/loading.gif" height='16' width='16' alt="Loading...">
					</div>
				</td>
				<td></span><a href="node.php?id=<?php echo $node['node_id']; ?>"><?php echo $node['hostname']; ?></a></td>
				</tr>
				<?php endforeach;?>
			</tbody>
		</table>
		</div>
		<p style="text-align:center;padding:10px;font-weight:bold;"><a href="vms.php?state=all">View All</a></p>
	</div>
	<?php include('footer.php'); ?>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="assets/filtertable.js"></script>
	<script>
		// Get the modal
		var modal = document.getElementById("addModal");

		// Get the button that opens the modal
		var btn = document.getElementById("addBtn");

		// Get the <span> element that closes the modal
		var span = document.getElementsByClassName("close")[0];

		// When the user clicks the button, open the modal
		btn.onclick = function() {
			modal.style.display = "block";
		}

		// When the user clicks on <span> (x), close the modal
		span.onclick = function() {
			modal.style.display = "none";
		}

		// When the user clicks anywhere outside of the modal, close it
		window.onclick = function(event) {
			if(event.target == modal) {
				modal.style.display = "none";
			}
		}

		function updateVmStatus(vm_id,vmname,node_id) {
			const statusDiv = document.getElementById('server-status-' + vm_id);
			$.post("./get_vm_status.php", {
				vmname: vmname,
				node_id: node_id
			}, function(data) {
				if(data == "running") {
					statusDiv.innerHTML = "<img src='assets/online.png' height='16' width='16' alt='Running'>";
				} else {
					statusDiv.innerHTML = "<img src='assets/offline.png' height='16' width='16' alt='Stopped'>";
				}
			});
		}
		<?php foreach ($servers as $server):
			$node = getNodeDetails($server['node_id']);
		?>
			updateVmStatus('<?php echo $server['vm_id'];?>','<?php echo $server['name'];?>','<?php echo $server['node_id'];?>');
			setInterval(function() {
				updateVmStatus('<?php echo $server['vm_id'];?>','<?php echo $server['name'];?>','<?php echo $server['node_id'];?>');
			}, 15000);
		<?php endforeach;?>
	</script>
</body>
</html>