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

Initial commit

Browse Source
This commit is contained in:
Wojciech Czop
2021-04-26 16:16:04 +02:00
commit 3e7daea3ac
57 changed files with 8173 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Frontend/Dockerfile Normal file
View File

@@ -0,0 +1,12 @@
FROM nginx:stable-alpine
COPY ./* /usr/share/nginx/html/Frontend/
# COPY ./xpath.html /usr/share/nginx/html
# 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

2
Frontend/jquery-3.6.0.slim.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

25
Frontend/new_css/drytest.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="r11form.css">
<!-- <script src="scripts.js"></script> -->
</head>
<body>
<div class="collapsibleList">
<button class="section-button collapseTrigger">Node-Set</button>
<div class="collapsibleContent">
[1.0] <a href="#" onClick="return false;" class="collapseTrigger"><code>fn:last()</code></a>
<div class="collapsibleContent">
Returns the position of the last node in the context list <br>
<code>Link do dokumentacji W3C: <a href="https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions" target="_parent">Node-Set-Functions</code></a>
</div>
</div>
</div>
</body>

BIN
Frontend/new_css/font/fontello.eot Normal file
View File

Binary file not shown.

14
Frontend/new_css/font/fontello.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
<defs>
<font id="fontello" horiz-adv-x="1000" >
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="plus" unicode="&#xe801;" d="M786 439v-107q0-22-16-38t-38-15h-232v-233q0-22-16-37t-38-16h-107q-22 0-38 16t-15 37v233h-232q-23 0-38 15t-16 38v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q23 0 38-16t16-38z" horiz-adv-x="785.7" />
<glyph glyph-name="cancel" unicode="&#xe802;" d="M724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38z" horiz-adv-x="785.7" />
</font>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
Frontend/new_css/font/fontello.ttf Normal file
View File

Binary file not shown.

BIN
Frontend/new_css/font/fontello.woff Normal file
View File

Binary file not shown.

BIN
Frontend/new_css/font/fontello.woff2 Normal file
View File

Binary file not shown.

59
Frontend/new_css/fontello.css vendored Normal file
View File

@@ -0,0 +1,59 @@
@font-face {
font-family: 'fontello';
src: url('font/fontello.eot?49304387');
src: url('font/fontello.eot?49304387#iefix') format('embedded-opentype'),
url('font/fontello.woff2?49304387') format('woff2'),
url('font/fontello.woff?49304387') format('woff'),
url('font/fontello.ttf?49304387') format('truetype'),
url('font/fontello.svg?49304387#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?49304387#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-plus:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */

3
Frontend/new_css/main.css Normal file
View File

@@ -0,0 +1,3 @@
.container {
}

484
Frontend/new_css/r11form.css Normal file
View File

