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

Added coloring to result field

Browse Source
This commit is contained in:
Adam Bem
2023-04-25 12:56:24 +02:00
parent 7071aca3a4
commit 4a6e7fe309
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Frontend/assets/css/tools/r11form.css
View File

@@ -505,6 +505,10 @@ h2 {
font-weight: 300; font-weight: 300;
} }
pre {
margin: 0px;
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.rwd-hideable { .rwd-hideable {
display: none; display: none;

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

@@ -264,7 +264,7 @@ function refreshTooltip() {
function performRequest(endpoint, checkXML, checkTransform) { function performRequest(endpoint, checkXML, checkTransform) {
const sourceId = "xmlArea"; const sourceId = "xmlArea";
const transformId = "transformArea"; const transformId = "transformArea";
var xmlData = document.getElementById(sourceId).value.trim(); var xmlData = document.getElementById(sourceId).innerText.trim();
var transformData = document.getElementById(transformId).value.trim(); var transformData = document.getElementById(transformId).value.trim();
var port = 8081; var port = 8081;
@@ -284,7 +284,9 @@ function performRequest(endpoint, checkXML, checkTransform) {
} }
if (!empty) { 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("resultArea").innerHTML = result.result;
escapeHTML(document.getElementById("resultArea"));
hljs.highlightAll();
document.getElementById("procinfo").innerText = ' Computed using ' + result.processor document.getElementById("procinfo").innerText = ' Computed using ' + result.processor
if (result.type) if (result.type)
document.getElementById("procinfo").innerText += ". Returned: " + result.type; document.getElementById("procinfo").innerText += ". Returned: " + result.type;
@@ -299,7 +301,7 @@ function performRequest(endpoint, checkXML, checkTransform) {
} }
}); });
} else { } else {
document.getElementById("resultArea").value = "No data provided!"; document.getElementById("resultArea").innerHTML = "No data provided!";
return false; return false;
} }

7
Frontend/tools/xpath.html
View File

@@ -53,7 +53,7 @@
class="textarea-300 bordered-field vertically-resizeable max-width" class="textarea-300 bordered-field vertically-resizeable max-width"
onblur="setDefaultContent(this, 'Insert XML here');" onblur="setDefaultContent(this, 'Insert XML here');"
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea> --> onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea> -->
<pre><code class="language-xml bordered-field textarea-300" id="xmlArea" contenteditable="True"></code></pre> <pre><code class="language-xml bordered-field textarea-300" id="xmlArea" contenteditable="True"></code></pre>
<br><br> <br><br>
<label for="transformArea"><b>Insert your XPath:</b></label> <label for="transformArea"><b>Insert your XPath:</b></label>
<textarea id="transformArea" name="transformArea" class="bordered-field vertically-resizeable max-width" <textarea id="transformArea" name="transformArea" class="bordered-field vertically-resizeable max-width"
@@ -65,9 +65,10 @@
expression</button> expression</button>
<br><br> <br><br>
<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" <!-- <textarea disabled id="resultArea" name="resultArea"
class="textarea-300 bordered-field vertically-resizeable max-width" style="margin-bottom: 50px;" class="textarea-300 bordered-field vertically-resizeable max-width" style="margin-bottom: 50px;"
rows="10" cols="100"></textarea> rows="10" cols="100"></textarea> -->
<pre><code class="language-xml bordered-field textarea-300" id="resultArea" contenteditable="True"></code></pre>
</div> </div>
</div> </div>