ea3bc697e2
* Removing a JS message about connect Related to forem/forem#14734 * Remvoing another reference I ran `rg Connect[^i]` to see about any remaining references to Connect. This one seems to be the last.
111 lines
3.2 KiB
JavaScript
111 lines
3.2 KiB
JavaScript
/* eslint-disable no-alert */
|
|
|
|
export 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
|
|
- hide their posts from your feed`,
|
|
);
|
|
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 user = userData();
|
|
if (!user) {
|
|
return;
|
|
}
|
|
|
|
if (user.id === 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 */
|