snaakey/hydra
0
0
Fork 0
forked from lix-project/hydra
Code Pull requests Activity

* Use jquery for the logfile manipulation.

Browse source
This commit is contained in:
Eelco Dolstra 2008-11-18 17:51:40 +00:00
parent 1f90d94331
commit 125d7a985e
5 changed files with 49 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/HydraFrontend/root/layout.tt
View file

@ -18,12 +18,50 @@
<link rel="stylesheet" href="/static/css/logfile.css" type="text/css" /> <link rel="stylesheet" href="/static/css/logfile.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery-pack.js"></script> <script type="text/javascript" src="/static/js/jquery-pack.js"></script>
<script type="text/javascript" src="/static/js/tablesorter/jquery.tablesorter.js"></script> <script type="text/javascript" src="/static/js/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript" src="/static/js/treebits.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$("table.tablesorter").tablesorter(); $("table.tablesorter").tablesorter();
/* Set the appearance of the toggle depending on whether the
corresponding subtree is initially shown or hidden. */
$(".logTreeToggle").map(function() {
if ($(this).siblings("ul:hidden").length == 0) {
$(this).text("-");
} else {
$(this).text("+");
}
});
/* When a toggle is clicked, show or hide the subtree. */
$(".logTreeToggle").click(function() {
if ($(this).siblings("ul:hidden").length != 0) {
$(this).siblings("ul").show();
$(this).text("-");
} else {
$(this).siblings("ul").hide();
$(this).text("+");
}
});
/* Implementation of the expand all link. */
$(".logTreeExpandAll").click(function() {
$(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
$(this).siblings("ul").show();
$(this).text("-");
});
});
/* Implementation of the collapse all link. */
$(".logTreeCollapseAll").click(function() {
$(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
$(this).siblings("ul").hide();
$(this).text("+");
});
});
}); });
</script> </script>
</head> </head>
<body> <body>

1
src/HydraFrontend/root/log.tt
View file

@ -2,7 +2,6 @@
<h1>Build log [% IF step %] of step [% step.stepnr %] [% ELSE %]<tt>[% log.logphase %]</tt>[% END %] of build ID [% id %]</h1> <h1>Build log [% IF step %] of step [% step.stepnr %] [% ELSE %]<tt>[% log.logphase %]</tt>[% END %] of build ID [% id %]</h1>
<!-- !!! escaping -->
<div class="buildlog"> <div class="buildlog">
[% logtext -%] [% logtext -%]
</div> </div>

5
src/HydraFrontend/root/static/css/logfile.css
View file

@ -69,11 +69,8 @@ em.storeref:hover span.popup {
} }
.toggle { .logTreeToggle {
text-decoration: none; text-decoration: none;
}
.showTree, .hideTree {
font-family: monospace; font-family: monospace;
font-size: larger; font-size: larger;
} }

50
src/HydraFrontend/root/static/js/treebits.js
View file

@ -1,50 +0,0 @@
/* Acknowledgement: this is based on the Wikipedia table-of-contents
* toggle. */
var idCounter = 0;
function showTreeToggle(isHidden) {
if (document.getElementById) {
var id = "toggle_" + idCounter;
document.writeln(
'<a href="javascript:toggleTree(\'' + id + '\')" class="toggle" id="' + id + '">' +
'<span class="showTree" ' + (isHidden ? '' : 'style="display: none;"') + '>+</span>' +
'<span class="hideTree" ' + (isHidden ? 'style="display: none;"' : '') + '>-</span>' +
'</a>');
idCounter = idCounter + 1;
}
}
function toggleTree(id) {
var href = document.getElementById(id);
var node = href;
var tree = null;
while (node != null) {
if (node.className == "nesting") tree = node;
node = node.nextSibling;
}
node = href.firstChild;
var hideTree = null;
var showTree = null;
while (node != null) {
if (node.className == "showTree") showTree = node;
else if (node.className == "hideTree") hideTree = node;
node = node.nextSibling;
}
if (tree.style.display == 'none') {
tree.style.display = '';
hideTree.style.display = '';
showTree.style.display = 'none';
} else {
tree.style.display = 'none';
hideTree.style.display = 'none';
showTree.style.display = '';
}
}

8
src/HydraFrontend/xsl/log2html.xsl
View file

@ -7,6 +7,8 @@
doctype-system="http://www.w3.org/TR/html4/strict.dtd" /> doctype-system="http://www.w3.org/TR/html4/strict.dtd" />
<xsl:template match="logfile"> <xsl:template match="logfile">
[<a href="javascript:" class="logTreeExpandAll">Expand all</a>]
[<a href="javascript:" class="logTreeCollapseAll">Collapse all</a>]
<ul class='toplevel'> <ul class='toplevel'>
<xsl:for-each select='line|nest'> <xsl:for-each select='line|nest'>
<li> <li>
@ -28,7 +30,11 @@
<xsl:variable name="style"><xsl:if test="$collapsed">display: none;</xsl:if></xsl:variable> <xsl:variable name="style"><xsl:if test="$collapsed">display: none;</xsl:if></xsl:variable>
<xsl:variable name="arg"><xsl:choose><xsl:when test="$collapsed">true</xsl:when><xsl:otherwise>false</xsl:otherwise></xsl:choose></xsl:variable> <xsl:variable name="arg"><xsl:choose><xsl:when test="$collapsed">true</xsl:when><xsl:otherwise>false</xsl:otherwise></xsl:choose></xsl:variable>
<script type='text/javascript'>showTreeToggle(<xsl:value-of select="$collapsed"/>)</script> <xsl:if test="line|nest">
<a href="javascript:" class="logTreeToggle"></a>
<xsl:text> </xsl:text>
</xsl:if>
<xsl:apply-templates select='head'/> <xsl:apply-templates select='head'/>
<!-- Be careful to only generate <ul>s if there are <li>s, otherwise it’s malformed. --> <!-- Be careful to only generate <ul>s if there are <li>s, otherwise it’s malformed. -->