bookwyrm/bookwyrm/static/js/shared.js

function interact(e) {
    e.preventDefault();
    ajaxPost(e.target);
    var identifier = e.target.getAttribute('data-id');
    var elements = document.getElementsByClassName(identifier);
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].className.includes('hidden')) {
            elements[i].className = elements[i].className.replace('hidden', '');
        } else {
            elements[i].className += ' hidden';
        }
    }
    return true;
}

function reply(e) {
    e.preventDefault();
    ajaxPost(e.target);
    // TODO: display comment
    return true;
}

function rate_stars(e) {
    e.preventDefault();
    ajaxPost(e.target);
    rating = e.target.rating.value;
    var stars = e.target.parentElement.getElementsByClassName('icon');
    for (var i = 0; i < stars.length ; i++) {
        stars[i].className = rating > i ? 'icon icon-star-full' : 'icon icon-star-empty';
    }
    return true;
}

function tabChange(e) {
    var target = e.target.closest('li');

    var parent_element = target.parentElement;
    var tabs = parent_element.getElementsByTagName('label');

    parent_element.querySelectorAll('[aria-selected="true"]')
        .forEach(t => t.setAttribute("aria-selected", false));
    e.target.parentElement.setAttribute("aria-selected", true);

    parent_element.querySelectorAll('li')
        .forEach(t => t.className='');
    target.className += ' is-active';
}

function nestedTabChange(e) {
    var target = e.target.closest('li')
    var identifier = target.getAttribute('data-id');

    var parent_element = target.parentElement.closest('li').parentElement;
    var tabs = parent_element.getElementsByTagName('label');
    for (i = 0; i < tabs.length; i++) {
        var tab = tabs[i].parentElement;
        if (tab.getAttribute('data-id') == identifier) {
            tab.className += ' is-active';
        } else {
            tab.className = tab.className.replace('is-active', '');
        }
    }
}

function ajaxPost(form) {
    fetch(form.action, {
        method : "POST",
        body: new FormData(form)
    });
}