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

dev (#81)

Browse Source 
Co-authored-by: mikolaj widla <mikolaj.widla@gmail.com>
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: R11/release11-tools-web#81
This commit is contained in:
Adam Bem
2023-02-28 11:46:54 +01:00
parent 28a9a1f670
commit 24c9c2fe5a
12 changed files with 141 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Frontend/Dockerfile
View File

@@ -3,9 +3,13 @@ FROM nginx:stable-alpine
COPY ./tools/ /usr/share/nginx/html/tools/
COPY ./assets/ /usr/share/nginx/html/assets/
COPY ./index.html /usr/share/nginx/html
#COPY ./logo.png /usr/share/nginx/html
#COPY ./styles.css /usr/share/nginx/html
#COPY ./common.css /usr/share/nginx/html
#COPY ./favicon.ico /usr/share/nginx/html
RUN mkdir -p /scripts
COPY insert_version.sh /scripts/
WORKDIR /scripts
RUN chmod +x insert_version.sh
RUN ./insert_version.sh
EXPOSE 80

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

@@ -330,6 +330,10 @@
height: 300px;
}
.textarea-800 {
height: 800px;
}
.centered-content {
display: flex;
justify-content: center;

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

@@ -11,6 +11,11 @@ function clearDefaultContent(element, text) {
}
}
function clearDataField(){
document.getElementById("xmlArea").value = "";
document.getElementById("transformArea").value = "";
}
function fillDefaultXML(element) {
if(element.classList.contains("active")){
const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
@@ -91,22 +96,38 @@ 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 port = 8081
if (getProcessor() == "libxml") {
port = 8082
}
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) {
restRequest(endpoint, xmlData, transformData);
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") {
document.getElementById("procinfo").innerText = document.getElementById("procinfo").innerText.concat(" in ", result.time, "ms");
procinfo.style.color = "#30aa58";
} else {
procinfo.style.color = "#aa3030";
}
});
}else{
document.getElementById("resultArea").value = "No data provided!";
return false;
@@ -114,33 +135,35 @@ function performRequest(endpoint, checkXML, checkTransform){
}
function performFormatRequest(endpoint, checkXML){
var xmlData = document.getElementById("xmlArea").value.trim();
function performFormatRequest(endpoint, checkXML, sourceId, targetId){
const port = 8082;
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) {
restRequest(endpoint, xmlData, null);
restRequest(port, 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
async function restRequest(endpoint, xmlData, transformData) {
//Form REST request, send and return received data
async function restRequest(port, endpoint, xmlData, transformData) {
const escapeChar = "specialEscapeChar";
var port = ":8081/"
if (getProcessor() == "libxml") {
port = ":8082/"
}
const addr = window.location.protocol + "//" + window.location.hostname + port + endpoint;
const addr = window.location.protocol + "//" + window.location.hostname + ":" + port + "/" + endpoint;
if(defaultStrings.includes(xmlData)){
xmlData = "<empty/>";
@@ -167,21 +190,11 @@ async function restRequest(endpoint, xmlData, transformData) {
var request = new Request(addr, init);
await fetch(request).then(response => {
console.log(response.status);
response.text().then(function (text) {
console.log(text);
var result = JSON.parse(text);
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";
}
var result = await fetch(request).then(response => {
return response.text().then(function(text) {
return JSON.parse(text);
});
});
return result;
}

10
Frontend/index.html
View File

@@ -27,15 +27,15 @@
<li id="toolListRow"><a href="./tools/xsd.html" target="iframe">XSD</a></li>
<li id="toolListRow"><a href="./tools/formatter.html" target="iframe">Formatter</a></li>
</ul>
<div id="copyright">Copyright © 2023<br><a href="http://release11.com/">Release11 Sp. z. o. o.</a></div>
<div id="copyright">
Build: [:VERSION:]<br>
Copyright © 2023<br>
<a href="http://release11.com/">Release11 Sp. z. o. o.</a>
</div>
</div>
<iframe id="frame" name="iframe" src="http://tools.zipper.release11.com:8097/" frameborder="0"></iframe>
</div>
<script>
</script>
</body>
</html>

5
Frontend/insert_version.sh Normal file
View File

@@ -0,0 +1,5 @@
#!/bin/sh
input="$(date +'%Y-%m-%d %H:%M')"
sed -i "s/\[\:VERSION\:\]/$input/g" /usr/share/nginx/html/index.html

13
Frontend/tools/formatter.html
View File

@@ -24,20 +24,15 @@
<label for="xmlArea"><b>Insert your XML:</b></label>
<textarea id="xmlArea" name="xmlArea" rows="15"
class="textarea-300 bordered-field vertically-resizeable max-width"
class="textarea-800 bordered-field vertically-resizeable max-width"
onblur="setDefaultContent(this, 'Insert XML here');"
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', 'xmlArea')">Prettify XML</button>
<button id="requestButton" class="max-width block-label action-button active"
onclick="performFormatRequest('minimizepost', true)">Minimize XML</button>
<br><br>
<label for="resultArea"><b>Result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea" rows="2"
class="bordered-field textarea-300 vert2ically-resizeable max-width" style="margin-bottom: 50px;"></textarea>
onclick="performFormatRequest('minimizepost', true, 'xmlArea', 'xmlArea')">Minimize XML</button>
</div>
</div>
<div class="tooltip-window rwd-hideable">

14
Frontend/tools/xpath.html
View File

@@ -17,7 +17,7 @@
<div id="tool" class="tool rwd-expandable">
<div class="tool-context">
<div class="headline">
<h1>Online XPath tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
<h1>Online XPath tester</h1>
</div>
<div class="display-space-between">
@@ -36,8 +36,14 @@
<option class="hideable saxon" value="3.1">3.1</option>
</select>
</div>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
onclick="fillDefaultXML(this)">Insert default XML</button>
<div>
<button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
onclick="clearDataField()">Clear</button>
<button class="action-button active" id="prettyXMLButton" style="padding: 3px 10px;"
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'xmlArea')">Format XML</button>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
onclick="fillDefaultXML(this)">Insert default XML</button>
</div>
</div>
<!-- <br><br> -->
<label for="xmlArea"><b>Insert your XML:</b></label>
@@ -57,7 +63,7 @@
expression</button>
<br><br>
<label for="resultArea"><b>Transform result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea"
<textarea disabled id="resultArea" name="resultArea"
class="textarea-300 bordered-field vertically-resizeable max-width" style="margin-bottom: 50px;" rows="10" cols="100"></textarea>
</div>

13
Frontend/tools/xsd.html
View File

@@ -14,8 +14,7 @@
<div id="tool" class="tool rwd-expandable">
<div class="tool-context">
<div class="headline">
<h1>Online XSD tester <span class="versionInfo"><span class="version-span">v0.4 BETA</span></span>
</h1>
<h1>Online XSD tester</h1>
</div>
<div class="display-space-between">
<div style="text-align: center;">
@@ -25,8 +24,14 @@
<option value="libxml">libXML</option>
</select>
</div>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px; float: right;"
<div>
<button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
onclick="clearDataField()">Clear</button>
<button class="action-button active" id="prettyXMLButton" style="padding: 3px 10px;"
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'xmlArea')">Format XML</button>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
onclick="fillDefaultXML(this)">Insert default XML</button>
</div>
</div>
<!-- <span id="processorTooltipInfo">procInfo</span><br> -->
@@ -49,7 +54,7 @@
<br><br>
<label for="resultArea"><b>Result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea" rows="2"
<textarea disabled id="resultArea" name="resultArea" rows="2"
class="bordered-field vert2ically-resizeable max-width" style="margin-bottom: 50px;"></textarea>
</div>

12
Frontend/tools/xslt.html
View File

@@ -14,7 +14,7 @@
<div id="tool" class="tool rwd-expandable">
<div class="tool-context">
<div class="headline">
<h1>Online XSLT tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
<h1>Online XSLT tester</h1>
</div>
<div class="display-space-between">
<div style="text-align: center;">
@@ -25,8 +25,14 @@
<option value="libxml">libXML</option>
</select>
</div>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px; float: right;"
<div>
<button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
onclick="clearDataField()">Clear</button>
<button class="action-button active" id="prettyXMLButton" style="padding: 3px 10px;"
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'xmlArea')">Format XML</button>
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
onclick="fillDefaultXML(this)">Insert default XML</button>
</div>
</div>
<span id="processorTooltipInfo">procInfo</span><br>
@@ -50,7 +56,7 @@
<br><br>
<label for="resultArea"><b>Transform result:<span id="procinfo"></span></b></label>
<textarea 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>
</div>