85d8f52789
* Hide blocked users' content appropriately * Use RESTful create route * Update functionality to block the user * Fix specs for new route * Use const instead of var * Add noopener and noreferrer * Remove caching for blocked user ids * Add new rule for lack of noopener noreferrer * Update snapshot
107 lines
3.2 KiB
JavaScript
107 lines
3.2 KiB
JavaScript
/* eslint-disable no-alert */
|
|
|
|
export default function initBlock() {
|
|
const blockButton = document.getElementById(
|
|
'user-profile-dropdownmenu-block-button',
|
|
);
|
|
if (!blockButton) { // button not always present when this is called
|
|
return
|
|
}
|
|
const { profileUserId } = blockButton.dataset;
|
|
|
|
function unblock() {
|
|
fetch(`/user_blocks/${profileUserId}`, {
|
|
method: 'DELETE',
|
|
headers: {
|
|
Accept: 'application/json',
|
|
'X-CSRF-Token': window.csrfToken,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
user_block: {
|
|
blocked_id: profileUserId,
|
|
},
|
|
}),
|
|
})
|
|
.then(response => response.json())
|
|
.then(response => {
|
|
if (response.result === 'unblocked') {
|
|
blockButton.innerText = 'Block';
|
|
/* eslint-disable-next-line no-use-before-define */
|
|
blockButton.addEventListener('click', block, { once: true });
|
|
} else if (response.status === 422) {
|
|
window.alert(
|
|
`Something went wrong: ${response.error} -- Please refresh the page to try again.`,
|
|
);
|
|
}
|
|
})
|
|
.catch(e => {
|
|
window.alert(
|
|
`Something went wrong: ${e}. -- Please refresh the page to try again.`,
|
|
);
|
|
});
|
|
}
|
|
|
|
function block() {
|
|
const confirmBlock = window.confirm(
|
|
`Are you sure you want to block this person? This will:
|
|
- prevent them from commenting on your posts
|
|
- block all notifications from them
|
|
- prevent them from messaging you via DEV Connect`,
|
|
);
|
|
if (confirmBlock) {
|
|
fetch(`/user_blocks`, {
|
|
method: 'POST',
|
|
headers: {
|
|
Accept: 'application/json',
|
|
'X-CSRF-Token': window.csrfToken,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
user_block: {
|
|
blocked_id: profileUserId,
|
|
},
|
|
}),
|
|
})
|
|
.then(response => response.json())
|
|
.then(response => {
|
|
if (response.result === 'blocked') {
|
|
blockButton.innerText = 'Unblock';
|
|
blockButton.addEventListener('click', unblock, { once: true });
|
|
} else if (response.status === 422) {
|
|
window.alert(
|
|
`Something went wrong: ${response.error}. -- Please refresh the page to try again.`,
|
|
);
|
|
}
|
|
})
|
|
.catch(e => {
|
|
window.alert(
|
|
`Something went wrong: ${e}. -- Please refresh the page to try again.`,
|
|
);
|
|
});
|
|
} else {
|
|
blockButton.addEventListener('click', block, { once: true });
|
|
}
|
|
}
|
|
|
|
// userData() is a global function
|
|
/* eslint-disable-next-line no-undef */
|
|
const currentUserId = userData().id;
|
|
|
|
if (currentUserId === parseInt(profileUserId, 10)) {
|
|
blockButton.style.display = 'none';
|
|
} else {
|
|
fetch(`/user_blocks/${profileUserId}`)
|
|
.then(response => response.json())
|
|
.then(response => {
|
|
if (response.result === 'blocking') {
|
|
blockButton.innerText = 'Unblock';
|
|
blockButton.addEventListener('click', unblock, { once: true });
|
|
} else {
|
|
blockButton.addEventListener('click', block, { once: true });
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/* eslint-enable no-alert */
|