Elgato_dark/bunkerweb
1
0
Fork 0
mirror of https://github.com/bunkerity/bunkerweb synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

multiple delete from UI working

Browse source
This commit is contained in:
Jordan Blasenhauer 2024-03-20 18:45:18 +01:00
parent bb5ac3a825
commit bec0036020
5 changed files with 135 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -9,6 +9,7 @@
- [BUGFIX] Fix Whitelist core plugin missing a check for empty server_name in multisite mode
- [BUGFIX] Fix Templator missing some common configs
- [BUGFIX] Database update with external plugins reupload
- [BUGFIX] UI delete or edit multiple setting
- [LINUX] Add logrotate support for the logs
- [UI] New : add bans management page in the web UI
- [UI] New : add blocked requests page in the web UI

2
src/ui/static/css/dashboard.css
View file

File diff suppressed because one or more lines are too long

59
src/ui/static/js/global_config.js
View file

@ -282,10 +282,58 @@ class Multiple {
.closest("button")
.hasAttribute(`data-${this.prefix}-multiple-delete`)
) {
// We are not removing it really, just hiding it and update values to defaut
// By setting default value, group will be send to server and delete (because a setting with default value is useless to keep)
const multContainer = e.target.closest(
`[data-${this.prefix}-settings-multiple]`,
);
multContainer.remove();
multContainer.classList.add("hidden-multiple");
// get setting container
const settings = multContainer.querySelectorAll(
`[data-setting-container]`,
);
settings.forEach((setting) => {
// for regular input
try {
const inps = setting.querySelectorAll("input");
inps.forEach((inp) => {
// case checkbox
if (inp.getAttribute("type") === "checkbox") {
const defaultVal = inp.getAttribute("data-default") || "";
if (defaultVal === "yes" && !inp.checked) {
inp.click();
}
}
// case regular
if (inp.getAttribute("type") !== "checkbox") {
const defaultVal = inp.getAttribute("data-default") || "";
inp.setAttribute("value", defaultVal);
inp.value = defaultVal;
}
});
} catch(e) {
}
// for select
try {
const selects = setting.querySelectorAll("button[data-setting-select]");
selects.forEach((select) => {
const defaultVal = select.getAttribute("data-default") || "";
select.querySelector('data-setting-select-text').setAttribute("data-value", defaultVal);
select.querySelector('data-setting-select-text').textContent = defaultVal;
const dropdown = document.querySelector(`[data-setting-select-dropdown="${select.getAttribute('data-setting-select')}"]`);
dropdown.querySelector(`button[value=${defaultVal}]`).click();
});
}catch(e)
{
}
});
}
//remove last child
} catch (err) {}
@ -472,6 +520,15 @@ class Multiple {
);
});
// rename label
const labelEls = schemaCtnrClone.querySelectorAll("label");
labelEls.forEach((label) => {
label.setAttribute(
"for",
label.getAttribute("for").replace("_SCHEMA", suffix),
);
});
//rename popover
const popoverBtns = schemaCtnrClone.querySelectorAll("[data-popover-btn]");
popoverBtns.forEach((popoverBtn) => {

85
src/ui/static/js/services.js
View file

@ -711,20 +711,68 @@ class Multiple {
//remove last child
} catch (err) {}
//REMOVE BTN
try {
if (
e.target
.closest("button")
.hasAttribute(`data-${this.prefix}-multiple-delete`)
) {
const multContainer = e.target.closest(
"[data-services-settings-multiple]",
);
multContainer.remove();
}
//remove last child
} catch (err) {}
//REMOVE BTN
try {
if (
e.target
.closest("button")
.hasAttribute(`data-${this.prefix}-multiple-delete`)
) {
// We are not removing it really, just hiding it and update values to defaut
// By setting default value, group will be send to server and delete (because a setting with default value is useless to keep)
const multContainer = e.target.closest(
`[data-${this.prefix}-settings-multiple]`,
);
multContainer.classList.add("hidden-multiple");
// get setting container
const settings = multContainer.querySelectorAll(
`[data-setting-container]`,
);
settings.forEach((setting) => {
// for regular input
try {
const inps = setting.querySelectorAll("input");
inps.forEach((inp) => {
// case checkbox
if (inp.getAttribute("type") === "checkbox") {
const defaultVal = inp.getAttribute("data-default") || "";
if (defaultVal === "yes" && !inp.checked) {
inp.click();
}
}
// case regular
if (inp.getAttribute("type") !== "checkbox") {
const defaultVal = inp.getAttribute("data-default") || "";
inp.setAttribute("value", defaultVal);
inp.value = defaultVal;
}
});
} catch(e) {
}
// for select
try {
const selects = setting.querySelectorAll("button[data-setting-select]");
selects.forEach((select) => {
const defaultVal = select.getAttribute("data-default") || "";
select.querySelector('data-setting-select-text').setAttribute("data-value", defaultVal);
select.querySelector('data-setting-select-text').textContent = defaultVal;
const dropdown = document.querySelector(`[data-setting-select-dropdown="${select.getAttribute('data-setting-select')}"]`);
dropdown.querySelector(`button[value=${defaultVal}]`).click();
});
}catch(e)
{
}
});
}
//remove last child
} catch (err) {}
});
}
@ -907,6 +955,15 @@ class Multiple {
);
});
// rename label
const labelEls = schemaCtnrClone.querySelectorAll("label");
labelEls.forEach((label) => {
label.setAttribute(
"for",
label.getAttribute("for").replace("_SCHEMA", suffix),
);
});
//rename popover
const popoverBtns = schemaCtnrClone.querySelectorAll("[data-popover-btn]");
popoverBtns.forEach((popoverBtn) => {

4
src/ui/styles.css
View file

@ -106,6 +106,10 @@
.popover-settings-svg-multiple {
@apply cursor-pointer fill-orange-500 dark:stroke-gray-500 stroke-gray-700 h-5.5 w-5.5 ml-2 hover:brightness-75;
}
.hidden-multiple {
@apply !hidden;
}
/*--------------------------------------------*/
/*---------------END SETTINGS_PLUGINS---------*/
/*---------------------------------------------*/