@@ -0,0 +1,484 @@
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap');
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
@import url('fontello.css');
.hyperlink, .hyperlink:visited, .hyperlink:active {
color: rgb(47, 125, 146);
cursor: pointer;
}
.hyperlink:hover {
filter: brightness(120%);
}
.tooltip-window {
position: fixed;
right: 0;
filter: drop-shadow(-2px 0px 2px darkgray);
background: #e8f3f7;
padding: 15px 30px;
font-family: 'Nunito', sans-serif;
width: 40%;
height: 100%;
overflow: scroll;
}
.tooltip-window.lite {
width: 30%;
}
/* .hyperlink.collapseTrigger::before{
content: "▼";
} */
.tooltip-window .tip {
}
.bordered-field {
border: 2px solid rgba(93, 99, 96, 0.705);
border-radius: 5px;
padding: 8px;
}
.bordered-field:focus {
outline: none;
box-shadow: 0 0 5px rgba(81, 203, 238);
border: 2px solid #00000070;
}
.bordered-field:disabled {
background: #eeeeeed2;
}
.vertically-resizeable {
resize: vertical;
}
.container {
font-family: 'Nunito', sans-serif;
display: flex;
justify-content: left;
width: 100%;
}
.tool {
width: 55%;
display: flex;
justify-content: space-evenly;
}
.tool.extended {
width: 65%;
}
.tool .tool-context {
width: 90%;
}
.tool.extended .tool-context {
width: 75%;
}
.tool.extended .tool-extention {
width: 20%;
padding-top: 2%;
display: block;
}
.tool .tool-extention {
display: none;
}
.tool-extention {
opacity: 0;
pointer-events: none;
}
.tool-extention.active {
opacity: 100%;
pointer-events: all;
}
.clickable-text {
padding: 0;
outline: none;
background: none;
border: none;
font-weight: 300;
cursor: pointer;
}
.clickable-text.highlight:hover {
color: #3bc4f1;
}
.modification-button {
padding: 0;
outline: none;
background: none;
border: none;
font-weight: 300;
}
.modification-button.btn-add {
font-size: 16px;
color: #00000030;
margin: auto 0 auto 0;
}
.modification-button.btn-add:hover {
color:#58ac43;
}
.modification-button.btn-tile:hover {
color: #ca1111;
}
.modification-button.btn-hashmap {
font-size: 16px;
color: #00000030;
margin: auto 0 auto 0;
}
.modification-button.btn-hashmap:hover {
color: #ca1111;
}
.modification-button.btn-tile {
width: 10%;
margin: 20% 0 0 0;
font-size: 14px;
color: #00000020
}
.tile {
width: 90%;
padding-top: 40%;
border: 1px solid gray;
border-radius: 3px;
position: relative;
background: #f0f0f095;
margin-bottom: 10px;
cursor: default;
}
.tile:hover {
filter: brightness(110%);
}
.tile.active {
background: #00000070;
color: white;
filter: none;
}
.tile .content {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding: 0 2% 0 7%;
display: flex;
}
.text-aligned-to-right {
text-align: right;
}
.centered-vertically {
margin-top: auto;
margin-bottom: auto;
}
.display-space-between {
width: 100%;
display: flex;
justify-content: space-between;
}
.content p {
margin: 0;
padding: 0;
}
.float-left {
display: flex;
justify-content: left;
width: 100%;
}
.version-span {
font-size: 13px;
font-weight: 400;
color: rgba(85,85,85,0.555);
}
.block-display {
display: block;
}
.block-label {
display: block;
margin: 0 0 0 5px;
}
.tabmenu {
display: flex;
flex-direction: row;
text-align: center;
border-bottom: 1px solid rgba(185, 185, 185, 0.5);
}
.tabitem {
flex-grow: 1;
cursor: pointer;
padding: 5px 0;
}
.tabitem:hover {
font-weight: 700;
}
.tabitem.active {
background: rgba(33, 34, 34, 0.705);
color: white;
font-weight: 700;
cursor:default;
flex-grow: 1;
}
.big-font {
font-size: 20px;
}
.action-button.active {
background: #3bc4f1;
border: 1px solid #7ed0eb;
cursor: pointer;
}
.action-button.active:hover {
filter: brightness(110%);
}
.action-button {
background: rgba(155, 165, 160, 0.507);
border:1px solid rgba(186, 197, 191, 0.507);
color: white;
padding: 10px 20px;
font-weight: 700;
margin: 3px 0;
}
.quater-width {
width: 25%;
}
.half-width {
width: 50%;
}
.half-width.with-padding {
width: 45%;
}
.max-width {
width: 100%;
}
.max-width.with-padding {
width: 94%;
}
.max-height {
height: 100%;
}
.height-300 {
height: 300px;
}
.max-height.with-padding {
height: 90%;
}
.small-margins {
margin: 3%;
}
.small-vertical-margin {
margin-top: 10px;
margin-bottom: 10px;
}
.medium-vertical-margin {
margin-top: 30px;
margin-bottom: 30px;
}
.large-vertical-margin {
margin-top: 50px;
margin-bottom: 50px;
}
.textarea-300 {
height: 300px;
}
.centered-content {
display: flex;
justify-content: center;
}
.table-map {
width: 60%;
}
.table-map input{
font-size: 16px;
padding: 7px;
border: 1px solid rgba(145, 146, 146, 0.849);
border-radius: 5px;
}
.table-map input.key {
background: #f0f0f0;
}
.table-default {
width: 80%;
border-collapse: collapse;
border-spacing: 0;
}
.table-default tr {
background: #f0f0f02d;
}
.table-default tr.bottom-border {
border-bottom: 1px solid black;
}
.table-default th {
background: #ffffff;
}
.table-default tr.even {
background: #f0f0f0;
}
.tip {
display: none;
}
.tip.active {
display: block;
}
.tabcontent {
display: none;
}
.tabcontent.active {
display: flex;
justify-content: center;
}
.section-button {
width: 100%;
padding: 15px 0;
font-size: 18px;
background: #b4b4b4c5;
cursor: pointer;
border-bottom: darkgray 2px solid !important;
}
.section-button:hover {
/* border-bottom: #3bc4f1 2px solid; */
backdrop-filter: brightness(110%);
}
.section-button .active {
background: #00000030;
}
.List .collapsibleContent {
/* display: none; */
border-left: #bdc5c9 2px solid;
/* max-height: 0px; */
/* border-left: #ededed solid 1px; */
overflow: hidden;
background: #ffffff50;
}
.section{
padding: 10px 0px 20px 0px ;
}
.content {
padding: 0px 15px 0px 15px ;
text-align: justify;
overflow: hidden;
transition: max-height .2s ease-out;
max-height: 0px;
border-left: #c0c2c3 2px solid;
}
.collapsibleMini::before{
content: "►";
}
.collapsibleMini.active::before{
content: "▼";
}
.content.active{
}
.hiddable {
display: none;
}
.hiddable.active {
display: inherit;
}
/* In case of collision with classes that use 'active' */
.hidden {
display: none;
}
button:hover{
filter: brightness(110%);
}
.table-doc td, .table-doc th{
border-spacing: 0px;
padding: 0px 10px;
}
.table-doc td {
background-color: rgba(155, 165, 160, 0.342);
}
.table-doc th {
background-color: #3bc4f1;
text-align: left;
color: white;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
code{
line-height: 150%;
}

33
Frontend/sample_data/sample_xml.xml Normal file
View File

@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="utf-8"?>
<l:library xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.release11.com" xmlns:l="http://www.release11.com/library" xmlns:p="http://www.release11.com/person" xmlns:b="http://www.release11.com/book">
<l:libraryName>City library</l:libraryName>
<l:libraryID>345123</l:libraryID>
<l:readerList>
<p:person>
<p:readerID>7321</p:readerID>
<p:name>Adam</p:name>
<p:surname>Choke</p:surname>
</p:person>
<p:person>
<p:readerID>5123</p:readerID>
<p:name>Lauren</p:name>
<p:surname>Wong</p:surname>
</p:person>
</l:readerList>
<l:bookList>
<b:book>
<b:bookID>6422</b:bookID>
<b:title>Harry Potter</b:title>
<p:readerID>7542</p:readerID>
</b:book>
<b:book>
<b:bookID>1234</b:bookID>
<b:title>Macbeth</b:title>
<p:readerID>5123</p:readerID>
</b:book>
<b:book>
<b:bookID>9556</b:bookID>
<b:title>Romeo and Juliet</b:title>
</b:book>
</l:bookList>
</l:library>

156
Frontend/scripts.js Normal file
View File

@@ -0,0 +1,156 @@
var defaultStrings = [];
const color_grey = "#6b6b6b";
const color_red = "#ff8f8f";
//Remove default text and set color to black
function clearDefaultContent(element, text) {
if (element.value == text) {
element.value = "";
element.style.color = "#000000";
element.style.backgroundColor = "#ffffff";
}
}
//Set default text in grey
function setDefaultContent(element, text) {
if (element.value == "") {
var id = element.getAttribute('id');
if (!defaultStrings.includes(text)) {
defaultStrings.push(text);
}
if (id == "xmlArea") {
element.style.color = color_grey;
element.value = text;
}
if (id == "transformArea") {
element.style.color = color_grey;
element.value = text;
}
}
}
function hideList(collList) {
for (i = 0; i < collList.length; i++) {
if (collList[i].nextElementSibling !== null) {
collList[i].nextElementSibling.style.maxHeight = null;
collList[i].nextElementSibling.classList.toggle("collapsibleDataExpanded", false);
}
collList[i].style.display = 'none';
collList[i].classList.remove("collapsibleActive");
}
}
function checkDefault(text){
return defaultStrings.includes(text);
}
function showList(collList) {
for (i = 0; i < collList.length; i++) {
collList[i].style.display = 'block';
}
}
function smoothFoldElement(element, toogleState, toggleParrent){
if (toogleState) {
console.log("DUPA");
if(toggleParrent){
element.parentElement.style.maxHeight = "0px";
}
element.classList.toggle("active", false);
var subLists = collapsibleData.getElementsByClassName("collapsibleData");
for (j = 0; j < subLists.length; j++) {
subLists[j].style.maxHeight = null;
}
} else {
collapsibleData.parentElement.style.maxHeight = (collapsibleData.parentElement.scrollHeight) + "px";
collapsibleData.classList.toggle("active", true);
if (collapsibleData.parentElement.classList.contains("collapsibleData") && collapsibleData.parentElement.classList.contains("active")) {
collapsibleData.parentElement.style.maxHeight = (collapsibleData.parentElement.scrollHeight + collapsibleData.scrollHeight) + "px";
}
}
}
//Set tooltip info, function is called by onClick handlers
function refreshTooltip() {
var resizeList = document.getElementsByClassName("collapsibleData");
console.log("collDataList: " + resizeList.length)
document.getElementById("processorTooltipInfo").innerText = procInfo;
document.getElementById("xsltelementsheader").innerText = XSLTheader;
}
function performRequest(text, checkXML, checkTransform){
var xmlData = document.getElementById("xmlArea").value.trim();
var transformData = document.getElementById("transformArea").value.trim();
var empty = false;
if (defaultStrings.includes(xmlData) && checkXML) {
document.getElementById("xmlArea").style.backgroundColor = color_red;
xmlData = "";
empty = true;
}
if (defaultStrings.includes(transformData) && checkTransform) {
document.getElementById("transformArea").style.backgroundColor = color_red;
empty = true;
}
if (!empty) {
restRequest(text);
}else{
document.getElementById("resultArea").value = "No data provided!";
return false;
}
}
//Form REST request, send, receive and display in resultArea
async function restRequest(text) {
const escapeChar = "specialEscapeChar";
// const addr = "http://localhost:8081/" + text;
const addr = "http://gordon.zipper.release11.com:8081/" + text;
var xmlData = document.getElementById("xmlArea").value.trim();
var transformData = document.getElementById("transformArea").value.trim();
if(defaultStrings.includes(xmlData)){
xmlData = "<empty/>";
}
// 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()
});
// console.log(jsonData);
var init = {
headers: new Headers({
}),
body: jsonData,
// body: data,
method: "POST"
};
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";
}
});
});
}

