From 2c245f950637e78f62d7585a58ba9270de729655 Mon Sep 17 00:00:00 2001
From: pictuga <contact@pictuga.com>
Date: Fri, 20 Mar 2020 16:44:49 +0100
Subject: [PATCH] sheet.xsl: improve output formatting

Include tags, better CSS
---
 www/sheet.xsl | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/www/sheet.xsl b/www/sheet.xsl
index bb16039..b32245a 100644
--- a/www/sheet.xsl
+++ b/www/sheet.xsl
@@ -20,10 +20,18 @@
 					list-style-type: none;
 				}
 
-				.element {
+				.tag {
 					color: darkred;
 				}
 
+				.attr {
+					color: darksalmon;
+				}
+
+				.value {
+					color: darkblue;
+				}
+
 				.comment {
 					color: lightgrey;
 				}
@@ -55,15 +63,27 @@
 	<xsl:template match="*">
 		<li>
 			<span class="element">
-				<xsl:value-of select="concat('&lt;', name(), '&gt;')"/>
+				&lt;
+					<span class="tag"><xsl:value-of select="name()"/></span>
+
+					<xsl:for-each select="@*">
+						<span class="attr"> <xsl:value-of select="name()"/></span>
+						=
+						"<span class="value"><xsl:value-of select="."/></span>"
+					</xsl:for-each>
+				&gt;
 			</span>
+
 			<xsl:if test="node()">
 				<ul>
 					<xsl:apply-templates/>
 				</ul>
 			</xsl:if>
+
 			<span class="element">
-				<xsl:value-of select="concat('&lt;/', name(), '&gt;')"/>
+				&lt;/
+					<span class="tag"><xsl:value-of select="name()"/></span>
+				&gt;
 			</span>
 		</li>
 	</xsl:template>