78138532c8
* Initial classified listings work
* More work on tags
* Additional work finalizing stripe and getting the listings page along
* Finalize-ish listings 🤞
123 lines
3.6 KiB
JavaScript
123 lines
3.6 KiB
JavaScript
/* eslint-disable no-use-before-define */
|
|
/* eslint-disable no-undef */
|
|
/* eslint-disable func-names */
|
|
/* eslint-disable consistent-return */
|
|
/* eslint-disable no-unused-vars */
|
|
|
|
function initializeReadingListIcons() {
|
|
setReadingListButtonsState();
|
|
addReadingListCountToHomePage();
|
|
}
|
|
|
|
// set SAVE or SAVED articles buttons
|
|
function setReadingListButtonsState() {
|
|
var readingListButtons = document.getElementsByClassName('bookmark-engage');
|
|
Array.from(readingListButtons).forEach(button => highlightButton(button));
|
|
}
|
|
|
|
// private
|
|
|
|
function highlightButton(button) {
|
|
var user = userData();
|
|
var buttonIdInt = parseInt(button.dataset.reactableId, 10);
|
|
if (user && user.reading_list_ids.indexOf(buttonIdInt) > -1) {
|
|
button.classList.add('selected');
|
|
} else {
|
|
button.classList.remove('selected');
|
|
}
|
|
button.addEventListener('click', reactToReadingListButtonClick);
|
|
}
|
|
|
|
function addReadingListCountToHomePage() {
|
|
var user = userData();
|
|
var readingListCount;
|
|
if (user && document.getElementById('reading-list-count')) {
|
|
readingListCount =
|
|
user.reading_list_ids.length > 0 ? user.reading_list_ids.length : 'empty';
|
|
document.getElementById('reading-list-count').innerHTML =
|
|
'(' + readingListCount + ')';
|
|
document.getElementById('reading-list-count').dataset.count =
|
|
user.reading_list_ids.length;
|
|
}
|
|
}
|
|
|
|
function reactToReadingListButtonClick(event) {
|
|
var button;
|
|
var userStatus;
|
|
event.preventDefault();
|
|
sendHapticMessage('medium');
|
|
userStatus = document
|
|
.getElementsByTagName('body')[0]
|
|
.getAttribute('data-user-status');
|
|
if (userStatus === 'logged-out') {
|
|
showModal('add-to-readinglist-from-index');
|
|
return;
|
|
}
|
|
button = properButtonFromEvent(event);
|
|
renderOptimisticResult(button);
|
|
getCsrfToken()
|
|
.then(sendFetch('reaction-creation', buttonFormData(button)))
|
|
.then(function(response) {
|
|
if (response.status === 200) {
|
|
return response.json().then(function(json) {
|
|
renderButtonState(button, json);
|
|
renderNewSidebarCount(button, json);
|
|
});
|
|
} // else {
|
|
// there's currently no errorCb.
|
|
// }
|
|
})
|
|
.catch(function(error) {
|
|
// there's currently no error handling.
|
|
});
|
|
}
|
|
|
|
function renderButtonState(button, json) {
|
|
if (json.result === 'create') {
|
|
button.classList.add('selected');
|
|
} else {
|
|
button.classList.remove('selected');
|
|
}
|
|
}
|
|
|
|
function renderNewSidebarCount(button, json) {
|
|
var newCount;
|
|
var count = document.getElementById('reading-list-count').dataset.count;
|
|
count = parseInt(count, 10);
|
|
if (json.result === 'create') {
|
|
newCount = count + 1;
|
|
} else if (count !== 0) {
|
|
newCount = count - 1;
|
|
}
|
|
document.getElementById('reading-list-count').dataset.count = newCount;
|
|
document.getElementById('reading-list-count').innerHTML =
|
|
'(' + newCount + ')';
|
|
}
|
|
|
|
function buttonFormData(button) {
|
|
var formData = new FormData();
|
|
formData.append('reactable_type', 'Article');
|
|
formData.append('reactable_id', button.dataset.reactableId);
|
|
formData.append('category', 'readinglist');
|
|
return formData;
|
|
}
|
|
|
|
function renderOptimisticResult(button) {
|
|
renderButtonState(button, { result: 'create' }); // optimistic create only for now
|
|
}
|
|
|
|
function properButtonFromEvent(event) {
|
|
var properElement;
|
|
if (event.target.tagName === 'BUTTON') {
|
|
properElement = event.target;
|
|
} else {
|
|
properElement = event.target.parentElement;
|
|
}
|
|
return properElement;
|
|
}
|
|
|
|
/* eslint-enable no-use-before-define */
|
|
/* eslint-enable no-undef */
|
|
/* eslint-enable func-names */
|
|
/* eslint-enable consistent-return */
|
|
/* eslint-enable no-unused-vars */
|