const tools = new Map();




/**
 * This functions imports other js file. I hate this solution, but other didn't work.
 * 
 * @function
 * @name importScript
 * @kind function
 * @param {any} url
 * @returns {void}
 */
function importScript(url) {
    var script = document.createElement("script");  // create a script DOM node
    script.src = url;  // set its src to the provided URL
    document.head.appendChild(script);
}

/**
 * Function called after page is loaded
 * 
 * @function
 * @name init
 * @kind function
 * @returns {void}
 */
function init() {
    importScript("/assets/scripts/dyn_host.js");
    
    tools.set("xpath", "tools/xpath.html");
    tools.set("xsd", "tools/xsd.html");
    tools.set("xslt", "tools/xslt.html");
    tools.set("xmlform", "tools/xmlFormatter.html");
    tools.set("jsonform", "tools/jsonFormatter.html");
    tools.set("mock", getMockHost());

    loadLastPage();
    changeActiveTools('xmlTool', 'XML');
}

/**
 * Function that updates list of tools depending on chosen category
 * 
 * @function
 * @name changeActiveTools
 * @kind function
 * @param {any} activeClass class of elements that have to be shown
 * @param {any} activeCategoryButton class of category button that has to be active
 */
function changeActiveTools(activeClass, activeCategoryButton) {
    let tools = document.getElementById("toolList").children
    
    for (i = 0; i < tools.length; i++) {
        if (tools[i].classList.contains(activeClass)) {
            tools[i].style.display = "block";
        }
        else {
            tools[i].style.display = "none";
        }
    }

    let categories = document.getElementById("menu").children

    for (i = 0; i < categories.length; i++) {
        if (categories[i].innerText == activeCategoryButton) {
            categories[i].classList.add("active")
        }
        else {
            categories[i].classList.remove("active")
        }
    }
}

function changeTool(tool) {
    const url = tools.get(tool);
    localStorage.setItem("lastPage", tool);
    document.getElementById("iframe").src = tools.get(lastPage);
}

function loadLastPage() {
    const lastPage = localStorage.getItem("lastPage");
    document.getElementById("iframe").src = tools.get(lastPage);
}