xref: /dragonfly/usr.bin/dsynth/progress.html (revision d50f9ae3)
1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7    <title>Synth</title>
8
9    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
10    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" type="text/javascript" charset="utf-8"></script>
11    <link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
12    <link href="progress.css" type="text/css" rel="stylesheet" />
13    <script src="progress.js" type="text/javascript"></script>
14
15    <link rel="icon" type="image/png" href="favicon.png">
16  </head>
17  <body>
18    <div id="header">
19        <table class="layout">
20          <tr>
21            <td>
22              <div id="logo">
23                <img src="dsynth.png" alt="logo" />
24              </div>
25            </td>
26            <td>
27              <div id="build_info">
28                <table>
29                  <tr>
30                    <th>Profile:</th>
31                    <td id="profile"></td>
32                  </tr>
33                  <tr>
34                    <th>Polling:</th>
35                    <td id="polling"></td>
36                  </tr>
37                  <tr>
38                    <th>Kickoff:</th>
39                    <td id="kickoff"></td>
40                  </tr>
41                </table>
42              </div>
43            </td>
44            <td>
45              <div id="stats">
46                <table>
47                  <thead>
48                    <tr>
49                      <th>Total</th>
50                      <th>Built</th>
51                      <th>Failed</th>
52                      <th>Ignored</th>
53                      <th>Skipped</th>
54                      <th>Remaining</th>
55                    </tr>
56                  </thead>
57                  <tbody>
58                    <tr>
59                      <td id="stats_queued" class="queued" onclick="filter('')" title="Clear search filter"></td>
60                      <td id="stats_built" class="built" onclick="filter('built')" title="Click to filter for built packages"></td>
61                      <td id="stats_failed" class="failed" onclick="filter('failed')" title="Click to filter for build failures"></td>
62                      <td id="stats_ignored" class="ignored" onclick="filter('ignored')" title="Click to filter for ignored ports"></td>
63                      <td id="stats_skipped" class="skipped" onclick="filter('skipped')" title="Click to filter for skipped ports"></td>
64                      <td id="stats_remains" class="remains"></td>
65                    </tr>
66                  </tbody>
67                </table>
68              </div>
69              <div id="stress">
70                <table>
71                  <thead>
72                    <tr>
73                      <th>Load</th>
74                      <th>Swapinfo</th>
75                      <th>Elapsed</th>
76                      <th>Pkg/hour</th>
77                      <th title="Packages build rate over last 500 seconds" id="impulse_label">Impulse</th>
78                    </tr>
79                  </thead>
80                  <tbody>
81                    <tr>
82                      <td id="stats_load"></td>
83                      <td id="stats_swapinfo"></td>
84                      <td id="stats_elapsed"></td>
85                      <td id="stats_pkghour"></td>
86                      <td id="stats_impulse"></td>
87                    </tr>
88                  </tbody>
89                </table>
90              </div>
91            </td>
92          </tr>
93        </table>
94    </div><!-- #header -->
95    <div id="main">
96      <div id="builders_zone_2">
97        <table class="builders_table" id="builders_body">
98          <thead class="builders">
99            <tr>
100              <td>ID</td>
101              <td>Duration</td>
102              <td>Build Phase</td>
103              <td>Origin</td>
104              <td>Lines</td>
105            </tr>
106          </thead>
107          <tbody class="builders"></tbody>
108        </table>
109      </div>
110
111      <div id="report">
112        <table id="report_table">
113          <thead>
114            <tr>
115              <th title="Click on number to search on origin">No.</th>
116              <th>Elapsed</th>
117              <th>ID</th>
118              <th>Result</th>
119              <th>Origin</th>
120              <th>Information</th>
121              <th>Skip</th>
122              <th>Duration</th>
123            </tr>
124          </thead>
125          <tbody id="report_body"></tbody>
126        </table>
127      </div>
128    </div>
129
130    <div id="footer">
131      <div id="nav">
132        Progress
133      </div>
134      <div id="progress">
135        <canvas id="progressbar" width=952 height=22></canvas>
136      </div>
137    </div>
138  </body>
139</html>
140