Fixed dropdown menu behavior.
Added loading of domain info and contacts on edit.
This commit is contained in:
+14
-6
@@ -9,11 +9,13 @@ document.addEventListener('click', function (event) {
|
|||||||
closeDropdowns();
|
closeDropdowns();
|
||||||
});
|
});
|
||||||
|
|
||||||
function closeDropdowns() {
|
function closeDropdowns(except) {
|
||||||
// Get all elements with class="dropdowns" and hide them
|
// Get all elements with class="dropdowns" and hide them
|
||||||
var dropdowns = document.getElementsByClassName("dropdown is-active");
|
var dropdowns = document.getElementsByClassName("dropdown is-active");
|
||||||
for (i = 0; i < dropdowns.length; i++) {
|
for (i = 0; i < dropdowns.length; i++) {
|
||||||
dropdowns[i].classList.remove('is-active');
|
if (dropdowns[i] != except) {
|
||||||
|
dropdowns[i].classList.remove('is-active');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -120,7 +122,7 @@ function addMyDomain(name, timestamp, data) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function refreshMyDomains() {
|
function refreshMyDomains() {
|
||||||
var card = '<div class="card is-clickable is-inline-block" onclick="editDomain(\'{domain}\');"><div class="card-content p-3"><div class="content is-small"><h3>{title}</h3><div class="tags">{tags}</div></div></div></div>';
|
var card = '<div class="card is-clickable is-inline-block" onclick="editDomain(\'{domain}\', event);"><div class="card-content p-3"><div class="content is-small"><h3>{title}</h3><div class="tags">{tags}</div></div></div></div>';
|
||||||
var tag = '<span class="tag" title="{ip}">{domain}</span>';
|
var tag = '<span class="tag" title="{ip}">{domain}</span>';
|
||||||
var cards = "";
|
var cards = "";
|
||||||
myDomains.forEach(function(value, index, array) {
|
myDomains.forEach(function(value, index, array) {
|
||||||
@@ -147,7 +149,7 @@ function refreshMyDomains() {
|
|||||||
document.getElementById("my_domains").innerHTML = cards;
|
document.getElementById("my_domains").innerHTML = cards;
|
||||||
}
|
}
|
||||||
|
|
||||||
function editDomain(domain) {
|
function editDomain(domain, event) {
|
||||||
myDomains.forEach(function(value, index, array) {
|
myDomains.forEach(function(value, index, array) {
|
||||||
if (domain != value.name) {
|
if (domain != value.name) {
|
||||||
return;
|
return;
|
||||||
@@ -161,7 +163,13 @@ function editDomain(domain) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
document.getElementById("new_domain").value = title.replace("." + domain_data.zone, "");
|
document.getElementById("new_domain").value = title.replace("." + domain_data.zone, "");
|
||||||
changeZone(domain_data.zone);
|
if (typeof domain_data.info !== 'undefined') {
|
||||||
|
document.getElementById("info_text").value = domain_data.info;
|
||||||
|
}
|
||||||
|
if (typeof domain_data.contacts !== 'undefined') {
|
||||||
|
document.getElementById("contacts_text").value = domain_data.contacts.join("\n");
|
||||||
|
}
|
||||||
|
changeZone(domain_data.zone, event);
|
||||||
refreshRecordsList();
|
refreshRecordsList();
|
||||||
showNewDomainDialog();
|
showNewDomainDialog();
|
||||||
});
|
});
|
||||||
@@ -199,7 +207,7 @@ function openTab(element, tabName) {
|
|||||||
|
|
||||||
function toggle(element, event) {
|
function toggle(element, event) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
closeDropdowns();
|
closeDropdowns(element);
|
||||||
element.classList.toggle('is-active');
|
element.classList.toggle('is-active');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user