Hover over row

This commit is contained in:
Magnus Åhall 2026-02-25 16:54:39 +01:00
parent ad7bc0345a
commit 52bd8b34b3
2 changed files with 38 additions and 7 deletions

View file

@ -357,6 +357,15 @@ class Record {
this.divValue.classList.add('value')
this.divTTL.classList.add('ttl')
this.divFQDN.addEventListener('mouseenter', ()=>this.mouseEnter())
this.divFQDN.addEventListener('mouseleave', ()=>this.mouseLeave())
this.divType.addEventListener('mouseenter', ()=>this.mouseEnter())
this.divType.addEventListener('mouseleave', ()=>this.mouseLeave())
this.divValue.addEventListener('mouseenter', ()=>this.mouseEnter())
this.divValue.addEventListener('mouseleave', ()=>this.mouseLeave())
this.divTTL.addEventListener('mouseenter', ()=>this.mouseEnter())
this.divTTL.addEventListener('mouseleave', ()=>this.mouseLeave())
this.divType.innerHTML = `<div></div>`
this.divFQDN.innerHTML = `
<span class="subdomains">*.</span>
@ -397,6 +406,19 @@ class Record {
return [this.imgIcon, this.divFQDN, this.divType, this.divValue, this.divTTL]
}// }}}
mouseEnter() {
this.divFQDN.classList.add('mouse-over')
this.divType.classList.add('mouse-over')
this.divValue.classList.add('mouse-over')
this.divTTL.classList.add('mouse-over')
}
mouseLeave() {
this.divFQDN.classList.remove('mouse-over')
this.divType.classList.remove('mouse-over')
this.divValue.classList.remove('mouse-over')
this.divTTL.classList.remove('mouse-over')
}
save() {// {{{
const created = (this.id() == '')