grim/gplate

Moved to a table layout.

2008-02-10, grim
4ac0ba0da721
Parents 36c1aa23c616
Children 5c34e52f19c2
Moved to a table layout.
Added javascript for showing/hiding all messages
1 files changed, 39 insertions(+), 9 deletions(-)
  • +39 -9
    tests/check.xsl
    • --- a/tests/check.xsl Sun Feb 10 07:40:05 2008 -0600
    +++ b/tests/check.xsl Sun Feb 10 08:33:15 2008 -0600
    @@ -26,6 +26,26 @@
    element.style.display = 'block';
    }
    }
    +
    + function show_all() {
    + elements = document.getElementsByTagName('div');
    +
    + for(i = 0, l = elements.length; i < l; i++) {
    + if(elements[i].id) {
    + elements[i].style.display = 'block';
    + }
    + }
    + }
    +
    + function hide_all() {
    + elements = document.getElementsByTagName('div');
    +
    + for(i = 0, l = elements.length; i < l; i++) {
    + if(elements[i].id) {
    + elements[i].style.display = 'none';
    + }
    + }
    + }
    </xsl:comment>
    </script>
    </xsl:variable>
    @@ -33,10 +53,10 @@
    <xsl:variable name="css">
    <style type="text/css">
    <xsl:comment>
    - ul { list-style-type: none; margin: 0px; padding: 0px; }
    - a, a:hover { color: #000000; text-decoration: none; background-color: #ffffff; }
    + a { color: #000000; background-color: #ffffff; }
    pre { margin: 0px; }
    img { border: 0px; }
    + td { vertical-align: top; }
    div { display: none; padding: 0px; margin: 0px; }
    div.header { display: block; }
    div.passed-message { margin: 2px 0px; background-color: #cfffcf; border: solid 1px #7fff7f; color: #000000; }
    @@ -86,6 +106,11 @@
    <td><xsl:value-of select="check:duration"/><xsl:text> seconds</xsl:text></td>
    </tr>
    </table>
    + <p>
    + <a href="javascript:show_all()">Show all messages</a>
    + <xsl:text> </xsl:text>
    + <a href="javascript:hide_all()">Hide all messages</a>
    + </p>
    </div>
    <xsl:apply-templates/>
    </body>
    @@ -95,17 +120,20 @@
    <xsl:template match="check:suite">
    <xsl:if test="check:test">
    <h2><xsl:value-of select="check:title"/></h2>
    - <ul>
    + <table>
    <xsl:for-each select="check:test">
    - <li>
    + <tr>
    + <td>
    <xsl:element name="a">
    <xsl:attribute name="href">
    <xsl:text>javascript:toggle('</xsl:text>
    <xsl:value-of select="check:id"/>
    <xsl:text>')</xsl:text>
    </xsl:attribute>
    - <xsl:value-of select="check:id"/>
    - <xsl:text> </xsl:text>
    + <xsl:value-of select="translate(check:id, '_', ' ')"/>
    + </xsl:element>
    + </td>
    + <td>
    <xsl:choose>
    <xsl:when test="@result='success'">
    <img src="passed.png" alt="passed"/>
    @@ -114,7 +142,8 @@
    <img src="failed.png" alt="failed"/>
    </xsl:otherwise>
    </xsl:choose>
    - </xsl:element>
    + </td>
    + <td>
    <xsl:element name="div">
    <xsl:attribute name="id">
    <xsl:value-of select="check:id"/>
    @@ -131,9 +160,10 @@
    </xsl:attribute>
    <pre><xsl:value-of select="check:message"/></pre>
    </xsl:element>
    - </li>
    + </td>
    + </tr>
    </xsl:for-each>
    - </ul>
    + </table>
    </xsl:if>
    </xsl:template>