view templates/graph.html @ 163:18d8671d9c96

Remove syntax errors in generated html reports
author Zdenek Zambersky <zzambers@redhat.com>
date Wed, 22 Oct 2014 19:24:02 +0200
parents 1191b3a92ad1
children 6b6ac47a811f
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

    ThermostatQA - test framework for Thermostat Monitoring Tool

    Copyright 2013 Red Hat, Inc.

This file is part of ThermostatQA

ThermostatQA is distributed under the GNU General Public License,
version 2 or any later version (with a special exception described
below, commonly known as the "Classpath Exception").

A copy of GNU General Public License (GPL) is included in this
distribution, in the file COPYING.

Linking ThermostatQA code with other modules is making a combined work
based on ThermostatQA.  Thus, the terms and conditions of the GPL
cover the whole combination.

As a special exception, the copyright holders of ThermostatQA give you
permission to link this code with independent modules to produce an
executable, regardless of the license terms of these independent
modules, and to copy and distribute the resulting executable under
terms of your choice, provided that you also meet, for each linked
independent module, the terms and conditions of the license of that
module.  An independent module is a module which is not derived from
or based on ThermostatQA code.  If you modify ThermostatQA, you may
extend this exception to your version of the software, but you are
not obligated to do so.  If you do not wish to do so, delete this
exception statement from your version.
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>ThermostatQA tests report &ndash; graph for ${TEST_COUNT} tests</title>
        <meta name="Author" content="Pavel Tisnovsky" />
        <meta name="Generator" content="org.thermostat.qa.reporter.Reporter" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link type="text/css" rel="StyleSheet" href="style.css" />

        <script type="text/javascript" src="flotr/lib/prototype-1.6.0.2.js"></script>
        <!--[if IE]>
            <script type="text/javascript" src="flotr/lib/excanvas.js"></script>
            <script type="text/javascript" src="flotr/lib/base64.js"></script>
        <![endif]-->
        <script type="text/javascript" src="flotr/lib/canvas2image.js"></script>
        <script type="text/javascript" src="flotr/lib/canvastext.js"></script>
        <script type="text/javascript" src="flotr/flotr-0.2.0-alpha.js"></script>

    </head>
<body>
    <h1>ThermostatQA tests report - graph for ${TEST_COUNT} tests</h1>

    <table border="0">
        <tr>
            <td valign="top">
                <div id="graph1" style="width:1600px;height:500px;"></div>
                <div id="graph2" style="width:1600px;height:500px;"></div>
                <script type="text/javascript">
            /**
             * Wait till dom's finished loading.
             */
            document.observe('dom:loaded', function(){
                var d_passed = [
${GRAPH_DATA_PASSED}
                ];
                var d_failed = [
${GRAPH_DATA_FAILED}
                ];
                var d_error = [
${GRAPH_DATA_ERROR}
                ];
                var d_ignored = [
${GRAPH_DATA_IGNORED}
                ];
                /**
                 * Draw the graph in the first container.
                 */
                Flotr.draw(
                    $('graph1'),
                    [
                        {data:d_passed, mouse:{track: true}, label:'PASSED', lines:{fill:false}},
                        {data:d_failed, mouse:{track: true}, label:'FAILED', lines:{fill:false}},
                        {data:d_error,  mouse:{track: true}, label:'ERROR', lines:{fill:false}},
                        {data:d_ignored,  mouse:{track: true}, label:'NOT APPLICABLE', lines:{fill:false}},
                    ],
                    {
                        lines: {show: true}, points: {show: true},
                    //{bars: {show:true, barWidth:0.5},
                        xaxis: {tickFormatter: function(n) { return ""+Math.floor(n)+"";}},
                        yaxis: {min: 0},
                        legend: {
                            position: 'sw',
                            backgroundColor: '#D2E8FF'
                        },
                        mouse: {
                            track: true,
                            color: 'purple',
                            sensibility: 5,
                            trackDecimals: 2,
                            trackFormatter: function(obj){ return 'count: ' + obj.y; },
                        }
                    }
                );
            });
                </script>
                <script type="text/javascript">
            /**
             * Wait till dom's finished loading.
             */
            document.observe('dom:loaded', function(){
                var d_none = [
${GRAPH_DATA_NONE}
                ];
                var d_failed = [
${GRAPH_DATA_FAILED}
                ];
                var d_error = [
${GRAPH_DATA_ERROR}
                ];
                var d_ignored = [
${GRAPH_DATA_IGNORED}
                ];
                /**
                 * Draw the graph in the second container.
                 */
                Flotr.draw(
                    $('graph2'),
                    [
                        {data:d_none,   mouse:{track: false}, label:'',      lines:{fill:false, show:false}},
                        {data:d_failed, mouse:{track: true}, label:'FAILED', lines:{fill:false}}, 
                        {data:d_error,  mouse:{track: true}, label:'ERROR',  lines:{fill:false}}, 
                        {data:d_ignored, mouse:{track: true}, label:'NOT APPLICABLE',  lines:{fill:false}}, 
                    ],
                    {
                        lines: {show: true}, points: {show: true},
                    //{bars: {show:true, barWidth:0.5},
                        xaxis: {tickFormatter: function(n) { return ""+Math.floor(n)+"";}},
                        yaxis: {min: 0},
                        legend: {
                            position: 'sw',
                            backgroundColor: '#D2E8FF'
                        },
                        mouse: {
                            track: true,
                            color: 'purple',
                            sensibility: 5,
                            trackDecimals: 2,
                            trackFormatter: function(obj){ return 'count: ' + obj.y; },
                        }
                    }
                );
            });
                </script>
                </td>
            </tr>
            <tr>
                <td>
                    <table border="2" frame="border" rules="all" cellspacing="1" cellpadding="1" style="background-color: #f0f0dd; vertical-align: top; border-collapse: collapse; border-color:#808080">
                        <tr><td>#</td><td>Date</td><td>Passed</td><td>Failed</td><td>Error</td><td>Not applicable</td></tr>
${TABLE_DATA}
                    </table>
                </td>
            </tr>
        </table>
    <hr />
    </body>
</html>