Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Format file with Prettier #165

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+93 −86
Open

Format file with Prettier #165

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
179 changes: 93 additions & 86 deletions src/main/resources/hudson/security/table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,105 +7,112 @@ function matrixAuthEscapeHtml(html) {
/*
* This handles the addition of new users/groups to the list.
*/
Behaviour.specify(".matrix-auth-add-button", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
Behaviour.specify(".matrix-auth-add-button", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
e.onclick = function (e) {
const dataReference = e.target;
const master = document.getElementById(dataReference.getAttribute('data-table-id'));
const master = document.getElementById(dataReference.getAttribute("data-table-id"));
const table = master.parentNode;
const type = dataReference.getAttribute('data-type');
const typeLabel = dataReference.getAttribute('data-type-label');
const type = dataReference.getAttribute("data-type");
const typeLabel = dataReference.getAttribute("data-type-label");

dialog.prompt(dataReference.getAttribute('data-message-title'), {
message: dataReference.getAttribute('data-message-prompt')
}).then ((name) => {
if (findElementsBySelector(table, "TR").find(function(n){
return n.getAttribute("name") === '[' + type + ':' + name + ']';
}) != null) {
dialog.alert(dataReference.getAttribute('data-message-error'));
return;
}
dialog
.prompt(dataReference.getAttribute("data-message-title"), {
message: dataReference.getAttribute("data-message-prompt"),
})
.then(
(name) => {
if (
findElementsBySelector(table, "TR").find(function (n) {
return n.getAttribute("name") === "[" + type + ":" + name + "]";
}) != null
) {
dialog.alert(dataReference.getAttribute("data-message-error"));
return;
}

const copy = document.importNode(master, true);
copy.removeAttribute("id");
copy.removeAttribute("style");
copy.firstChild.innerHTML = matrixAuthEscapeHtml(name); // TODO consider setting innerText
copy.setAttribute("name", '[' + type + ':' + name + ']');
const copy = document.importNode(master, true);
copy.removeAttribute("id");
copy.removeAttribute("style");
copy.firstChild.innerHTML = matrixAuthEscapeHtml(name); // TODO consider setting innerText
copy.setAttribute("name", "[" + type + ":" + name + "]");

for (let child = copy.firstChild; child !== null; child = child.nextSibling) {
if (child.hasAttribute('data-permission-id')) {
child.setAttribute("data-tooltip-enabled", child.getAttribute("data-tooltip-enabled").replace("__SID__", name).replace("__TYPE__", typeLabel));
child.setAttribute("data-tooltip-disabled", child.getAttribute("data-tooltip-disabled").replace("__SID__", name).replace("__TYPE__", typeLabel));
}
}
for (let child = copy.firstChild; child !== null; child = child.nextSibling) {
if (child.hasAttribute("data-permission-id")) {
child.setAttribute("data-tooltip-enabled", child.getAttribute("data-tooltip-enabled").replace("__SID__", name).replace("__TYPE__", typeLabel));
child.setAttribute("data-tooltip-disabled", child.getAttribute("data-tooltip-disabled").replace("__SID__", name).replace("__TYPE__", typeLabel));
}
}

const tooltipAttributeName = 'data-html-tooltip';
const tooltipAttributeName = "data-html-tooltip";

findElementsBySelector(copy, ".stop a").forEach(function(item) {
// TODO Clean this up, `title` should be long obsolete.
let oldTitle = item.getAttribute("title");
if (oldTitle !== null) {
item.setAttribute("title", oldTitle.replace("__SID__", name).replace("__TYPE__", typeLabel));
}
item.setAttribute(tooltipAttributeName, item.getAttribute(tooltipAttributeName).replace("__SID__", name).replace("__TYPE__", typeLabel));
});
findElementsBySelector(copy, ".stop a").forEach(function (item) {
// TODO Clean this up, `title` should be long obsolete.
let oldTitle = item.getAttribute("title");
if (oldTitle !== null) {
item.setAttribute("title", oldTitle.replace("__SID__", name).replace("__TYPE__", typeLabel));
}
item.setAttribute(tooltipAttributeName, item.getAttribute(tooltipAttributeName).replace("__SID__", name).replace("__TYPE__", typeLabel));
});

findElementsBySelector(copy, "input[type=checkbox]").forEach(function(item) {
const tooltip = item.nextSibling.getAttribute(tooltipAttributeName);
if (tooltip) {
item.nextSibling.setAttribute(tooltipAttributeName, tooltip.replace("__SID__", name).replace("__TYPE__", typeLabel));
} else {
// TODO Clean this up, `title` should be long obsolete.
item.nextSibling.setAttribute("title", item.getAttribute("title").replace("__SID__", name).replace("__TYPE__", typeLabel));
}
});
table.appendChild(copy);
Behaviour.applySubtree(findAncestor(table, "TABLE"), true);
}, () => {});
}
findElementsBySelector(copy, "input[type=checkbox]").forEach(function (item) {
const tooltip = item.nextSibling.getAttribute(tooltipAttributeName);
if (tooltip) {
item.nextSibling.setAttribute(tooltipAttributeName, tooltip.replace("__SID__", name).replace("__TYPE__", typeLabel));
} else {
// TODO Clean this up, `title` should be long obsolete.
item.nextSibling.setAttribute("title", item.getAttribute("title").replace("__SID__", name).replace("__TYPE__", typeLabel));
}
});
table.appendChild(copy);
Behaviour.applySubtree(findAncestor(table, "TABLE"), true);
},
() => {},
);
};
});

