summaryrefslogtreecommitdiff
path: root/web-app/static/diff.html
blob: ab2e1552385f7e461ea57224284d20701cd76d41 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
<head>
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="EXPIRES" CONTENT="0">
  <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

  <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:200,700' rel='stylesheet' type='text/css'>
  <link href='http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css' rel='stylesheet' type='text/css'>
  <link href='http://cdn.datatables.net/1.10.7/css/jquery.dataTables.css' rel='stylesheet' type='text/css'>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
  <style>
     h1,h2,h3 { font-family: "Merriweather Sans", Arial, serif; font-weight: 700; }
     BODY { font-family: "Merriweather Sans", Arial, serif; font-weight: 200; }
     TABLE { font-size: 90%; }
     td.details-control {
        background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
        cursor: pointer;
     }
     tr.shown td.details-control {
        background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
     }
  </style>

<script type="text/javascript" src="util.js"></script>
<script type="text/javascript">

$(function() {
   var params = parse_query(window.location.search);
   var ref = params["ref"];
   var other = params["other"];

   // get the list of available jobs
   $.getJSON("/results/tempest/jobs", function(data) {
      $.each(data, function(i, obj) {
         var display_test = obj["t.lava_job"] + ": " + obj["d.name"] + " / " + obj["b.name"] + " / " + obj["o.distro"] + " / " + obj["o.version"];
         $("#ref-list").append(
            $('<option></option>').val(obj["t.lava_job"]).html(display_text));
         $("#other-list").append(
            $('<option></option>').val(obj["t.lava_job"]).html(display_text));
      });
   });

   var table1 = $('#changes_table').DataTable( {
        "ajax": { "dataSrc" : "", "url" : "/results/tempest/job/" + job + "/failures" },
        "columns": [
            {
                "className":      'details-control',
                "orderable":      false,
                "data":           null,
                "defaultContent": ''
            },
            { "title" : "Test Category", "data" : "t\\.test_category" },
            { "title" : "Test Name", "data" : "t\\.name" },
            { "title" : "Duration", "data" : "r\\.time" },
	    { "title" : "Test Full Name", "data" : "t\\.full_name", "visible" : false }
        ],
        "order": [[2, 'asc']]
   });
});

</script>


</head>
<body>
<h1><img style="vertical-align: middle; width: 150px" src="http://www.linaro.org/app/images/linaro-logo-web.png"/>
Openstack CI</h1>

<h2>Job Selection</h2>

Reference: <select id='ref-list' size='1'></select>
<br/>
Compare With: <select id='other-list' size='1'></select>

<h2>Changes</h2>
<table id="changes_table" class="display" cellspacing="0" width="100%"></table>

</body>
</html>