96 lines
3.0 KiB
HTML
Executable File
96 lines
3.0 KiB
HTML
Executable File
<div class="portlet light portlet-fit portlet-datatable bordered ">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="icon-list font-dark"></i>
|
|
<span class="caption-subject font-dark uppercase">Java processes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portlet-body" style="overflow: auto;">
|
|
<p>There are {echo count($processes)} long processes</p>
|
|
<form action="" method="POST">
|
|
<button type="submit" class="btn btn-outline btn-sm red stop-process">
|
|
<i class="fa fa-stop"></i> Terminate selected
|
|
</button>
|
|
|
|
<!-- Search Bar -->
|
|
<input type="text" id="commandSearch" placeholder="Search by command" onkeyup="searchCommand()" style="margin-bottom: 10px; padding: 5px;">
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<input type="checkbox" id="selectAll"> Select All
|
|
</th>
|
|
<th>ID</th>
|
|
<th>Command</th>
|
|
<th>Time</th>
|
|
<th>CPU</th>
|
|
<th>Memory</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="processTable">
|
|
{foreach $process in $processes}
|
|
<tr class="processRow" onclick="toggleCheckbox(this)">
|
|
<td>
|
|
<!-- Individual Process Checkbox -->
|
|
<input type="checkbox" name="processesToTerminate[]" value="{echo $process['process_id']}" class="processCheckbox">
|
|
</td>
|
|
<td>{echo $process['process_id']}</td>
|
|
<td>{echo $process['command']}</td>
|
|
<td>{echo $process['time']}</td>
|
|
<td>{echo $process['cpu']}</td>
|
|
<td>{echo $process['mem']}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
/* Define a style for the table element */
|
|
table {
|
|
border-collapse: collapse; /* Remove the space between the table cells */
|
|
width: 100%; /* Set the table width to 100% of the parent element */
|
|
margin-top: 16px;
|
|
}
|
|
|
|
/* Define a style for the table header cells */
|
|
th {
|
|
background-color: #2267a1; /* Set the background color to light blue */
|
|
border: 1px solid black; /* Add a 1px black border around the cells */
|
|
padding: 5px; /* Add some space between the border and the content */
|
|
text-align: left; /* Align the text to the left */
|
|
color: white;
|
|
}
|
|
|
|
/* Define a style for the table data cells */
|
|
td {
|
|
border: 1px solid black; /* Add a 1px black border around the cells */
|
|
padding: 5px; /* Add some space between the border and the content */
|
|
text-align: left; /* Align the text to the left */
|
|
}
|
|
|
|
button {
|
|
border: none; /* Remove the default border */
|
|
padding: 10px 20px; /* Add some space between the border and the content */
|
|
color: white; /* Set the text color to white */
|
|
font-family: Arial, sans-serif; /* Set the font family to Arial */
|
|
font-size: 12px; /* Set the font size to 16px */
|
|
cursor: pointer; /* Change the cursor to a pointer when hovering over the button */
|
|
}
|
|
|
|
/* Define a style for the button element when hovered */
|
|
button:hover {
|
|
}
|
|
</style>
|
|
<style>
|
|
</style>
|
|
|
|
</div> |