Format function now allows to choose source and target IDs
This commit is contained in:
@@ -96,18 +96,20 @@ function refreshTooltip() {
|
||||
document.getElementById("xsltelementsheader").innerText = XSLTheader;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function performRequest(endpoint, checkXML, checkTransform){
|
||||
var xmlData = document.getElementById("xmlArea").value.trim();
|
||||
var transformData = document.getElementById("transformArea").value.trim();
|
||||
var xmlData = document.getElementById(sourceId).value.trim();
|
||||
var transformData = document.getElementById(targetId).value.trim();
|
||||
|
||||
var empty = false;
|
||||
if (defaultStrings.includes(xmlData) && checkXML) {
|
||||
document.getElementById("xmlArea").style.backgroundColor = color_red;
|
||||
document.getElementById(sourceId).style.backgroundColor = color_red;
|
||||
xmlData = "";
|
||||
empty = true;
|
||||
}
|
||||
if (defaultStrings.includes(transformData) && checkTransform) {
|
||||
document.getElementById("transformArea").style.backgroundColor = color_red;
|
||||
document.getElementById(targetId).style.backgroundColor = color_red;
|
||||
empty = true;
|
||||
}
|
||||
if (!empty) {
|
||||
@@ -128,34 +130,30 @@ function performRequest(endpoint, checkXML, checkTransform){
|
||||
|
||||
}
|
||||
|
||||
function performFormatRequest(endpoint, checkXML){
|
||||
var xmlData = document.getElementById("xmlArea").value.trim();
|
||||
function performFormatRequest(endpoint, checkXML, sourceId, targetId){
|
||||
var xmlData = document.getElementById(sourceId).value.trim();
|
||||
|
||||
var empty = false;
|
||||
if (defaultStrings.includes(xmlData) && checkXML) {
|
||||
document.getElementById("xmlArea").style.backgroundColor = color_red;
|
||||
document.getElementById(sourceId).style.backgroundColor = color_red;
|
||||
xmlData = "";
|
||||
empty = true;
|
||||
}
|
||||
|
||||
if (!empty) {
|
||||
var result = restRequest(endpoint, xmlData, null);
|
||||
document.getElementById("resultArea").value = result.result;
|
||||
document.getElementById("procinfo").innerText = ' Computed using '.concat(" ", result.processor);
|
||||
if (response.ok) {
|
||||
document.getElementById("procinfo").innerText = document.getElementById("procinfo").innerText.concat(" in ", result.time, "ms");
|
||||
procinfo.style.color = "#30aa58";
|
||||
} else {
|
||||
procinfo.style.color = "#aa3030";
|
||||
}
|
||||
restRequest(endpoint, xmlData, "").then(function(result) {
|
||||
document.getElementById(targetId).value = result.result;
|
||||
|
||||
});
|
||||
}else{
|
||||
document.getElementById("resultArea").value = "No data provided!";
|
||||
document.getElementById(targetId).value = "No data provided!";
|
||||
return false;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
//Form REST request, send, receive and display in resultArea
|
||||
//Form REST request, send and return received data
|
||||
async function restRequest(endpoint, xmlData, transformData) {
|
||||
const escapeChar = "specialEscapeChar";
|
||||
var port = ":8081/"
|
||||
|
||||
@@ -29,9 +29,9 @@
|
||||
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea>
|
||||
<br><br>
|
||||
<button id="requestButton" class="max-width block-label action-button active"
|
||||
onclick="performFormatRequest('prettifypost', true)">Prettify XML</button>
|
||||
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'resultArea')">Prettify XML</button>
|
||||
<button id="requestButton" class="max-width block-label action-button active"
|
||||
onclick="performFormatRequest('minimizepost', true)">Minimize XML</button>
|
||||
onclick="performFormatRequest('minimizepost', true, 'xmlArea', 'resultArea')">Minimize XML</button>
|
||||
<br><br>
|
||||
|
||||
<label for="resultArea"><b>Result:<span id="procinfo"></span></b></label>
|
||||
|
||||
Reference in New Issue
Block a user