/*
* Behavior for the element removing a permission assignment row for a user/group
*/
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.remove", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
e.onclick = function() {
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.remove", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
e.onclick = function () {
// Run ambiguity warning removal code: If all ambiguous rows are deleted, the warning needs to go as well
// Order of operations: Find table ancestor, remove row, iterate over leftover rows
const table = findAncestor(this, "TABLE");

const tr = findAncestor(this, "TR");
tr.parentNode.removeChild(tr);

const tableRows = table.getElementsByTagName('tr');
const tableRows = table.getElementsByTagName("tr");

let hasAmbiguousRows = false;

for (let i = 0; i < tableRows.length; i++) {
if (tableRows[i].getAttribute('name') !== null && tableRows[i].getAttribute('name').startsWith('[EITHER')) {
if (tableRows[i].getAttribute("name") !== null && tableRows[i].getAttribute("name").startsWith("[EITHER")) {
hasAmbiguousRows = true;
}
}
if (!hasAmbiguousRows) {
const alertElements = document.getElementsByClassName("alert");
for (let i = 0; i < alertElements.length; i++) {
if (alertElements[i].hasAttribute('data-table-id') && alertElements[i].getAttribute('data-table-id') === table.getAttribute('data-table-id')) {
alertElements[i].style.display = 'none'; // TODO animate this?
if (alertElements[i].hasAttribute("data-table-id") && alertElements[i].getAttribute("data-table-id") === table.getAttribute("data-table-id")) {
alertElements[i].style.display = "none"; // TODO animate this?
}
}
}

return false;
}
};
});

