R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

widlam/refactoring/issue#120 (#128)

Browse Source 
Co-authored-by: mikolaj widla <mikolaj.widla@gmail.com>
Co-authored-by: widlam <mikolaj.widla@gmail.com>
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: #128
Co-authored-by: Mikolaj Widla <widlam@noreply.example.com>
Co-committed-by: Mikolaj Widla <widlam@noreply.example.com>
This commit is contained in:
Mikolaj Widla
2023-03-23 10:16:47 +01:00
committed by Adam Bem
parent 19de505ca4
commit 71f9ae9553
6 changed files with 220 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Frontend/assets/css/frame.css
View File

@@ -90,7 +90,7 @@ div#copyright a, a:visited, a:active {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
#toolListRow a { .toolListRow a {
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center;
@@ -98,7 +98,7 @@ div#copyright a, a:visited, a:active {
text-decoration: none; text-decoration: none;
} }
#toolListRow a:hover { .toolListRow a:hover {
background-color: #2A93B0; background-color: #2A93B0;
color: white; color: white;
transform: scale(1.25, 1.25); transform: scale(1.25, 1.25);

35
Frontend/assets/scripts/tools/scripts.js
View File

@@ -20,6 +20,31 @@ function clearDefaultContent(element, text) {
} }
} }
/**
* 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 getVersion
* @kind function
* @returns {any}
*/
function getVersion() {
return document.getElementById("versions").value;
}
/** /**
* It clears all data fields. * It clears all data fields.
* *
@@ -37,6 +62,15 @@ function clearDataField(){
document.getElementById("transformArea").style.backgroundColor = null; 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) { function fillDefaultXML(element) {
if (element.classList.contains("active")) { if (element.classList.contains("active")) {
const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086"; const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
@@ -141,7 +175,6 @@ function showList(collList) {
*/ */
function smoothFoldElement(element, toogleState, toggleParrent) { function smoothFoldElement(element, toogleState, toggleParrent) {
if (toogleState) { if (toogleState) {
console.log("DUPA");
if (toggleParrent) { if (toggleParrent) {
element.parentElement.style.maxHeight = "0px"; element.parentElement.style.maxHeight = "0px";
} }

13
Frontend/index.html
View File

@@ -10,7 +10,6 @@
<!-- <link rel="stylesheet" href="common.css"> --> <!-- <link rel="stylesheet" href="common.css"> -->
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
</head> </head>
<body onload="init()"> <body onload="init()">
@@ -30,14 +29,14 @@
<div id="content"> <div id="content">
<div id="leftBar"> <div id="leftBar">
<ul id="toolList"> <ul id="toolList">
<li id="toolListRow" class="dynamic restTool" style="display: none;"> <li class="dynamic restTool toolListRow" style="display: none;">
<a id="rest-mock" href="http://tools.zipper.release11.com:8097/" target="iframe">REST Mock</a> <a id="rest-mock" href="http://tools.zipper.release11.com:8097/" target="iframe">REST Mock</a>
</li> </li>
<li id="toolListRow" class="xmlTool"><a href="./tools/xpath.html" target="iframe">XPath</a></li> <li class="toolListRow xmlTool"><a href="./tools/xpath.html" target="iframe">XPath</a></li>
<li id="toolListRow" class="xmlTool"><a href="./tools/xslt.html" target="iframe">XSLT</a></li> <li class="toolListRow xmlTool"><a href="./tools/xslt.html" target="iframe">XSLT</a></li>
<li id="toolListRow" class="xmlTool"><a href="./tools/xsd.html" target="iframe">XSD</a></li> <li class="toolListRow xmlTool"><a href="./tools/xsd.html" target="iframe">XSD</a></li>
<li id="toolListRow" class="xmlTool"><a href="tools/xmlFormatter.html" target="iframe">XML Formatter</a></li> <li class="toolListRow xmlTool"><a href="tools/xmlFormatter.html" target="iframe">XML Formatter</a></li>
<li id="toolListRow" class="jsonTool" style="display: none;"><a href="tools/jsonFormatter.html" target="iframe">JSON Formatter</a></li> <li class="toolListRow jsonTool" style="display: none;"><a href="tools/jsonFormatter.html" target="iframe">JSON Formatter</a></li>
</ul> </ul>
<div id="copyright"> <div id="copyright">
Build: [:VERSION:]<br> Build: [:VERSION:]<br>

45
Frontend/tools/xpath.html
View File

@@ -4,7 +4,6 @@
<head> <head>
<!-- <link rel="stylesheet" href="../common.css"> --> <!-- <link rel="stylesheet" href="../common.css"> -->
<!-- <link rel="stylesheet" href="styles.css"> --> <!-- <link rel="stylesheet" href="styles.css"> -->
<script src="../assets/scripts/tools/jquery-3.6.0.slim.min.js"></script>
<link rel="stylesheet" href="../assets/css/tools/r11form.css"> <link rel="stylesheet" href="../assets/css/tools/r11form.css">
<script src="../assets/scripts/tools/scripts.js"> </script> <script src="../assets/scripts/tools/scripts.js"> </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -131,7 +130,6 @@
</div> </div>
[1.0] <a href="#" onClick="return false;" [1.0] <a href="#" onClick="return false;"
class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:position()</code></a> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:position()</code></a>
<div class="content"> <div class="content">
@@ -3384,10 +3382,6 @@
</div> </div>
<script> <script>
function processVersionSelector() { function processVersionSelector() {
var processor = getProcessor(); var processor = getProcessor();
@@ -3444,39 +3438,8 @@
hideList(document.getElementsByName("collapse31")); hideList(document.getElementsByName("collapse31"));
} }
// if (checkDefault(document.getElementById("xmlArea").value.trim()) || document.getElementById("xmlArea").value.trim() == "") {
// document.getElementById("defaultXMLButton").classList.toggle("active", true);
// } else {
// document.getElementById("defaultXMLButton").classList.toggle("active", false);
// }
} }
</script>
<script>
function getVersion() {
return document.getElementById("versions").value;
}
</script>
<script>
function getProcessor() {
return document.getElementById("processors").value;
}
</script>
<script>
function getProcInfo() {
var processVariables = document.getElementById("processors").value + "&version=" + getVersion();
return processVariables;
}
</script>
<script>
var triggerList = document.getElementsByClassName("collapseTrigger"); var triggerList = document.getElementsByClassName("collapseTrigger");
for (i = 0; i < triggerList.length; i++) { for (i = 0; i < triggerList.length; i++) {
console.log("trigger connected"); console.log("trigger connected");
@@ -3519,13 +3482,7 @@
} }
}); });
} }
</script>
<script>
</script>
<script>
function init() { function init() {
//Handle clicks in whole form and set info in tooltip //Handle clicks in whole form and set info in tooltip
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here'); setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
@@ -3564,8 +3521,8 @@
processTooltip(); processTooltip();
}) })
} }
</script>
</script>
</body> </body>

