diff --git a/Frontend/assets/css/frame.css b/Frontend/assets/css/frame.css index 8b39a59..e0b5d5f 100644 --- a/Frontend/assets/css/frame.css +++ b/Frontend/assets/css/frame.css @@ -90,7 +90,7 @@ div#copyright a, a:visited, a:active { backdrop-filter: blur(10px); } -#toolListRow a { +.toolListRow a { display: block; color: white; text-align: center; @@ -98,7 +98,7 @@ div#copyright a, a:visited, a:active { text-decoration: none; } -#toolListRow a:hover { +.toolListRow a:hover { background-color: #2A93B0; color: white; transform: scale(1.25, 1.25); diff --git a/Frontend/assets/scripts/tools/scripts.js b/Frontend/assets/scripts/tools/scripts.js index 8b5fbaa..7196a0a 100644 --- a/Frontend/assets/scripts/tools/scripts.js +++ b/Frontend/assets/scripts/tools/scripts.js @@ -3,15 +3,15 @@ const color_grey = "#6b6b6b"; const color_red = "#ff8f8f"; /** - * It clears default content of the element and sets it's color to black. - * - * @function - * @name clearDefaultContent - * @kind function - * @param {any} element to set - * @param {any} text to set - * @returns {void} - */ +* It clears default content of the element and sets it's color to black. +* +* @function +* @name clearDefaultContent +* @kind function +* @param {any} element to set +* @param {any} text to set +* @returns {void} +*/ function clearDefaultContent(element, text) { if (element.value == text) { element.value = ""; @@ -21,13 +21,38 @@ function clearDefaultContent(element, text) { } /** - * It clears all data fields. +* It returns the value of the element with id "processors". +* +* @function +* @name getProcessor +* @kind function +* @returns {any} +*/ +function getProcessor() { + return document.getElementById("processors").value; +} + + +/** + * It returns the value of the element with id "versions". * * @function - * @name clearDataField + * @name getVersion * @kind function + * @returns {any} */ -function clearDataField(){ +function getVersion() { + return document.getElementById("versions").value; +} + +/** +* It clears all data fields. +* +* @function +* @name clearDataField +* @kind function +*/ +function clearDataField() { document.getElementById("xmlArea").value = ""; document.getElementById("xmlArea").style.color = null; document.getElementById("xmlArea").style.backgroundColor = null; @@ -37,28 +62,37 @@ function clearDataField(){ document.getElementById("transformArea").style.backgroundColor = null; } +/** +* It fills the XML area with a sample XML. +* +* @function +* @name fillDefaultXML +* @kind function +* @param {any} element +* @returns {void} +*/ function fillDefaultXML(element) { - if(element.classList.contains("active")){ + if (element.classList.contains("active")) { const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086"; clearDefaultContent(document.getElementById("xmlArea"), "Insert XML here"); fetch(serverAddress + "/assets/samples/sampleXml.xml") - .then(response => response.text()) - .then((exampleData) => { - document.getElementById("xmlArea").value = exampleData; - document.getElementById("xmlArea").style.backgroundColor = null; - }) - } - } + .then(response => response.text()) + .then((exampleData) => { + document.getElementById("xmlArea").value = exampleData; + document.getElementById("xmlArea").style.backgroundColor = null; + }) + } +} /** - * It sets default content for the element an changes it's color to grey - * - * @function - * @name setDefaultContent - * @kind function - * @param {any} element to set - * @param {any} text to set - */ +* It sets default content for the element an changes it's color to grey +* +* @function +* @name setDefaultContent +* @kind function +* @param {any} element to set +* @param {any} text to set +*/ function setDefaultContent(element, text) { if (element.value == "") { var id = element.getAttribute('id'); @@ -81,14 +115,14 @@ function setDefaultContent(element, text) { } /** - * It hides list for specified version of XPath - * - * @function - * @name hideList - * @kind function - * @param {any} collList class name of list to hide - * @returns {void} - */ +* It hides list for specified version of XPath +* +* @function +* @name hideList +* @kind function +* @param {any} collList class name of list to hide +* @returns {void} +*/ function hideList(collList) { for (i = 0; i < collList.length; i++) { if (collList[i].nextElementSibling !== null) { @@ -101,27 +135,27 @@ function hideList(collList) { } /** - * It checks if the text is a default text. - * - * @function - * @name checkDefault - * @kind function - * @param {any} text - * @returns {boolean} - */ -function checkDefault(text){ +* It checks if the text is a default text. +* +* @function +* @name checkDefault +* @kind function +* @param {any} text +* @returns {boolean} +*/ +function checkDefault(text) { return defaultStrings.includes(text); } /** - * It show list for specified version of XPath - * - * @function - * @name showList - * @kind function - * @param {any} collList class name of list to hide - * @returns {void} - */ +* It show list for specified version of XPath +* +* @function +* @name showList +* @kind function +* @param {any} collList class name of list to hide +* @returns {void} +*/ function showList(collList) { for (i = 0; i < collList.length; i++) { collList[i].style.display = 'block'; @@ -129,20 +163,19 @@ function showList(collList) { } /** - * A function that is used to fold/unfold collapsible elements. - * - * @function - * @name smoothFoldElement - * @kind function - * @param {any} element - * @param {any} toogleState - * @param {any} toggleParrent - * @returns {void} - */ -function smoothFoldElement(element, toogleState, toggleParrent){ +* A function that is used to fold/unfold collapsible elements. +* +* @function +* @name smoothFoldElement +* @kind function +* @param {any} element +* @param {any} toogleState +* @param {any} toggleParrent +* @returns {void} +*/ +function smoothFoldElement(element, toogleState, toggleParrent) { if (toogleState) { - console.log("DUPA"); - if(toggleParrent){ + if (toggleParrent) { element.parentElement.style.maxHeight = "0px"; } @@ -161,13 +194,13 @@ function smoothFoldElement(element, toogleState, toggleParrent){ } /** - * Set tooltip info, function is called by onClick handlers - * - * @function - * @name refreshTooltip - * @kind function - * @returns {void} - */ +* Set tooltip info, function is called by onClick handlers +* +* @function +* @name refreshTooltip +* @kind function +* @returns {void} +*/ function refreshTooltip() { var resizeList = document.getElementsByClassName("collapsibleData"); console.log("collDataList: " + resizeList.length) @@ -178,17 +211,17 @@ function refreshTooltip() { /** - * A function that performs a request to the server. - * - * @function - * @name performRequest - * @kind function - * @param {any} endpoint of target service - * @param {any} checkXML enable checking for empty XML - * @param {any} checkTransform enable checking for empty transform data - * @returns {false | undefined} - */ -function performRequest(endpoint, checkXML, checkTransform){ +* A function that performs a request to the server. +* +* @function +* @name performRequest +* @kind function +* @param {any} endpoint of target service +* @param {any} checkXML enable checking for empty XML +* @param {any} checkTransform enable checking for empty transform data +* @returns {false | undefined} +*/ +function performRequest(endpoint, checkXML, checkTransform) { const sourceId = "xmlArea"; const transformId = "transformArea"; var xmlData = document.getElementById(sourceId).value.trim(); @@ -198,19 +231,19 @@ function performRequest(endpoint, checkXML, checkTransform){ if (getProcessor() == "libxml") { port = 8082; } - + var empty = false; if (defaultStrings.includes(xmlData) && checkXML) { - document.getElementById(sourceId).style.backgroundColor = color_red; - xmlData = ""; - empty = true; + document.getElementById(sourceId).style.backgroundColor = color_red; + xmlData = ""; + empty = true; } if (defaultStrings.includes(transformData) && checkTransform) { document.getElementById(transformId).style.backgroundColor = color_red; empty = true; } if (!empty) { - restRequest(port, endpoint, xmlData, transformData).then(function(result) { + restRequest(port, endpoint, xmlData, transformData).then(function (result) { document.getElementById("resultArea").value = result.result; document.getElementById("procinfo").innerText = ' Computed using '.concat(" ", result.processor); if (result.status = "OK") { @@ -220,7 +253,7 @@ function performRequest(endpoint, checkXML, checkTransform){ procinfo.style.color = "#aa3030"; } }); - }else{ + } else { document.getElementById("resultArea").value = "No data provided!"; return false; } @@ -228,18 +261,18 @@ function performRequest(endpoint, checkXML, checkTransform){ } /** - * Function that prepares data to send and handles response - * - * @function - * @name performFormatRequest - * @kind function - * @param {any} endpoint of target service - * @param {any} checkXML enable checking for empty XML - * @param {any} sourceId ID of element to get XML from - * @param {any} targetId ID of element to write formatted XML - * @returns {void} - */ -function performFormatRequest(endpoint, checkXML, sourceId, targetId){ +* Function that prepares data to send and handles response +* +* @function +* @name performFormatRequest +* @kind function +* @param {any} endpoint of target service +* @param {any} checkXML enable checking for empty XML +* @param {any} sourceId ID of element to get XML from +* @param {any} targetId ID of element to write formatted XML +* @returns {void} +*/ +function performFormatRequest(endpoint, checkXML, sourceId, targetId) { const sourceElement = document.getElementById(sourceId); const targetElement = document.getElementById(targetId); const infoElement = document.getElementById("formatinfo"); @@ -248,13 +281,13 @@ function performFormatRequest(endpoint, checkXML, sourceId, targetId){ var empty = false; if (defaultStrings.includes(xmlData) && checkXML) { - sourceElement.style.backgroundColor = color_red; - xmlData = ""; - empty = true; + sourceElement.style.backgroundColor = color_red; + xmlData = ""; + empty = true; } - + if (!empty) { - restRequest(port, endpoint, xmlData, "").then(function(result) { + restRequest(port, endpoint, xmlData, "").then(function (result) { console.log(result); if (result.status == "OK") { targetElement.value = result.result; @@ -275,36 +308,36 @@ function performFormatRequest(endpoint, checkXML, sourceId, targetId){ /** - * Form REST request, send and return received data - * - * @async - * @function - * @name restRequest - * @kind function - * @param {any} port of target service - * @param {any} endpoint of target service - * @param {any} xmlData XML that will be sent - * @param {any} transformData data used to transform given XML - * @returns {Promise} - */ +* Form REST request, send and return received data +* +* @async +* @function +* @name restRequest +* @kind function +* @param {any} port of target service +* @param {any} endpoint of target service +* @param {any} xmlData XML that will be sent +* @param {any} transformData data used to transform given XML +* @returns {Promise} +*/ async function restRequest(port, endpoint, xmlData, transformData) { const escapeChar = "specialEscapeChar"; const addr = window.location.protocol + "//" + window.location.hostname + ":" + port + "/" + endpoint; - - if(defaultStrings.includes(xmlData)){ + + if (defaultStrings.includes(xmlData)) { xmlData = ""; } - + // var data = xmlData.concat(escapeChar, transformData); - + // const url = addr.concat("?escapechar=", escapeChar, "&processor=", getProcInfo()); - + var jsonData = JSON.stringify({ - "data" : xmlData, - "process" : transformData, - "processor" : getProcessor(), - "version" : getVersion() + "data": xmlData, + "process": transformData, + "processor": getProcessor(), + "version": getVersion() }); // console.log(jsonData); var init = { @@ -315,10 +348,10 @@ async function restRequest(port, endpoint, xmlData, transformData) { method: "POST" }; var request = new Request(addr, init); - + var result = await fetch(request).then(response => { - return response.text().then(function(text) { + return response.text().then(function (text) { return JSON.parse(text); }); diff --git a/Frontend/index.html b/Frontend/index.html index 2da0bcf..4dd6c42 100644 --- a/Frontend/index.html +++ b/Frontend/index.html @@ -9,8 +9,7 @@ - - + @@ -30,14 +29,14 @@
- [1.0] fn:position()
@@ -3384,16 +3382,12 @@
- - - - - - - - - - - - - - - - + diff --git a/Frontend/tools/xsd.html b/Frontend/tools/xsd.html index d39ff63..42d32ae 100644 --- a/Frontend/tools/xsd.html +++ b/Frontend/tools/xsd.html @@ -18,11 +18,11 @@
- - + +
- - - - - - - - - + \ No newline at end of file diff --git a/Frontend/tools/xslt.html b/Frontend/tools/xslt.html index 90d0abe..c7c7fe9 100644 --- a/Frontend/tools/xslt.html +++ b/Frontend/tools/xslt.html @@ -18,12 +18,12 @@
- - + +
@@ -1135,17 +1136,10 @@ - - - - - -