Files
release11-tools/Frontend/assets/scripts/frame.js
2023-05-09 09:29:24 +02:00

119 lines
2.8 KiB
JavaScript

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");
script.src = url;
document.head.appendChild(script);
}
/**
* Get address of Mock Services
*
* @function
* @name getMockHost
* @kind function
* @returns {string}
*/
function getMockHost() {
return window.location.protocol + "//" + window.location.hostname + ":8097";
}
/**
* Function called after page is loaded
*
* @function
* @name init
* @kind function
* @returns {void}
*/
function init() {
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());
changeActiveTools('xmlTool', 'XML');
loadLastPage();
}
/**
* 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 that changes active tool
*
* @function
* @name changeTool
* @kind function
* @param {any} tool
* @returns {void}
*/
function changeTool(tool) {
const url = tools.get(tool);
localStorage.setItem("lastPage", tool);
document.getElementById("iframe").src = url;
}
/**
* Function that loads last used tool and sets active category accordingly
*
* @function
* @name loadLastPage
* @kind function
* @returns {void}
*/
function loadLastPage() {
const lastPage = localStorage.getItem("lastPage");
switch (lastPage) {
case "jsonform":
changeActiveTools('jsonTool', 'JSON');
break;
case "mock":
changeActiveTools('restTool', 'REST');
break;
}
document.getElementById("iframe").src = tools.get(lastPage);
}