|
@@ -20091,6 +20091,7 @@ function renderBfdPeers() {
|
|
|
<td class="py-1.5 px-3 text-slate-400 italic">${escapeHtml(p.comment || '')}</td>
|
|
<td class="py-1.5 px-3 text-slate-400 italic">${escapeHtml(p.comment || '')}</td>
|
|
|
<td class="py-1.5 px-3 font-mono font-semibold text-amber-300">${escapeHtml(p.address || '')}</td>
|
|
<td class="py-1.5 px-3 font-mono font-semibold text-amber-300">${escapeHtml(p.address || '')}</td>
|
|
|
<td class="py-1.5 px-3 font-mono text-slate-300">${escapeHtml(p.interface || 'auto')}</td>
|
|
<td class="py-1.5 px-3 font-mono text-slate-300">${escapeHtml(p.interface || 'auto')}</td>
|
|
|
|
|
+ <td class="py-1.5 px-3 font-mono text-cyan-300">${escapeHtml(p.local_address || 'auto')}</td>
|
|
|
<td class="py-1.5 px-3 text-slate-400">${p.multihop ? 'yes' : 'no'}</td>
|
|
<td class="py-1.5 px-3 text-slate-400">${p.multihop ? 'yes' : 'no'}</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
`;
|
|
`;
|
|
@@ -20224,6 +20225,8 @@ function openBfdPeerModal() {
|
|
|
}
|
|
}
|
|
|
document.getElementById('modal-bfd-peer-address').value = '';
|
|
document.getElementById('modal-bfd-peer-address').value = '';
|
|
|
document.getElementById('modal-bfd-peer-interface').value = '';
|
|
document.getElementById('modal-bfd-peer-interface').value = '';
|
|
|
|
|
+ const localAddrEl = document.getElementById('modal-bfd-peer-local-address');
|
|
|
|
|
+ if (localAddrEl) localAddrEl.value = '';
|
|
|
document.getElementById('modal-bfd-peer-comment').value = '';
|
|
document.getElementById('modal-bfd-peer-comment').value = '';
|
|
|
document.getElementById('modal-bfd-peer-enabled').checked = true;
|
|
document.getElementById('modal-bfd-peer-enabled').checked = true;
|
|
|
document.getElementById('modal-bfd-peer-multihop').checked = false;
|
|
document.getElementById('modal-bfd-peer-multihop').checked = false;
|
|
@@ -20241,6 +20244,8 @@ function openEditBfdPeerModal(id) {
|
|
|
}
|
|
}
|
|
|
document.getElementById('modal-bfd-peer-address').value = p.address || '';
|
|
document.getElementById('modal-bfd-peer-address').value = p.address || '';
|
|
|
document.getElementById('modal-bfd-peer-interface').value = p.interface || '';
|
|
document.getElementById('modal-bfd-peer-interface').value = p.interface || '';
|
|
|
|
|
+ const localAddrEl = document.getElementById('modal-bfd-peer-local-address');
|
|
|
|
|
+ if (localAddrEl) localAddrEl.value = p.local_address || '';
|
|
|
document.getElementById('modal-bfd-peer-comment').value = p.comment || '';
|
|
document.getElementById('modal-bfd-peer-comment').value = p.comment || '';
|
|
|
document.getElementById('modal-bfd-peer-enabled').checked = !p.disabled;
|
|
document.getElementById('modal-bfd-peer-enabled').checked = !p.disabled;
|
|
|
document.getElementById('modal-bfd-peer-multihop').checked = !!p.multihop;
|
|
document.getElementById('modal-bfd-peer-multihop').checked = !!p.multihop;
|
|
@@ -20254,10 +20259,12 @@ function closeBfdPeerModal() {
|
|
|
async function submitBfdPeer(e) {
|
|
async function submitBfdPeer(e) {
|
|
|
e.preventDefault();
|
|
e.preventDefault();
|
|
|
const id = document.getElementById('modal-bfd-peer-id').value;
|
|
const id = document.getElementById('modal-bfd-peer-id').value;
|
|
|
|
|
+ const localAddr = document.getElementById('modal-bfd-peer-local-address')?.value.trim() || '';
|
|
|
const payload = {
|
|
const payload = {
|
|
|
id: id || undefined,
|
|
id: id || undefined,
|
|
|
address: document.getElementById('modal-bfd-peer-address').value.trim(),
|
|
address: document.getElementById('modal-bfd-peer-address').value.trim(),
|
|
|
interface: document.getElementById('modal-bfd-peer-interface').value.trim(),
|
|
interface: document.getElementById('modal-bfd-peer-interface').value.trim(),
|
|
|
|
|
+ local_address: localAddr,
|
|
|
comment: document.getElementById('modal-bfd-peer-comment').value.trim(),
|
|
comment: document.getElementById('modal-bfd-peer-comment').value.trim(),
|
|
|
disabled: !document.getElementById('modal-bfd-peer-enabled').checked,
|
|
disabled: !document.getElementById('modal-bfd-peer-enabled').checked,
|
|
|
multihop: document.getElementById('modal-bfd-peer-multihop').checked
|
|
multihop: document.getElementById('modal-bfd-peer-multihop').checked
|