100
Frontend/styles.css Normal file
View File

@@ -0,0 +1,100 @@
html, body {
margin: 0px;
height: 100%;
min-height: 100%;
font-family: 'Nunito', sans-serif;
}
select {
font-size: 16px;
}
button#requestButton {
width: 100%;
}
div#content {
width: 100%;
min-height: 100%;
display: flex;
}
div#fields {
float: left;
width: 55%;
margin-left: 8px;
margin-right: 8px;
height: 100%;
margin-bottom: 60px;
}
p {
margin: 1
}
label {
font-size: 20px;
color: rgb(44, 44, 44);
}
textarea {
width: 99.4%;
resize: vertical;
color: #6b6b6b;
}
textarea#resultArea {
width: 99.4%;
resize: vertical;
}
span#procinfo {
color: #30aa58;
}
p#tooltipText {
width: 200px;
height: 150px;
}
div#tooltip {
margin-top: 160px;
float: right;
width: 40%;
height: 100%;
}
.collapsible {
width: 100%;
}
.collapsible.active {
background-color: rgb(129, 129, 129) !important;
}
.collapsibleData {
transition: max-height .2s ease-out;
max-height: 0px;
}
.docTable td, .docTable th{
border-spacing: 0px;
padding: 0px 10px;
}
.docTable td {
background-color: rgba(155, 165, 160, 0.342);
}
.docTable th {
background-color: #3bc4f1;
text-align: left;
color: white;
}
.collapsibleDataMini{
/* border-radius: 10px; */
border: solid rgba(137, 146, 142, 0.267);
border-width: 0px 0px 0px 3px;
margin-left: 10px;
}

