40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import { toast } from './toast.js'
|
|
|
|
const mapping = {}
|
|
|
|
document.querySelector('form#images').addEventListener('submit', async (e) => {
|
|
e.preventDefault()
|
|
try {
|
|
const res = await fetch('/' + basePath + 'api/plugins/netbox_topology_views/images/save/', {
|
|
method: 'POST',
|
|
body: JSON.stringify(mapping),
|
|
headers: {
|
|
'X-CSRFToken': window.CSRF_TOKEN,
|
|
'Content-Type': 'application/json'
|
|
}
|
|
})
|
|
|
|
if (!res.ok) throw new Error(await res.text())
|
|
toast.success('Saved settings')
|
|
} catch (err) {
|
|
console.dir(err)
|
|
toast.error(err.message)
|
|
}
|
|
})
|
|
|
|
document.querySelectorAll('form#images .dropdown-menu img').forEach((el) => {
|
|
el.addEventListener('click', (e) => {
|
|
if (!(e.currentTarget instanceof HTMLElement)) return
|
|
const {
|
|
dataset: { role, image }
|
|
} = e.currentTarget
|
|
|
|
mapping[role] = image
|
|
|
|
const button = e.currentTarget
|
|
.closest('.dropdown')
|
|
?.querySelector(`#dropdownMenuButton${role}`)
|
|
if (button) button.innerHTML = `<img src="${image}" />`
|
|
})
|
|
})
|