nitweb/ng: clean card css
[nit.git] / share / nitweb / directives / metrics / metrics_list.html
1 <div class='card'>
2 <div class='card-body'>
3 <div class='card-heading'>
4 <h4 class='card-title'>{{listTitle}}</h4>
5 </div>
6 <table class='table'>
7 <tr>
8 <th></th>
9 <th>avg.</th>
10 <th>std dev.</th>
11 <th>min.</th>
12 <th>max.</th>
13 </tr>
14 <tr ng-repeat='metric in listMetricsNames'>
15 <th>
16 <abbr title="{{listMetrics[metric].desc}}">
17 {{listMetrics[metric].name.toUpperCase()}}
18 </abbr>
19 </th>
20 <td ng-if='listMetrics[metric].empty' colspan='5'>No classes in this module</td>
21 <td>{{listMetrics[metric].avg}}</td>
22 <td>{{listMetrics[metric].std_dev}}</td>
23 <td ng-if='!listMetrics[metric].empty'>
24 {{listMetrics[metric].values[listMetrics[metric].min.full_name].value}}
25 &nbsp;(<entity-link mentity='listMetrics[metric].min' />)
26 </td>
27 <td ng-if='!listMetrics[metric].empty'>
28 {{listMetrics[metric].values[listMetrics[metric].max.full_name].value}}
29 &nbsp;(<entity-link mentity='listMetrics[metric].max' />)
30 </td>
31 </tr>
32 </table>
33 <p class='text-center'>
34 <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#{{listId}}" aria-expanded="false" aria-controls="{{listId}}">
35 Show all values
36 </button>
37 </p>
38 <div class="collapse" id="{{listId}}">
39 <table class='table'>
40 <tr>
41 <th></th>
42 <th ng-repeat='metric in listMetricsNames'>
43 <abbr title="{{listMetrics[metric].desc}}">
44 {{listMetrics[metric].name.toUpperCase()}}
45 </abbr>
46 </th>
47 </tr>
48 <tr ng-repeat='value in listMetrics[listMetricsDefault].values'>
49 <td><entity-link mentity='value.mentity'></td>
50 <td ng-repeat='metric in listMetricsNames'>
51 {{listMetrics[metric].values[value.mentity.full_name].value}}
52 </td>
53 </tr>
54 </table>
55 </div>
56 </div>
57 </div>