You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.0 KiB
63 lines
2.0 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Service List</title>
|
|
|
|
<!-- Bootstrap 5 -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Load CSS từ thư mục static -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container p-4">
|
|
<h1 class="text-center text-white">🚀 Service List 🚀</h1>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-bordered text-center">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>Service Name</th>
|
|
<th>Command</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for service in listService %}
|
|
<tr>
|
|
<td><strong>{{ service.name }}</strong></td>
|
|
<td><code class="text-primary">{{ service.command }}</code></td>
|
|
<td>
|
|
<button class="btn btn-success btn-sm run-btn" data-command="{{ service.command }}">
|
|
Run
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Hiển thị kết quả -->
|
|
<div class="mt-4">
|
|
<h5 class="text-white">Command Output:</h5>
|
|
<pre id="commandOutput" class="bg-dark text-white p-3 rounded"></pre>
|
|
</div>
|
|
</div>
|
|
<!-- Container hiển thị Toast -->
|
|
<div id="toastContainer" class="position-fixed top-0 end-0 p-3" style="z-index: 1050;"></div>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Load JavaScript từ file tĩnh -->
|
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
|
|
|
</body>
|
|
|
|
</html> |