88 lines
No EOL
2.6 KiB
JavaScript
88 lines
No EOL
2.6 KiB
JavaScript
function loadFunctionality() {
|
|
if (!document.getElementById(
|
|
'notification-subscriptions-area',
|
|
)) {
|
|
return;
|
|
}
|
|
const {notifiableId} = document.getElementById(
|
|
'notification-subscriptions-area',
|
|
).dataset;
|
|
const {notifiableType} = document.getElementById(
|
|
'notification-subscriptions-area',
|
|
).dataset;
|
|
|
|
|
|
const userStatus = document
|
|
.getElementsByTagName('body')[0]
|
|
.getAttribute('data-user-status');
|
|
|
|
if (userStatus === 'logged-in') {
|
|
fetch(`/notification_subscriptions/${notifiableType}/${notifiableId}`, {
|
|
headers: {
|
|
Accept: 'application/json',
|
|
'X-CSRF-Token': window.csrfToken,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
credentials: 'same-origin',
|
|
})
|
|
.then(response => response.json())
|
|
.then(result => {
|
|
document.getElementById(`notification-subscription-label_${result.config}`).classList.add('selected');
|
|
// checkbox.checked = result;
|
|
});
|
|
}
|
|
|
|
let updateStatus = () => {};
|
|
|
|
if (userStatus === 'logged-out') {
|
|
updateStatus = () => {
|
|
// Disabled because showModal() is globally defined in asset pipeline
|
|
// eslint-disable-next-line no-undef
|
|
showModal('notification-subscription');
|
|
};
|
|
} else {
|
|
updateStatus = (target) => {
|
|
const allButtons = document.getElementsByClassName('notification-subscription-label');
|
|
for(let i = 0; i < allButtons.length; i += 1) {
|
|
allButtons[i].classList.remove('selected')
|
|
}
|
|
target.classList.add('selected');
|
|
fetch(`/notification_subscriptions/${notifiableType}/${notifiableId}`, {
|
|
method: 'POST',
|
|
headers: {
|
|
Accept: 'application/json',
|
|
'X-CSRF-Token': window.csrfToken,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
credentials: 'same-origin',
|
|
body: JSON.stringify({
|
|
config: target.dataset.payload,
|
|
// notifiable params are passed via URL
|
|
}),
|
|
})
|
|
};
|
|
}
|
|
|
|
const subscriptionButtons = document.getElementsByClassName('notification-subscription-label');
|
|
|
|
for(let i = 0; i < subscriptionButtons.length; i += 1) {
|
|
subscriptionButtons[i].addEventListener('click', e => {
|
|
e.preventDefault();
|
|
updateStatus(e.target);
|
|
if (typeof sendHapticMessage !== "undefined") {
|
|
sendHapticMessage('medium');
|
|
}
|
|
});
|
|
subscriptionButtons[i].addEventListener('keydown', e => {
|
|
if (e.key === 'Enter') {
|
|
updateStatus(e.target);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
window.InstantClick.on('change', () => {
|
|
loadFunctionality();
|
|
});
|
|
|
|
loadFunctionality(); |