| OLD | NEW |
| 1 <div id=quic-view-tab-content class=content-box> | 1 <div id=quic-view-tab-content class=content-box> |
| 2 <ul style='margin-top:0'> | 2 <ul style='margin-top:0'> |
| 3 <li>QUIC Enabled: <span jscontent="!!quic_enabled"></span></li> | 3 <li>QUIC Enabled: <span jscontent="!!quic_enabled"></span></li> |
| 4 <li>HTTPS Over QUIC Enabled: <span jscontent="!!quic_enabled_https"></span><
/li> | 4 <li>HTTPS Over QUIC Enabled: <span jscontent="!!quic_enabled_https"></span><
/li> |
| 5 <li>Origin To Force QUIC On: <span jscontent="origin_to_force_quic_on"></spa
n></li> | 5 <li>Origin To Force QUIC On: <span jscontent="origin_to_force_quic_on"></spa
n></li> |
| 6 <li>Packet Pacing Enabled: <span jscontent="!!enable_quic_pacing"></span></l
i> | 6 <li>Packet Pacing Enabled: <span jscontent="!!enable_quic_pacing"></span></l
i> |
| 7 <li>Persist Server Config Information Enabled: <span jscontent="!!enable_qui
c_persist_server_info"></span></li> | 7 <li>Persist Server Config Information Enabled: <span jscontent="!!enable_qui
c_persist_server_info"></span></li> |
| 8 <li>Consistent Port Selection Enabled: <span jscontent="!!enable_quic_port_s
election"></span></li> | 8 <li>Consistent Port Selection Enabled: <span jscontent="!!enable_quic_port_s
election"></span></li> |
| 9 </ul> | 9 </ul> |
| 10 | 10 |
| 11 <h4>QUIC sessions</h4> | 11 <h4>QUIC sessions</h4> |
| 12 <!-- Only one of these two are shown --> | 12 <!-- Only one of these two are shown --> |
| 13 <div jsdisplay="!($this.sessions && sessions.length > 0)">None</div> | 13 <div jsdisplay="!($this.sessions && sessions.length > 0)">None</div> |
| 14 <div jsdisplay="$this.sessions && sessions.length > 0"> | 14 <div jsdisplay="$this.sessions && sessions.length > 0"> |
| 15 <a href="#events&q=type:QUIC_SESSION%20is:active">View live QUIC sessions<
/a> | 15 <a href="#events&q=type:QUIC_SESSION%20is:active">View live QUIC sessions<
/a> |
| 16 <p> | 16 <p> |
| 17 <table class="styled-table"> | 17 <table class="styled-table"> |
| 18 <thead> | 18 <thead> |
| 19 <tr> | 19 <tr> |
| 20 <th>Host</th> | 20 <th>Host</th> |
| 21 <th>Secure</th> | 21 <th>Secure</th> |
| 22 <th>Version</th> | 22 <th>Version</th> |
| 23 <th>Peer address</th> | 23 <th>Peer address</th> |
| 24 <th>GUID</th> | 24 <th>Connection UID</th> |
| 25 <th>Active stream count</th> |
| 25 <th>Active streams</th> | 26 <th>Active streams</th> |
| 26 <th>Total streams</th> | 27 <th>Total stream count</th> |
| 28 <th>Packets Sent</th> |
| 29 <th>Packets Lost</th> |
| 30 <th>Packets Received</th> |
| 27 <th>Connected</th> | 31 <th>Connected</th> |
| 28 </tr> | 32 </tr> |
| 29 </thead> | 33 </thead> |
| 30 <tbody> | 34 <tbody> |
| 31 <tr jsselect="sessions"> | 35 <tr jsselect="sessions"> |
| 32 <td jscontent="$this.aliases ? $this.aliases.join(' ') : ''"></td> | 36 <td jscontent="$this.aliases ? $this.aliases.join(' ') : ''"></td> |
| 33 <td jscontent="!!secure"></td> | 37 <td jscontent="!!secure"></td> |
| 34 <td jscontent="version"></td> | 38 <td jscontent="version"></td> |
| 35 <td jscontent="peer_address"></td> | 39 <td jscontent="peer_address"></td> |
| 36 <td jscontent="guid"></td> | 40 <td jscontent="connection_id"></td> |
| 37 <td jscontent="open_streams"></td> | 41 <td jscontent="open_streams"></td> |
| 42 <td jscontent="$this.active_streams && $this.active_streams.length
> 0 ? $this.active_streams.join(', ') : 'None'"></td> |
| 38 <td jscontent="total_streams"></td> | 43 <td jscontent="total_streams"></td> |
| 44 <td jscontent="packets_sent"></td> |
| 45 <td jscontent="packets_lost"></td> |
| 46 <td jscontent="packets_received"></td> |
| 39 <td jscontent="connected"></td> | 47 <td jscontent="connected"></td> |
| 40 </tr> | 48 </tr> |
| 41 </tbody> | 49 </tbody> |
| 42 </table> | 50 </table> |
| 43 </p> | 51 </p> |
| 44 </div> | 52 </div> |
| 45 </div> | 53 </div> |
| OLD | NEW |