97
Frontend/tools/xsd.html
View File

@@ -76,87 +76,6 @@
</div> </div>
<!-- <script>
function getVersion() {
return document.getElementById("versions").value;
}
</script> -->
<script>
function processTooltip() {
console.log("processTooltip");
if (getProcInfo() == "xalan") {
document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0 functions";
document.getElementById("processorTooltipInfo").innerText = "Supports XSLT 1.0";
hideList(document.getElementsByName("collapse30"));
} else {
document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0, 2.0 & 3.0 functions";
document.getElementById("processorTooltipInfo").innerText = "Supports XSLT up to 3.0";
showList(document.getElementsByName("collapse30"));
}
}
</script>
<script>
function getProcessor() {
return document.getElementById("processors").value;
}
</script>
<script>
function getVersion() {
if (getProcInfo() == "xalan") {
return "1.0";
} else {
return "3.0";
}
}
</script>
<script>
function getProcInfo() {
var processVariables = document.getElementById("processors").value;// + "&version=" + document.getElementById("versions").value;
return processVariables;
}
</script>
<script>
var triggerList = document.getElementsByClassName("collapseTrigger");
for (i = 0; i < triggerList.length; i++) {
console.log("trigger connected");
triggerList[i].addEventListener("click", function () {
console.log("click");
var collapsible = this.parentElement;
var collapsibleData = this.nextElementSibling;
if (collapsibleData.style.maxHeight > "0px") {
collapsibleData.style.maxHeight = "0px";
this.classList.toggle("active", false);
if (!this.classList.contains("collapsibleMini")) {
collapsible.classList.toggle("active", false);
}
var subLists1 = collapsibleData.getElementsByClassName("content");
var subLists2 = collapsibleData.getElementsByClassName("active");
for (j = 0; j < subLists1.length; j++) {
subLists1[j].style.maxHeight = "0px";
}
for (j = 0; j < subLists2.length; j++) {
subLists2[j].classList.toggle("active", false);
}
} else {
collapsibleData.style.maxHeight = (collapsibleData.scrollHeight) + "px";
this.classList.toggle("active", true);
if (!this.classList.contains("collapsibleMini")) {
collapsible.classList.toggle("active", true);
} else {
var parentContent = this.closest(".content");
parentContent.style.maxHeight = (parentContent.scrollHeight + collapsibleData.scrollHeight) + "px";
}
}
});
}
</script>
<script> <script>
function init() { function init() {
//Handle clicks in whole form and set info in tooltip //Handle clicks in whole form and set info in tooltip
@@ -176,6 +95,22 @@
// console.log("clock"); // console.log("clock");
}) })
} }
function processTooltip() {
console.log("processTooltip");
if (getProcessor() == "xalan") {
document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0 functions";
document.getElementById("processorTooltipInfo").innerText = "Supports XSLT 1.0";
hideList(document.getElementsByName("collapse30"));
} else {
document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0, 2.0 & 3.0 functions";
document.getElementById("processorTooltipInfo").innerText = "Supports XSLT up to 3.0";
showList(document.getElementsByName("collapse30"));
}
}
</script> </script>
</body> </body>