1094
Frontend/xpath (copy).html Normal file
View File

File diff suppressed because it is too large Load Diff

3208
Frontend/xpath.html Normal file
View File

File diff suppressed because it is too large Load Diff

171
Frontend/xsd.html Normal file
View File

@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html>
<head>
<!-- <link rel="stylesheet" href="styles.css"> -->
<link rel="stylesheet" href="new_css/r11form.css">
<script src="scripts.js"></script>
<meta charset="utf-8" />
</head>
<body onload="init();">
<div class="container">
<div id="tool" class="tool">
<div class="tool-context">
<div class="headline">
<h1>Online XSD tester <span class="versionInfo"><span class="version-span">v0.4 BETA</span></span>
</h1>
</div>
<label for="processors">Select XSLT processor:</label>
<select name="processors" id="processors">
<!-- <option value="saxon">Saxon</option> -->
<option value="xalan">Xalan</option>
</select>
<!-- <span id="processorTooltipInfo">procInfo</span><br> -->
<br>
<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"
onblur="setDefaultContent(this, 'Insert XML here');"
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea>
<br><br>
<label for="transformArea"><b>Insert your XSD:</b></label>
<textarea id="transformArea" name="transformArea" rows="15"
class="textarea-300 bordered-field vertically-resizeable max-width"
onblur="setDefaultContent(this, 'Insert XSD here');"
onfocus="clearDefaultContent(this, 'Insert XSD here');"></textarea>
<br>
<button id="requestButton" class="max-width block-label action-button active"
onclick="performRequest('xsdpost', true, true)">Verify XSD</button>
<br><br>
<label for="resultArea"><b>Result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea" rows="2"
class="bordered-field vert2ically-resizeable max-width" style="margin-bottom: 50px;"></textarea>
</div>
</div>
<div class="tooltip-window">
<h2>What is XSD?</h2>
<p><b>XSD is a W3C recomedation that specifies how to describe the elements in XML document</b></p>
<p>XSD specifies data types, order and arity of elements in XML file.<br>
Main components of XSD file are:<br>
- Element declaration - declares properties of elements (names and namespaces)<br>
- Attribute declarations - declares properties of attributes<br>
- Simple and complex types:<br>
- - XSD provides 19 simple data types<br>
- - More complex types are declared using simple types and relationships<br>
</p>
</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>
function init() {
//Handle clicks in whole form and set info in tooltip
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
setDefaultContent(document.getElementById("transformArea"), 'Insert XSD here');
console.log("init");
// refreshTooltip();
processTooltip();
tool.addEventListener('click', event => {
//Check if script was called from textarea or selector
var targetID = event.target.getAttribute('id');
if (targetID !== "processors" && targetID !== "xmlArea" && targetID !== "transformArea" && targetID !== "versions") {
return;
}
processTooltip();
// console.log("clock");
})
}
</script>
</body>
</html>

