Restructured frontend, unified source of csses
Reviewed-on: R11/release11-tools-web#4
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -3,9 +3,10 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>R11 MockedServices</title>
|
<title>R11 MockedServices</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" href="css/fontello.css" type="text/css">
|
<link rel="stylesheet" href="http://localhost:8086/assets/css/common/fontello.css" type="text/css">
|
||||||
<link rel="stylesheet" href="css/main.css" type="text/css">
|
<link rel="stylesheet" href="http://localhost:8086/assets/css/mock-service/main.css" type="text/css">
|
||||||
<link rel="stylesheet" href="css/common.css" type="text/css">
|
<!-- <link rel="stylesheet" href="css/common.css" type="text/css"> -->
|
||||||
|
<link rel="stylesheet" href="http://localhost:8086/assets/css/mock-service/common.css" type="text/css">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
11
Frontend/Dockerfile
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
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
|
||||||
|
|
||||||
|
EXPOSE 80
|
||||||
6
Frontend/assets/css/common/common.css
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
|
||||||
|
@import url('r11addons.css');
|
||||||
|
@import url('r11tables.css');
|
||||||
|
@import url('r11tool.css');
|
||||||
|
@import url('r11tooltip.css');
|
||||||
|
@import url('r11modal.css');
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
6
Frontend/assets/css/mock-service/common.css
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
|
||||||
|
@import url('r11addons.css');
|
||||||
|
@import url('r11tables.css');
|
||||||
|
@import url('r11tool.css');
|
||||||
|
@import url('r11tooltip.css');
|
||||||
|
@import url('r11modal.css');
|
||||||
4
Frontend/assets/css/mock-service/main.css
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
.overflowedTableContent {
|
||||||
|
max-height: 750px;
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
BIN
Frontend/assets/css/tools/font/fontello.eot
Normal file
14
Frontend/assets/css/tools/font/fontello.svg
Normal 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="" 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="" 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>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
Frontend/assets/css/tools/font/fontello.ttf
Normal file
BIN
Frontend/assets/css/tools/font/fontello.woff
Normal file
BIN
Frontend/assets/css/tools/font/fontello.woff2
Normal file
59
Frontend/assets/css/tools/fontello.css
vendored
Normal 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'; } /* '' */
|
||||||
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
31
Frontend/index.html
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="assets/css/frame.css">
|
||||||
|
<!-- <link rel="stylesheet" href="common.css"> -->
|
||||||
|
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="header">
|
||||||
|
<h1 id="logo"><a href="http://release11.com/"><img src="assets/images/logo.png" alt="Release11"></a></h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="content">
|
||||||
|
<div id="toolList">
|
||||||
|
<ul id="toolList">
|
||||||
|
<li id="toolListRow"><a href="http://localhost:8097/" target="iframe">REST Mock</a></li>
|
||||||
|
<li id="toolListRow"><a href="./tools/xpath.html" target="iframe">XPath</a></li>
|
||||||
|
<li id="toolListRow"><a href="./tools/xslt.html" target="iframe">XSLT</a></li>
|
||||||
|
<li id="toolListRow"><a href="./tools/xsd.html" target="iframe">XSD</a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="copyright">Copyright © 2023<br><a href="http://release11.com/">Release11 Sp. z. o. o.</a></div>
|
||||||
|
</div>
|
||||||
|
<iframe id="frame" name="iframe" src="http://localhost:8097/" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -4,9 +4,9 @@
|
|||||||
<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="jquery-3.6.0.slim.min.js"></script>
|
<script src="../assets/scripts/tools/jquery-3.6.0.slim.min.js"></script>
|
||||||
<link rel="stylesheet" href="new_css/r11form.css">
|
<link rel="stylesheet" href="../assets/css/tools/r11form.css">
|
||||||
<script src="scripts.js"></script>
|
<script src="../assets/scripts/tools/scripts.js"></script>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -3,8 +3,8 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
<!-- <link rel="stylesheet" href="styles.css"> -->
|
<!-- <link rel="stylesheet" href="styles.css"> -->
|
||||||
<link rel="stylesheet" href="new_css/r11form.css">
|
<link rel="stylesheet" href="../assets/css/tools/r11form.css">
|
||||||
<script src="scripts.js"></script>
|
<script src="../assets/scripts/tools/scripts.js"></script>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -3,8 +3,8 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
<!-- <link rel="stylesheet" href="styles.css"> -->
|
<!-- <link rel="stylesheet" href="styles.css"> -->
|
||||||
<link rel="stylesheet" href="new_css/r11form.css">
|
<link rel="stylesheet" href="../assets/css/tools/r11form.css">
|
||||||
<script src="scripts.js"></script>
|
<script src="../assets/scripts/tools/scripts.js"></script>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
FROM nginx:stable-alpine
|
|
||||||
|
|
||||||
COPY ./Frontend/ /usr/share/nginx/html/Frontend/
|
|
||||||
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
|
|
||||||
|
|
||||||
EXPOSE 80
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
.container {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
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;
|
|
||||||
}
|
|
||||||
@@ -1,540 +0,0 @@
|
|||||||
<!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><xsl:try></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><xsl:template></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><xsl:apply-templates></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><xsl:apply-imports></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><xsl:apply-templates></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><xsl:call-template></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><xsl:next-match></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><xsl:mode></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><xsl:override></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><xsl:package></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><xsl:accept></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><xsl:global-context-item></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><xsl:for-each></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><xsl:if></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><xsl:choose></code></a> - Used in conjunction with <when>
|
|
||||||
and
|
|
||||||
<otherwise> 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><xsl:when></code></a> - Specifies an action for the
|
|
||||||
<choose> element<br>
|
|
||||||
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#section-Conditional-Processing-with-xsl:choose"
|
|
||||||
target="_blank"><code><xsl:otherwise></code></a> - Specifies a default
|
|
||||||
action for the <choose> element<br>
|
|
||||||
<span name="collapse2">[v2.0] <a href="https://www.w3.org/TR/xslt20/#element-for-each-group"
|
|
||||||
target="_blank"><code><xsl:for-each-group></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><xsl:iterate></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><xsl:break></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><xsl:next-iteration></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><xsl:on-completion></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><xsl:fork></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><xsl:on-empty></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><xsl:on-non-empty></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><xsl:try></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><xsl:catch></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><xsl:context-item></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><xsl:attribute></code></a> - Adds an attribute<br>
|
|
||||||
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#attribute-sets"
|
|
||||||
target="_blank"><code><xsl:attribute-set></code></a> - Defines a named set of
|
|
||||||
attributes<br>
|
|
||||||
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#copying"
|
|
||||||
target="_blank"><code><xsl:copy></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><xsl:number></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><xsl:value-of></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><xsl:text></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><xsl:comment></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><xsl:processing-instruction></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><xsl:key></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><xsl:decimal-format></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><xsl:preserve-space></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><xsl:strip-space></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><xsl:sort></code></a> - Sorts the output<br>
|
|
||||||
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#output"
|
|
||||||
target="_blank"><code><xsl:output></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><xsl:for-each-group></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><xsl:result-document></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><xsl:character-map></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><xsl:output-character></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><xsl:merge></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><xsl:merge-action></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><xsl:merge-key></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><xsl:merge-source></code></a> - Describes the input source
|
|
||||||
for
|
|
||||||
an xsl:merge instruction<br></span>
|
|
||||||
<!-- <span name="collapse2">[v3.0] <a href=" " target="_blank"><code>< ></code></a> - <br></span>
|
|
||||||
<span name="collapse2">[v3.0] <a href=" " target="_blank"><code>< ></code></a> - <br></span>
|
|
||||||
<span name="collapse2">[v3.0] <a href=" " target="_blank"><code>< ></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><xsl:stylesheet></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><xsl:transform></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><xsl:import></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><xsl:include></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><xsl:namespace-alias></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><xsl:element></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><xsl:param></code></a> - Declares a local or global
|
|
||||||
parameter<br>
|
|
||||||
[v1.0] <a href="https://www.w3.org/TR/xslt-10/#variables"
|
|
||||||
target="_blank"><code><xsl:variable></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><xsl:with-param></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><xsl:copy-of></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><xsl:document></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><xsl:namespace></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><xsl:namespace-alias></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><xsl:sequence></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><xsl:analyze-string></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><xsl:matching-substring></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><xsl:non-matching-substring></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><xsl:function></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><xsl:evaluate></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><xsl:assert></code></a> - Asserts a XPath expression,
|
|
||||||
optionally throwing a dynamic error<br></span>
|
|
||||||
<!-- <span name="collapse2">[v3.0] <a href=" " target="_blank"><code>< ></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><xsl:message></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><xsl:fallback></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><xsl:map></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><xsl:map-entry></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><xsl:expose></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><xsl:accumulator></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><xsl:accumulator-rule></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><xsl:source-document></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><xsl:use-package></code></a> - <br></span>
|
|
||||||
<span name="collapse2">[v3.0] <a href="http://www.w3.org/TR/xslt-30/#element-where-populated"
|
|
||||||
target="_blank"><code><xsl:where-populated></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><xsl:accept></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>< ></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>
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
<!-- <link rel="stylesheet" href="common.css"> -->
|
|
||||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="header">
|
|
||||||
<h1 id="logo"><a href="http://release11.com/"><img src="./logo.png" alt="Release11"></a></h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="content">
|
|
||||||
<div id="toolList">
|
|
||||||
<ul id="toolList">
|
|
||||||
<li id="toolListRow"><a href="http://localhost:8097/" target="iframe">REST Mock</a></li>
|
|
||||||
<li id="toolListRow"><a href="./Frontend/xpath.html" target="iframe">XPath</a></li>
|
|
||||||
<li id="toolListRow"><a href="./Frontend/xslt.html" target="iframe">XSLT</a></li>
|
|
||||||
<li id="toolListRow"><a href="./Frontend/xsd.html" target="iframe">XSD</a></li>
|
|
||||||
</ul>
|
|
||||||
<div id="copyright">Copyright © 2021<br><a href="http://release11.com/">release11 Sp. z o. o.</a></div>
|
|
||||||
</div>
|
|
||||||
<iframe id="frame" name="iframe" src="http://localhost:8097/" frameborder="0"></iframe>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||