main.js

const liveServer = 'https://api.flashstudy.org/v1';
const localServer = 'http://localhost:5001/v1';
const activeServer = location.host.startsWith('localhost') || location.host.startsWith('127.0.0.1') ? localServer : liveServer;

function fetcher(endpoint, options) {
    let updatedOptions = { ...options };

    updatedOptions.headers = {
        ...options ? options.headers : null,
    }

    // allow set cookie headers and such
    updatedOptions.credentials = 'include';

    return fetch(`${activeServer}${endpoint}`, updatedOptions).catch(err => { alert('Connection error') });
}

async function logout() {
    await fetcher('/auth/logout')
    
    //reload page
    location.assign('/');
}

// dropdown in header
function dropdown() {
    document.getElementById("dropdown").classList.toggle("show");
}

window.onclick = (event) => {
    if (!event.target.matches('#new')) {
        let dropdowns = document.getElementsByClassName("dropdown-content");
        
        for (let i = 0; i < dropdowns.length; i++) {
            let openDropdown = dropdowns[i];
        
            if (openDropdown.classList.contains('show')) {
                openDropdown.classList.remove('show');
            }
        }
    }
}