540
Frontend/xslt (copy).html Normal file
View File

@@ -0,0 +1,540 @@
<!DOCTYPE html>
<html>
<head>
<!-- <link rel="stylesheet" href="styles.css"> -->
<link rel="stylesheet" href="new_css/r11form.css">
<script src="scripts.js"></script>
</head>
<body onload="init();">
<div class="container">
<div id="tool" class="tool">
<div class="tool-context">
<div class="headline">
<h1>Online XSLT tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
</div>
<label for="processors">Select XSLT processor:</label>
<select name="processors" id="processors">
<option value="saxon">Saxon</option>
<option value="xalan">Xalan</option>
</select>
<span id="processorTooltipInfo">procInfo</span><br>
<br>
<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"
onblur="setDefaultContent(this, 'Insert XML here');"
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea>
<br><br>
<label for="transformArea"><b>Insert your XSLT:</b></label>
<textarea id="transformArea" name="transformArea" rows="15"
class="textarea-300 bordered-field vertically-resizeable max-width"
onblur="setDefaultContent(this, 'Insert XSLT here');"
onfocus="clearDefaultContent(this, 'Insert XSLT here');"></textarea>
<br>
<button id="requestButton" class="max-width block-label action-button active"
onclick="performRequest('xsltpost', true, true)">Execute XSLT transform</button>
<br><br>
<label for="resultArea"><b>Transform result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea" rows="10"
class="textarea-300 bordered-field vertically-resizeable max-width"></textarea>
</div>
</div>
<div class="tooltip tooltip-window">
<h2>What is XSLT?</h2>
<p>XSLT is a language for transforming XML documents into other documents such as XML, HTML and many
other.<br></p>
<span id="collapsible-lists">
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none" style="border: none">XSLT 1.0 vs
2.0
vs 3.0</button>
<div class="content">
<p><b>XSLT 2.0 introduced a host of new features:</b><br>
- Strong typing and all XSD types<br>
- The ability to define and write own functions<br>
- node-set() - replaces XSLT's 1.0 Result Tree Fragment, creating fully functional tree<br>
- New functions and operators:<br>
- - XPath 2.0<br>
- - String processing and regular expressions<br>
- - Grouping (for-each-group function)
- - String processing<br>
- - Sequence type<br>
</p>
<p><b>XSLT 3.0 further improved the formula:</b><br>
- Streaming tranformations (previously file had to be loaded to memory to be processed)<br>
- Packages - improve the modularity of large stylesheets<br>
- Improved error handling (for example <code>&lt;xsl:try&gt;</code>)<br>
- Support for maps and arrays, enabling XSLT to handle JSON as well as XML<br>
- Functions can now be arguments to other (higher-order) functions
</p>
</div>
</div>
<h2><span id="tooltipFunctionInfo">XSLT 1.0, 2.0 & 3.0 functions</span></h2>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">Templates</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Defining-Template-Rules"
target="_blank"><code>&lt;xsl:template&gt;</code></a> - defines a set of rules to be
applied to
specified node.<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Applying-Template-Rules"
target="_blank"><code>&lt;xsl:apply-templates&gt;</code></a> - applies a template rule to
the
current element or to element's child nodes.<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#apply-imports"
target="_blank"><code>&lt;xsl:apply-imports&gt;</code></a> - Applies a template rule from
an
imported style sheet<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Applying-Template-Rules"
target="_blank"><code>&lt;xsl:apply-templates&gt;</code></a> - Applies a template rule to
the
current element or to the current element's child nodes<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#named-templates"
target="_blank"><code>&lt;xsl:call-template&gt;</code></a> - Calls a named template
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-next-match"
target="_blank"><code>&lt;xsl:next-match&gt;</code></a> - overrides another template
rule
(considers all other template rules of lower import precedence/priority)<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-mode"
target="_blank"><code>&lt;xsl:mode&gt;</code></a> - Allows properties of a mode to be
defined<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-override"
target="_blank"><code>&lt;xsl:override&gt;</code></a> - Allows using package to
override
selected components from a used package<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-package"
target="_blank"><code>&lt;xsl:package&gt;</code></a> - Defines a set of stylesheet
modules
that can be compiled as a unit<br></span>
<span name="collapse2">[v3.0] <a href="https://www.w3.org/TR/xslt-30/#element-accept"
target="_blank"><code>&lt;xsl:accept&gt;</code></a> - Allows a package to restrict the
visibility of components exposed by a package<br></span>
<span name="collapse2">[v3.0] <a
href="http://www.w3.org/TR/xslt-30/#element-global-context-item"
target="_blank"><code>&lt;xsl:global-context-item&gt;</code></a> - Declares whether a
global context item is required, and if so, to declare its required type</span>
</div>
</div>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">Repetition and Conditional
processing</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#for-each"
target="_blank"><code>&lt;xsl:for-each&gt;</code></a> - Loops through each node in a
specified
node set<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Conditional-Processing"
target="_blank"><code>&lt;xsl:if&gt;</code></a> - Contains a template that will be applied
only if a specified condition is true<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Conditional-Processing-with-xsl:choose"
target="_blank"><code>&lt;xsl:choose&gt;</code></a> - Used in conjunction with &lt;when&gt;
and
&lt;otherwise&gt; to express multiple conditional tests<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Conditional-Processing-with-xsl:choose"
target="_blank"><code>&lt;xsl:when&gt;</code></a> - Specifies an action for the
&lt;choose&gt; element<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Conditional-Processing-with-xsl:choose"
target="_blank"><code>&lt;xsl:otherwise&gt;</code></a> - Specifies a default
action for the &lt;choose&gt; element<br>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-for-each-group"
target="_blank"><code>&lt;xsl:for-each-group&gt;</code></a> - Groups
elements and performs operations once for each group<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-iterate"
target="_blank"><code>&lt;xsl:iterate&gt;</code></a> - Used to iterate
over a sequence, with the option to set parameters for use in the next
iteration<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-break"
target="_blank"><code>&lt;xsl:break&gt;</code></a> - Causes premature
completion before the entire input sequence has been processed<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-next-iteration"
target="_blank"><code>&lt;xsl:next-iteration&gt;</code></a> - The
contents
are a set of xsl:with-param elements defining the values of the iteration
parameters to be used on the next iteration<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-on-completion"
target="_blank"><code>&lt;xsl:on-completion&gt;</code></a> - Defines
processing to be carried out when the input sequence is exhausted<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-fork"
target="_blank"><code>&lt;xsl:fork&gt;</code></a> - The result of the
xsl:fork instruction is the sequence formed by concatenating the results of
evaluating each of its contained instructions, in order<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-on-empty"
target="_blank"><code>&lt;xsl:on-empty&gt;</code></a> - Outputs the
enclosed content only if the containing sequence generates no "ordinary"
content<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-on-non-empty"
target="_blank"><code>&lt;xsl:on-non-empty&gt;</code></a> - Outputs the
enclosed content only if the containing sequence also generates "ordinary"
content<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-try"
target="_blank"><code>&lt;xsl:try&gt;</code></a> - Allows recovery from
dynamic errors occurring within the expression it wraps<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-catch"
target="_blank"><code>&lt;xsl:catch&gt;</code></a> - In conjunction
with
xsl:try, handles dynamic errors<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-context-item"
target="_blank"><code>&lt;xsl:context-item&gt;</code></a> - Used to
declare
the initial context item for a template<br></span>
</div>
</div>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">Creating result tree</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#creating-attributes"
target="_blank"><code>&lt;xsl:attribute&gt;</code></a> - Adds an attribute<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#attribute-sets"
target="_blank"><code>&lt;xsl:attribute-set&gt;</code></a> - Defines a named set of
attributes<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#copying"
target="_blank"><code>&lt;xsl:copy&gt;</code></a> - Creates a copy of the current node
(without
child nodes and attributes)<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#number"
target="_blank"><code>&lt;xsl:number&gt;</code></a> - Determines the integer position of
the
current node and formats a number<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#value-of"
target="_blank"><code>&lt;xsl:value-of&gt;</code></a> - Extracts the value of a selected
node<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Creating-Text"
target="_blank"><code>&lt;xsl:text&gt;</code></a> - Writes literal text to the output<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Creating-Comments"
target="_blank"><code>&lt;xsl:comment&gt;</code></a> - Creates a comment node in the result
tree<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Creating-Processing-Instructions"
target="_blank"><code>&lt;xsl:processing-instruction&gt;</code></a> - Writes a processing
instruction to the output<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#key"
target="_blank"><code>&lt;xsl:key&gt;</code></a> -
Declares a named key that can be used in the
style sheet with the key() function<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#format-number"
target="_blank"><code>&lt;xsl:decimal-format&gt;</code></a> - Defines the characters and
symbols to be used when converting numbers into strings, with the format-number() function<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#strip"
target="_blank"><code>&lt;xsl:preserve-space&gt;</code></a> - Defines the elements for
which
white space should be preserved<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#strip"
target="_blank"><code>&lt;xsl:strip-space&gt;</code></a> - Defines the elements for which
white
space should be removed<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#sorting"
target="_blank"><code>&lt;xsl:sort&gt;</code></a> - Sorts the output<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#output"
target="_blank"><code>&lt;xsl:output&gt;</code></a> - Defines the format of the output
document<br>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-perform-sort"
target="_blank"><code>&lt;xsl:for-each-group&gt;</code></a> - Sorts given
sequence<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-result-document"
target="_blank"><code>&lt;xsl:result-document&gt;</code></a> - Creates a final result
tree<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-character-map"
target="_blank"><code>&lt;xsl:character-map&gt;</code></a> - Allows a specific
character
appearing in the final result tree to be substituted by a specified string of
characters<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-character-map"
target="_blank"><code>&lt;xsl:output-character&gt;</code></a> - Defines characters and
their replacements to be used by character-map<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-merge"
target="_blank"><code>&lt;xsl:merge&gt;</code></a> - Merges two or more pre-sorted
input
files<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-merge-action"
target="_blank"><code>&lt;xsl:merge-action&gt;</code></a> - Defines action to be
carried
out on each merged group<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-merge-key"
target="_blank"><code>&lt;xsl:merge-key&gt;</code></a> - Used to define the merge keys
on
which the input sequences are sorted<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-merge-source"
target="_blank"><code>&lt;xsl:merge-source&gt;</code></a> - Describes the input source
for
an xsl:merge instruction<br></span>
<!-- <span name="collapse2">[v3.0] <a href=" " target="_blank"><code>&lt; &gt;</code></a> - <br></span>
<span name="collapse2">[v3.0] <a href=" " target="_blank"><code>&lt; &gt;</code></a> - <br></span>
<span name="collapse2">[v3.0] <a href=" " target="_blank"><code>&lt; &gt;</code></a> - <br></span> -->
</div>
</div>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">Stylesheet structure</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#stylesheet-element"
target="_blank"><code>&lt;xsl:stylesheet&gt;</code></a> - Defines the root element of a
style
sheet<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#stylesheet-element"
target="_blank"><code>&lt;xsl:transform&gt;</code></a> - Defines the root element of a
style
sheet<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#import"
target="_blank"><code>&lt;xsl:import&gt;</code></a> - Imports the contents of one style
sheet
into another. Note: An imported style sheet has lower precedence than the importing style
sheet<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#include"
target="_blank"><code>&lt;xsl:include&gt;</code></a> - Includes the contents of one style
sheet
into another. Note: An included style sheet has the same precedence as the including style
sheet<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#literal-result-element"
target="_blank"><code>&lt;xsl:namespace-alias&gt;</code></a> - Replaces a namespace in the
style sheet to a different namespace in the output<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Creating-Elements-with-xsl:element"
target="_blank"><code>&lt;xsl:element&gt;</code></a> - Creates an element node in the
output
document<br>
</div>
</div>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">Variables and
Parameters</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#variables"
target="_blank"><code>&lt;xsl:param&gt;</code></a> - Declares a local or global
parameter<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#variables"
target="_blank"><code>&lt;xsl:variable&gt;</code></a> - Declares a local or global
variable<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Passing-Parameters-to-Templates"
target="_blank"><code>&lt;xsl:with-param&gt;</code></a> - Defines the value of a parameter
to
be passed into a template<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#copy-of"
target="_blank"><code>&lt;xsl:copy-of&gt;</code></a> - Creates a copy of the current node
(with
child nodes and attributes)<br>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-document"
target="_blank"><code>&lt;xsl:document&gt;</code></a> - Creates a new document
node<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-namespace"
target="_blank"><code>&lt;xsl:namespace&gt;</code></a> - Creates a namespace
node<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-namespace-alias"
target="_blank"><code>&lt;xsl:namespace-alias&gt;</code></a> - Declares that a literal
namespace URI is being used as an alias for a target namespace URI<br></span>
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-sequence"
target="_blank"><code>&lt;xsl:sequence&gt;</code></a> - Constructs a sequence of nodes
and/or atomic values<br></span>
</div>
</div>
<span name="collapse30">
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none" name="collapse2">[v2.0]
Regular
Expressions</button>
<div class="content" name="collapse2data">
[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-analyze-string"
target="_blank"><code>&lt;xsl:analyze-string&gt;</code></a> - Identifies substrings
that
match
given regex<br>
[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-analyze-string"
target="_blank"><code>&lt;xsl:matching-substring&gt;</code></a> - Used in conjunction
with
analize-string, returns matching substrings<br>
[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-analyze-string"
target="_blank"><code>&lt;xsl:non-matching-substring&gt;</code></a> - Used in
conjunction
with
analize-string, returns substrings that didn't match the regex
</div>
</div>
</span>
<span name="collapse30">
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none" name="collapse2">[v2.0 -
3.0]
Callable</button>
<div class="content" name="collapse2data">
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-function"
target="_blank"><code>&lt;xsl:function&gt;</code></a> - Declares a function that
can be
called from any XPath expression in the stylesheet<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-evaluate"
target="_blank"><code>&lt;xsl:evaluate&gt;</code></a> - Allows dynamic evaluation
of
XPath
expressions from a string<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-assert"
target="_blank"><code>&lt;xsl:assert&gt;</code></a> - Asserts a XPath expression,
optionally throwing a dynamic error<br></span>
<!-- <span name="collapse2">[v3.0] <a href=" " target="_blank"><code>&lt; &gt;</code></a> - <br></span> -->
</div>
</div>
</span>
<div class="collapsible">
<button class="section-button collapseTrigger" style="border: none" style="border: none">Other
elements</button>
<div class="content">
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#message"
target="_blank"><code>&lt;xsl:message&gt;</code></a> - Writes a message to the output (used
to
report errors)<br>
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#fallback"
target="_blank"><code>&lt;xsl:fallback&gt;</code></a> - Specifies an alternate code to run
if
the processor does not support an XSLT element<br>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-map"
target="_blank"><code>&lt;xsl:map&gt;</code></a> - Used to construct a new
map<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-map-entry"
target="_blank"><code>&lt;xsl:map-entry&gt;</code></a> - Used to construct a singleton
map
(one key and one value)<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-expose"
target="_blank"><code>&lt;xsl:expose&gt;</code></a> - Used to modify the visibility of
selected components within a package<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-accumulator"
target="_blank"><code>&lt;xsl:accumulator&gt;</code></a> - Defines a rule that is to be
applied while the document is being sequentially processed<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-accumulator-rule"
target="_blank"><code>&lt;xsl:accumulator-rule&gt;</code></a> - Defines a rule for an
xsl:accumulator<br></span>
<span name="collapse2"><b>Streaming: (not usable on this website!)</b></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-source-document"
target="_blank"><code>&lt;xsl:source-document&gt;</code></a> - Initiates streamed or
unstreamed processing of a source document<br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-use-package"
target="_blank"><code>&lt;xsl:use-package&gt;</code></a> - <br></span>
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-where-populated"
target="_blank"><code>&lt;xsl:where-populated&gt;</code></a> - Allows conditional
content
construction to be made streamable<br></span>
<span name="collapse2"><b>Packages: (not usable on this website!)</b></span>
<span name="collapse2">[v3.0] <a href="https://www.w3.org/TR/xslt-30/#element-accept"
target="_blank"><code>&lt;xsl:accept&gt;</code></a> - Allows a package to restrict the
visibility of components exposed by a package that it uses<br></span>
<!-- <span name="collapse2">[v3.0] <a href=" " target="_blank"><code>&lt; &gt;</code></a> - <br></span> -->
</div>
</div>
</span>
</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>
function init() {
//Handle clicks in whole form and set info in tooltip
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
setDefaultContent(document.getElementById("transformArea"), 'Insert XSLT here');
console.log("init");
// refreshTooltip();
processTooltip();
tool.addEventListener('click', event => {
//Check if script was called from textarea or selector
var targetID = event.target.getAttribute('id');
if (targetID !== "processors" && targetID !== "xmlArea" && targetID !== "transformArea" && targetID !== "versions") {
return;
}
processTooltip();
// console.log("clock");
})
}
</script>
</body>
</html>

1227
Frontend/xslt.html Normal file
View File

File diff suppressed because it is too large Load Diff