show current entries in dns
This commit is contained in:
parent
7f42202383
commit
21c48d0b6a
@ -21,9 +21,17 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush" id="dns-list">
|
||||
<!-- DNS entries will be loaded here -->
|
||||
</ul>
|
||||
<table class="table table-striped mt-3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>DNS Entry</th>
|
||||
<th style="width: 10%;">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="dns-list-table-body">
|
||||
<!-- DNS entries will be loaded here -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -33,7 +41,7 @@
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// DNS Manager
|
||||
const dnsList = document.getElementById('dns-list');
|
||||
const dnsListTableBody = document.getElementById('dns-list-table-body');
|
||||
const addDnsBtn = document.getElementById('add-dns-btn');
|
||||
const dnsEntryInput = document.getElementById('dns-entry-input');
|
||||
|
||||
@ -41,20 +49,24 @@
|
||||
fetch("{{ config.BASE_URL }}/dns")
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
dnsList.innerHTML = '';
|
||||
dnsListTableBody.innerHTML = '';
|
||||
if (data.length === 0) {
|
||||
dnsList.innerHTML = '<li class="list-group-item">No DNS entries found.</li>';
|
||||
const row = dnsListTableBody.insertRow();
|
||||
const cell = row.insertCell();
|
||||
cell.colSpan = 2;
|
||||
cell.textContent = 'No DNS entries found.';
|
||||
cell.classList.add('text-center');
|
||||
} else {
|
||||
data.forEach(entry => {
|
||||
const li = document.createElement('li');
|
||||
li.className = 'list-group-item d-flex justify-content-between align-items-center';
|
||||
li.textContent = entry;
|
||||
const row = dnsListTableBody.insertRow();
|
||||
const entryCell = row.insertCell();
|
||||
entryCell.textContent = entry;
|
||||
const actionCell = row.insertCell();
|
||||
const removeBtn = document.createElement('button');
|
||||
removeBtn.className = 'btn btn-danger btn-sm';
|
||||
removeBtn.textContent = 'Remove';
|
||||
removeBtn.textContent = 'Delete';
|
||||
removeBtn.addEventListener('click', () => removeDnsEntry(entry));
|
||||
li.appendChild(removeBtn);
|
||||
dnsList.appendChild(li);
|
||||
actionCell.appendChild(removeBtn);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
Loading…
x
Reference in New Issue
Block a user