xref: /dragonfly/usr.bin/dsynth/progress.html (revision c9c5aa9e)
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>Meta</th>
52                      <th>Failed</th>
53                      <th>Ignored</th>
54                      <th>Skipped</th>
55                      <th>Remaining</th>
56                    </tr>
57                  </thead>
58                  <tbody>
59                    <tr>
60                      <td id="stats_queued" class="queued" onclick="filter('')" title="Clear search filter"></td>
61                      <td id="stats_built" class="built" onclick="filter('built')" title="Click to filter for built packages"></td>
62                      <td id="stats_meta" class="meta" onclick="filter('meta')" title="Click to filter for meta packages"></td>
63                      <td id="stats_failed" class="failed" onclick="filter('failed')" title="Click to filter for build failures"></td>
64                      <td id="stats_ignored" class="ignored" onclick="filter('ignored')" title="Click to filter for ignored ports"></td>
65                      <td id="stats_skipped" class="skipped" onclick="filter('skipped')" title="Click to filter for skipped ports"></td>
66                      <td id="stats_remains" class="remains"></td>
67                    </tr>
68                  </tbody>
69                </table>
70              </div>
71              <div id="stress">
72                <table>
73                  <thead>
74                    <tr>
75                      <th>Load</th>
76                      <th>Swapinfo</th>
77                      <th>Elapsed</th>
78                      <th>Pkg/hour</th>
79                      <th title="Packages build rate over last 500 seconds" id="impulse_label">Impulse</th>
80                    </tr>
81                  </thead>
82                  <tbody>
83                    <tr>
84                      <td id="stats_load"></td>
85                      <td id="stats_swapinfo"></td>
86                      <td id="stats_elapsed"></td>
87                      <td id="stats_pkghour"></td>
88                      <td id="stats_impulse"></td>
89                    </tr>
90                  </tbody>
91                </table>
92              </div>
93            </td>
94          </tr>
95        </table>
96    </div><!-- #header -->
97    <div id="main">
98      <div id="builders_zone_2">
99        <table class="builders_table" id="builders_body">
100          <thead class="builders">
101            <tr>
102              <td>ID</td>
103              <td>Duration</td>
104              <td>Build Phase</td>
105              <td>Origin</td>
106              <td>Lines</td>
107            </tr>
108          </thead>
109          <tbody class="builders"></tbody>
110        </table>
111      </div>
112
113      <div id="report">
114        <table id="report_table">
115          <thead>
116            <tr>
117              <th title="Click on number to search on origin">No.</th>
118              <th>Elapsed</th>
119              <th>ID</th>
120              <th>Result</th>
121              <th>Origin</th>
122              <th>Information</th>
123              <th>Skip</th>
124              <th>Duration</th>
125            </tr>
126          </thead>
127          <tbody id="report_body"></tbody>
128        </table>
129      </div>
130    </div>
131
132    <div id="footer">
133      <div id="nav">
134        Progress
135      </div>
136      <div id="progress">
137        <canvas id="progressbar" width=952 height=22></canvas>
138      </div>
139    </div>
140  </body>
141</html>
142