36
Frontend/tools/xslt.html
View File

@@ -57,7 +57,8 @@
<label for="resultArea"><b>Transform result:<span id="procinfo"></span></b></label> <label for="resultArea"><b>Transform result:<span id="procinfo"></span></b></label>
<textarea disabled id="resultArea" name="resultArea" rows="10" <textarea disabled id="resultArea" name="resultArea" rows="10"
class="textarea-300 bordered-field vertically-resizeable max-width" style="margin-bottom: 50px;" ></textarea> class="textarea-300 bordered-field vertically-resizeable max-width"
style="margin-bottom: 50px;"></textarea>
</div> </div>
</div> </div>
@@ -1135,17 +1136,10 @@
</div> </div>
<!-- <script>
function getVersion() {
return document.getElementById("versions").value;
}
</script> -->
<script> <script>
function processTooltip() { function processTooltip() {
console.log("processTooltip"); console.log("processTooltip");
if (getProcessor() == "xalan" || getProcessor() == "libxml") {
if (getProcInfo() == "xalan" || getProcInfo() == "libxml") {
document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0 functions"; document.getElementById("tooltipFunctionInfo").innerText = "XSLT 1.0 functions";
document.getElementById("processorTooltipInfo").innerText = "Supports XSLT 1.0"; document.getElementById("processorTooltipInfo").innerText = "Supports XSLT 1.0";
hideList(document.getElementsByName("collapse30")); hideList(document.getElementsByName("collapse30"));
@@ -1155,29 +1149,7 @@
showList(document.getElementsByName("collapse30")); showList(document.getElementsByName("collapse30"));
} }
} }
</script>
<script>
function getProcessor() {
return document.getElementById("processors").value;
}
</script>
<script>
function getVersion() {
if (getProcInfo() == "xalan") {
return "1.0";
} else {
return "3.0";
}
}
</script>
<script>
function getProcInfo() {
var processVariables = document.getElementById("processors").value;// + "&version=" + document.getElementById("versions").value;
return processVariables;
}
</script>
<script>
var triggerList = document.getElementsByClassName("collapseTrigger"); var triggerList = document.getElementsByClassName("collapseTrigger");
for (i = 0; i < triggerList.length; i++) { for (i = 0; i < triggerList.length; i++) {
console.log("trigger connected"); console.log("trigger connected");
@@ -1214,9 +1186,7 @@
} }
}); });
} }
</script>
<script>
function init() { function init() {
//Handle clicks in whole form and set info in tooltip //Handle clicks in whole form and set info in tooltip
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here'); setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');