| 1 | <!doctype html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <meta charset="utf-8">
|
| 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
| 6 | <meta http-equiv="Refresh" content="15" />
|
| 7 | <title>Attester status</title>
|
| 8 | <meta name="viewport" content="width=device-width">
|
| 9 | <link rel="stylesheet" href="stylesheet.css">
|
| 10 | <link rel="stylesheet" href="font/font-awesome.min.css">
|
| 11 | |
| 12 | |
| 13 |
|
| 14 | |
| 15 | |
| 16 |
|
| 17 | </head>
|
| 18 | <body>
|
| 19 | <header role="banner">
|
| 20 | <hgroup>
|
| 21 | <h1 id="site-title">
|
| 22 | <span class="title"><span class="initials">at</span>tester</span>
|
| 23 | </h1>
|
| 24 | <nav id="menu-primary" role="navigation">
|
| 25 | <div class="menu">
|
| 26 | <ul>
|
| 27 | <li class="menu-item" id="slave">
|
| 28 | <i class="icon-double-angle-right"></i><a href="slave.html">Add this browser as a slave</a>
|
| 29 | </li>
|
| 30 | </ul>
|
| 31 | </div>
|
| 32 | </nav>
|
| 33 | </hgroup>
|
| 34 | </header>
|
| 35 | <div id="main" role="main" class="wide">
|
| 36 | <div id="configuration">
|
| 37 | <article>
|
| 38 | <h2><span>Connected Browsers</span></h2>
|
| 39 |
|
| 40 | <div class="text">
|
| 41 | <% if (data.slaves.length > 0) { %>
|
| 42 | <table class="slaves">
|
| 43 | <thead>
|
| 44 | <tr>
|
| 45 | <th class="browser">Browser</th>
|
| 46 | <th class="userAgent">User agent</th>
|
| 47 | <th class="address">Address</th>
|
| 48 | <th class="status">Status</th>
|
| 49 | </tr>
|
| 50 | </thead>
|
| 51 |
|
| 52 | <tbody>
|
| 53 | <% _.forEach(data.slaves, function (slave) { %>
|
| 54 | <tr>
|
| 55 | <td class="browser" data-is="Browser"><%= slave.displayName %></td>
|
| 56 | <td class="userAgent ellipsis" data-is="User agent" data-text="<%= slave.userAgent %>"><%= slave.userAgent %></td>
|
| 57 | <td class="address ellipsis" data-is="Address" data-text="<% print((slave.addressName || slave.address) + ':' + slave.port) %>"><% print((slave.addressName || slave.address) + ':' + slave.port) %></td>
|
| 58 | <td class="status" data-is="Status"><% print(slave.getStatus()) %></td>
|
| 59 | </tr>
|
| 60 | <% }); %>
|
| 61 | </tbody>
|
| 62 | </table>
|
| 63 | <% } else { %>
|
| 64 | <i class='icon-remove'></i>There is no connected browser.
|
| 65 | <% } %>
|
| 66 | </div>
|
| 67 | </article>
|
| 68 |
|
| 69 | <% _.forEach(data.campaigns, function (campaign) { %>
|
| 70 | <article>
|
| 71 | <h2><span>Campaign <%= campaign.id %></span></h2>
|
| 72 | <div class="text">
|
| 73 | <h3>Total tasks</h3>
|
| 74 | <%= campaign.tasks.length %>
|
| 75 |
|
| 76 | <h3>Remaining tasks</h3>
|
| 77 | <%= campaign.remainingTasks %>
|
| 78 |
|
| 79 | <ul>
|
| 80 | <% _.forEach(campaign.browsers, function (browser) { %>
|
| 81 | <li><%= browser.pendingTasks %> on <%= browser.name %></li>
|
| 82 | <% }); %>
|
| 83 | </ul>
|
| 84 | </div>
|
| 85 | </article>
|
| 86 | <% }); %>
|
| 87 | </div>
|
| 88 | </div>
|
| 89 | </body>
|
| 90 | </html>
|