/*
* Behavior for 'Select all' element that exists for each row of permissions checkboxes
*/
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.selectall", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
e.onclick = function() {
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.selectall", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
e.onclick = function () {
const tr = findAncestor(this, "TR");
const inputs = tr.getElementsByTagName("INPUT");
for (let i=0; i < inputs.length; i++) {
for (let i = 0; i < inputs.length; i++) {
if (inputs[i].type === "checkbox") {
inputs[i].checked = true;
}
Expand All @@ -118,8 +125,8 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.selecta
/*
* Behavior for 'Unselect all' element that exists for each row of permissions checkboxes
*/
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.unselectall", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
e.onclick = function() {
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.unselectall", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
e.onclick = function () {
const tr = findAncestor(this, "TR");
const inputs = tr.getElementsByTagName("INPUT");
for (let i = 0; i < inputs.length; i++) {
Expand All @@ -135,21 +142,21 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.unselec
/*
* Behavior for 'Migrate to user' element that exists for each ambiguous row
*/
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
e.onclick = function() {
Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
e.onclick = function () {
const tr = findAncestor(this, "TR");
const name = tr.getAttribute('name');
const name = tr.getAttribute("name");

let newName = name.replace('[EITHER:', '[USER:'); // migrate_user behavior
if (this.classList.contains('migrate_group')) {
newName = name.replace('[EITHER:', '[GROUP:');
let newName = name.replace("[EITHER:", "[USER:"); // migrate_user behavior
if (this.classList.contains("migrate_group")) {
newName = name.replace("[EITHER:", "[GROUP:");
}

const table = findAncestor(this, "TABLE");
const tableRows = table.getElementsByTagName('tr');
const tableRows = table.getElementsByTagName("tr");
let newNameElement = null;
for (let i = 0; i < tableRows.length; i++) {
if (tableRows[i].getAttribute('name') === newName) {
if (tableRows[i].getAttribute("name") === newName) {
newNameElement = tableRows[i];
break;
}
Expand All @@ -160,12 +167,12 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate
}
if (newNameElement == null) {
// no row for this name exists yet, so transform the ambiguous row to unambiguous
tr.setAttribute('name', newName);
tr.removeAttribute('data-checked');
tr.setAttribute("name", newName);
tr.removeAttribute("data-checked");

// remove migration buttons from updated row
const buttonContainer = findAncestor(this, "DIV");
const migrateButtons = buttonContainer.getElementsByClassName('migrate');
const migrateButtons = buttonContainer.getElementsByClassName("migrate");
for (let i = migrateButtons.length - 1; i >= 0; i--) {
buttonContainer.removeChild(migrateButtons[i]);
}
Expand All @@ -175,11 +182,11 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate
// migrate permissions from this row
const ambiguousPermissionInputs = tr.getElementsByTagName("INPUT");
const unambiguousPermissionInputs = newNameElement.getElementsByTagName("INPUT");
for (let i = 0; i < ambiguousPermissionInputs.length; i++){
for (let i = 0; i < ambiguousPermissionInputs.length; i++) {
if (ambiguousPermissionInputs[i].type === "checkbox") {
unambiguousPermissionInputs[i].checked |= ambiguousPermissionInputs[i].checked;
}
newNameElement.classList.add('highlight-entry');
newNameElement.classList.add("highlight-entry");
}

// remove this row
Expand All @@ -190,15 +197,15 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate
let hasAmbiguousRows = false;

for (let i = 0; i < tableRows.length; i++) {
if (tableRows[i].getAttribute('name') !== null && tableRows[i].getAttribute('name').startsWith('[EITHER')) {
if (tableRows[i].getAttribute("name") !== null && tableRows[i].getAttribute("name").startsWith("[EITHER")) {
hasAmbiguousRows = true;
}
}
if (!hasAmbiguousRows) {
let alertElements = document.getElementsByClassName("alert");
for (let i = 0; i < alertElements.length; i++) {
if (alertElements[i].hasAttribute('data-table-id') && alertElements[i].getAttribute('data-table-id') === table.getAttribute('data-table-id')) {
alertElements[i].style.display = 'none'; // TODO animate this?
if (alertElements[i].hasAttribute("data-table-id") && alertElements[i].getAttribute("data-table-id") === table.getAttribute("data-table-id")) {
alertElements[i].style.display = "none"; // TODO animate this?
}
}
}
Expand All @@ -210,20 +217,20 @@ Behaviour.specify(".global-matrix-authorization-strategy-table TD.stop A.migrate
/*
* Whenever permission assignments change, this ensures that implied permissions get their checkboxes disabled.
*/
Behaviour.specify(".global-matrix-authorization-strategy-table td input", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
Behaviour.specify(".global-matrix-authorization-strategy-table td input", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
const table = findAncestor(e, "TABLE");
if (table.classList.contains('read-only')) {
if (table.classList.contains("read-only")) {
// if this is a read-only UI (ExtendedRead / SystemRead), do not enable checkboxes
return;
}

const tooltipAttributeName = 'data-html-tooltip';
const tooltipAttributeName = "data-html-tooltip";

const impliedByString = findAncestor(e, "TD").getAttribute('data-implied-by-list');
const impliedByString = findAncestor(e, "TD").getAttribute("data-implied-by-list");
const impliedByList = impliedByString.split(" ");
const tr = findAncestor(e, "TR");
e.disabled = false;
let tooltip = matrixAuthEscapeHtml(findAncestor(e, "TD").getAttribute('data-tooltip-enabled'));
let tooltip = matrixAuthEscapeHtml(findAncestor(e, "TD").getAttribute("data-tooltip-enabled"));
e.nextSibling.setAttribute(tooltipAttributeName, tooltip);

for (let i = 0; i < impliedByList.length; i++) {
Expand All @@ -232,13 +239,13 @@ Behaviour.specify(".global-matrix-authorization-strategy-table td input", 'Globa
if (reference !== null) {
if (reference.checked) {
e.disabled = true;
let tooltip = matrixAuthEscapeHtml(findAncestor(e, "TD").getAttribute('data-tooltip-disabled'));
let tooltip = matrixAuthEscapeHtml(findAncestor(e, "TD").getAttribute("data-tooltip-disabled"));
e.nextSibling.setAttribute(tooltipAttributeName, tooltip);
}
}
}

e.onchange = function() {
e.onchange = function () {
Behaviour.applySubtree(findAncestor(this, "TABLE"), true);
return true;
};
Expand All @@ -247,12 +254,12 @@ Behaviour.specify(".global-matrix-authorization-strategy-table td input", 'Globa
/*
* Each newly added row needs to have the name checked. Triggered by explicit Behaviour#applySubtree calls elsewhere.
*/
Behaviour.specify(".global-matrix-authorization-strategy-table TR.permission-row", 'GlobalMatrixAuthorizationStrategy', 0, function(e) {
if (e.getAttribute('name') === '__unused__') {
Behaviour.specify(".global-matrix-authorization-strategy-table TR.permission-row", "GlobalMatrixAuthorizationStrategy", 0, function (e) {
if (e.getAttribute("name") === "__unused__") {
return;
}
if (!e.hasAttribute('data-checked')) {
FormChecker.delayedCheck(e.getAttribute('data-descriptor-url') + "/checkName?value=" + encodeURIComponent(e.getAttribute("name")), "GET", e.firstChild);
e.setAttribute('data-checked', 'true');
if (!e.hasAttribute("data-checked")) {
FormChecker.delayedCheck(e.getAttribute("data-descriptor-url") + "/checkName?value=" + encodeURIComponent(e.getAttribute("name")), "GET", e.firstChild);
e.setAttribute("data-checked", "true");
}
});
Loading