Karl/KTVManager_UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show current entries in dns

Browse Source
This commit is contained in:
Karl 2025-07-19 10:20:47 +01:00
parent 7f42202383
commit 21c48d0b6a
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
templates/config_dashboard.html
View File

@ -21,9 +21,17 @@
</div> </div>
</div> </div>
</div> </div>
<ul class="list-group list-group-flush" id="dns-list"> <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 --> <!-- DNS entries will be loaded here -->
</ul> </tbody>
</table>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
@ -33,7 +41,7 @@
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// DNS Manager // DNS Manager
const dnsList = document.getElementById('dns-list'); const dnsListTableBody = document.getElementById('dns-list-table-body');
const addDnsBtn = document.getElementById('add-dns-btn'); const addDnsBtn = document.getElementById('add-dns-btn');
const dnsEntryInput = document.getElementById('dns-entry-input'); const dnsEntryInput = document.getElementById('dns-entry-input');
@ -41,20 +49,24 @@
fetch("{{ config.BASE_URL }}/dns") fetch("{{ config.BASE_URL }}/dns")
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
dnsList.innerHTML = ''; dnsListTableBody.innerHTML = '';
if (data.length === 0) { 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 { } else {
data.forEach(entry => { data.forEach(entry => {
const li = document.createElement('li'); const row = dnsListTableBody.insertRow();
li.className = 'list-group-item d-flex justify-content-between align-items-center'; const entryCell = row.insertCell();
li.textContent = entry; entryCell.textContent = entry;
const actionCell = row.insertCell();
const removeBtn = document.createElement('button'); const removeBtn = document.createElement('button');
removeBtn.className = 'btn btn-danger btn-sm'; removeBtn.className = 'btn btn-danger btn-sm';
removeBtn.textContent = 'Remove'; removeBtn.textContent = 'Delete';
removeBtn.addEventListener('click', () => removeDnsEntry(entry)); removeBtn.addEventListener('click', () => removeDnsEntry(entry));
li.appendChild(removeBtn); actionCell.appendChild(removeBtn);
dnsList.appendChild(li);
}); });
} }
}); });