'use strict';

const BASE_URL = 'http://dataspace.ispc.cnr.it';
/**
 * Create links list
 * @param {string[]} links The fetched resource links
 * @param {string} id The ID of the UL element
 * @param {string} replace The string that should replace loalhost...
 * 
 * @return {void}
 */
function createLinks(links, id, replace)
{
    for (const link of links) {
        const item = document.createElement('li');

        item.innerHTML = 
            `<a href="${link.replace('http://localhost:8000/resources/', replace)}">
                ${link.substring(link.lastIndexOf('/') + 1)}
            </a>`;
        document.querySelector(`#${id}`).appendChild(item);
    }
}
/**
 * @todo Query report links to determine resource type?
 * @param {int} max Max number of resources to list
 *                  (randomly selected)
 * 
 * @returns {Array} An array with selected resource links
 */
async function fetchResourceList(max = 20)
{
    // TODO Errors!!
    const list = await fetch(`${BASE_URL}${RES_ENDPOINT}`)
        .then(res => res.json())
        .catch();

    // Arbitrary slice...
    return list['ldp:contains'].slice(100, max + 100);
}

document.addEventListener('readystatechange', () => {
    const resList = fetchResourceList();

    createLinks(resList, 'links', `${BASE_URL}/report/`);
    createLinks( resList, 'rep-links', `/report?id=`);
})