aboutsummaryrefslogtreecommitdiff
path: root/dashboard_app/templates/dashboard_app/image-report.html
blob: c0db90f87fef4e2308094a1032238613b509b6c9 (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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
{% extends "layouts/content-bootstrap.html" %}

{% block styles %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}dashboard_app/css/image-report.css"/>
{% endblock %}

{% block content %}
<h1>Image Report: {{ image.name }}</h1>

<div id="outer-container">
<div id="inner-container">
</div>
<div id="legend-container">
</div>
</div>

<div id="toggle-graph-container">
  <input type="checkbox" id="toggle_graph" onchange="toggle_graph()" checked="checked" />
  <label for="toggle_graph">Toggle graph</label>
</div>

<div id="filters">
  <div id="filter_headline">Filters <a id="filter_link" href="#">Link to this filter set</a></div>
  <div id="build_numbers_filter">
    <div id="build_number_headline">
      Start build number:
    </div>
    <span id="build_number_start_container">
      <select id="build_number_start" onchange='update_table(columns, chart_data, test_names)'>
      </select>
    </span>

    End build number:
    <span id="build_number_end_container">
      <select id="build_number_end" onchange='update_table(columns, chart_data, test_names)'>
      </select>
    </span>
  </div>

  <div id="tests_filter">
    <div id="test_headline">
      Tests:
    </div>
    <select id="test_select" onchange='update_table(columns, chart_data, test_names)' multiple>
    </select>
  </div>

  <div id="target_goal_filter">
    <div id="target_goal_headline">
      Target Goal:
    </div>
    <input type="text" id="target_goal" onblur='update_table(columns, chart_data, test_names)' />
  </div>

  <div id="graph_type_filter">
    <div id="graph_type_headline">
      Graph type:
    </div>
    <input type="radio" name="graph_type" onclick='update_table(columns, chart_data, test_names)' checked value="percentage">
    By percentage
    </input>
    <input type="radio" name="graph_type" onclick='update_table(columns, chart_data, test_names)' value="number">
    By pass/fail test numbers
    </input>
    <input type="radio" name="graph_type" onclick='update_table(columns, chart_data, test_names)' value="measurements">
    By measurements
    </input>
  </div>
</div>


<table id="outer-table">
  <tr>
    <td>
      <table id="test-run-names" class="inner-table">
        <thead>
          <tr>
            <th style='width: 170px;'>
              Build Number
            </th>
          </tr>
        </thead>
        <tbody>
	</tbody>
      </table>
    </td>
    <td>
      <div id="scroller">
        <table id="results-table" class="inner-table">
          <thead>
	  </thead>
	  <tbody>
	  </tbody>
	</table>
      </div>
    </td>
  </tr>
</table>

<div id="add-bug-dialog" style="display: none">
  <input type="hidden" name="uuid"/>
  <div class="linked" style="display:none"></div>
  <div class="prev" style="display:none">
    XXX
  </div>
  <input name="bug_link" style="width: 100%"/>
</div>
{% endblock %}


{% block scripts %}
<script type="text/javascript" src="{{ STATIC_URL }}dashboard_app/js/image-report.min.js"></script>
<script src="{{ STATIC_URL }}dashboard_app/js/excanvas.min.js"></script>
<script src="{{ STATIC_URL }}dashboard_app/js/jquery.flot.min.js"></script>
<script src="{{ STATIC_URL }}dashboard_app/js/jquery.flot.dashes.min.js"></script>
<script src="{{ STATIC_URL }}dashboard_app/js/jstorage.min.js"></script>

<script>
  csrf_token = '{{csrf_token}}';
  chart_data = $.parseJSON($('<div/>').html("{{chart_data|escapejs}}").text());
  test_names = $.parseJSON($('<div/>').html("{{test_names}}").text());
  columns = $.parseJSON($('<div/>').html("{{columns}}").text());
  image_url = '{{ STATIC_URL }}dashboard_app/images/';
  del_bug_url = '{% url 'dashboard_app.views.unlink_bug_and_testrun' %}';
  link_bug_url = '{% url 'dashboard_app.views.link_bug_to_testrun' %}';

var current_bug = [];
</script>
{% endblock %}