604f2c8e4b1d532853b5fac6644257115ac58084
[releng.git] / utils / test / reporting / functest / template / index-status-tmpl.html
1  <html>
2   <head>
3     <meta charset="utf-8">
4     <!-- Bootstrap core CSS -->
5     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
6     <link href="default.css" rel="stylesheet">
7     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
8     <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
9     <script type="text/javascript">
10     $(document).ready(function (){
11         $(".btn-more").click(function() {
12             $(this).hide();
13             $(this).parent().find(".panel-default").show();
14         });
15     })
16     </script>
17   </head>
18     <body>
19     <div class="container">
20       <div class="masthead">
21         <h3 class="text-muted">Functest status page ({{version}})</h3>
22         <nav>
23           <ul class="nav nav-justified">
24             <li class="active"><a href="index.html">Home</a></li>
25             <li><a href="index-status-apex.html">Apex</a></li>
26             <li><a href="index-status-compass.html">Compass</a></li>
27             <li><a href="index-status-fuel.html">Fuel</a></li>
28             <li><a href="index-status-joid.html">Joid</a></li>
29           </ul>
30         </nav>
31       </div>
32 <div class="row">
33     <div class="col-md-1"></div>
34     <div class="col-md-10">
35         <div class="page-header">
36             <h2>{{installer}}</h2>
37         </div>
38
39         <div class="scenario-overview">
40             <div class="panel-heading"><h4><b>List of last scenarios ({{version}}) run over the last {{period}} days </b></h4></div>
41                 <table class="table">
42                     <tr>
43                         <th width="80%">Scenario</th>
44                         <th width="20%">Iteration</th>
45                     </tr>
46                         {% for scenario,iteration in scenario_stats.iteritems() -%}
47                             <tr class="tr-ok">
48                                 <td>{{scenario}}</td>
49                                 <td>{{iteration}}</td>
50                             </tr>
51                             {%- endfor %}
52                         </table>
53         </div>
54
55
56
57         {% for scenario, iteration in scenario_stats.iteritems() -%}
58         <div class="scenario-part">
59             <div class="page-header">
60                 <h3><span class="glyphicon glyphicon-chevron-right"> <b>{{scenario}}</b></h3>
61             </div>
62                     <div class="panel panel-default">
63                     <div class="panel-heading">
64                         <span class="panel-header-item">
65                         </span>
66                     </div>
67                     <table class="table">
68                         <tr>
69                             {% for test in items[scenario] -%}
70                             <th>{{test.getName() }}</th>
71                             {%- endfor %}
72                         </tr>
73                         <tr class="tr-weather-weather">
74                             {% for test in items[scenario] -%}
75                             {% if test.isRunnable is sameas false -%}
76                                 <td>N.R</td>
77                             {% elif test.getCriteria() > 2 -%}
78                                 <td><img src="../../img/weather-clear.png"></td>
79                             {%- elif test.getCriteria() > 1 -%}
80                                 <td><img src="../../img/weather-few-clouds.png"></td>
81                             {%- elif test.getCriteria() > 0 -%}
82                                 <td><img src="../../img/weather-overcast.png"></td>
83                             {%- else -%}
84                                 <td><img src="../../img/weather-storm.png"></td>
85                             {%- endif %}
86                             {%- endfor %}
87                         </tr>
88                     </table>
89                 </div>
90         </div>
91         {%- endfor %}
92     </div>
93     <div class="col-md-1"></div>
94 </div>